Skip to content

Commit 2b2b8f9

Browse files
committed
Use the muted text token for the PSN hint
The PSN modal hint was the only paragraph in import_data.html spelled as a raw palette utility, which fails app.tests.test_theme_tokens and renders the same grey on both canvases. Rebuilding main.css also picks up four focus-visible utilities from form_save_bar.html that the committed stylesheet was already missing.
1 parent 8b535f7 commit 2b2b8f9

2 files changed

Lines changed: 33 additions & 1 deletion

File tree

src/static/css/main.css

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3741,6 +3741,16 @@
37413741
}
37423742
}
37433743
}
3744+
.hover\:bg-gray-700\/70 {
3745+
&:hover {
3746+
@media (hover: hover) {
3747+
background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 70%, transparent);
3748+
@supports (color: color-mix(in lab, red, red)) {
3749+
background-color: color-mix(in oklab, var(--color-gray-700) 70%, transparent);
3750+
}
3751+
}
3752+
}
3753+
}
37443754
.hover\:bg-indigo-400 {
37453755
&:hover {
37463756
@media (hover: hover) {
@@ -4195,6 +4205,28 @@
41954205
--tw-ring-color: var(--color-accent);
41964206
}
41974207
}
4208+
.focus-visible\:ring-indigo-500 {
4209+
&:focus-visible {
4210+
--tw-ring-color: var(--color-indigo-500);
4211+
}
4212+
}
4213+
.focus-visible\:ring-offset-2 {
4214+
&:focus-visible {
4215+
--tw-ring-offset-width: 2px;
4216+
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4217+
}
4218+
}
4219+
.focus-visible\:ring-offset-\[var\(--color-surface\)\] {
4220+
&:focus-visible {
4221+
--tw-ring-offset-color: var(--color-surface);
4222+
}
4223+
}
4224+
.focus-visible\:outline-none {
4225+
&:focus-visible {
4226+
--tw-outline-style: none;
4227+
outline-style: none;
4228+
}
4229+
}
41984230
.active\:cursor-grabbing {
41994231
&:active {
42004232
cursor: grabbing;

src/templates/users/import_data.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2625,7 +2625,7 @@ <h2 class="text-xl font-semibold">Import Sources</h2>
26252625
Connect PlayStation
26262626
</button>
26272627
</form>
2628-
<p class="text-xs text-gray-500">
2628+
<p class="text-xs text-[var(--color-text-muted)]">
26292629
PSN only reports games you have played, not everything you own. The NPSSO
26302630
token expires after about two months and then has to be pasted again.
26312631
</p>

0 commit comments

Comments
 (0)