granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use lighter bg and darker text for settings tabs

Browse source
This commit is contained in:
Justin Edmund 2025-12-14 01:31:36 -08:00
parent 106b9261f8
commit 930627c71c
1 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/lib/components/ui/SettingsNav.svelte
View file

@ -90,43 +90,43 @@
// Element-specific styles for checked state
.element-wind {
:global(.nav-item[data-state='checked']) {
background: colors.$wind-bg-10;
color: white;
background: colors.$wind-bg-20;
color: colors.$wind-text-10;
}
}
.element-fire {
:global(.nav-item[data-state='checked']) {
background: colors.$fire-bg-10;
color: white;
background: colors.$fire-bg-20;
color: colors.$fire-text-10;
}
}
.element-water {
:global(.nav-item[data-state='checked']) {
background: colors.$water-bg-10;
color: white;
background: colors.$water-bg-20;
color: colors.$water-text-10;
}
}
.element-earth {
:global(.nav-item[data-state='checked']) {
background: colors.$earth-bg-10;
color: white;
background: colors.$earth-bg-20;
color: colors.$earth-text-10;
}
}
.element-dark {
:global(.nav-item[data-state='checked']) {
background: colors.$dark-bg-10;
color: white;
background: colors.$dark-bg-20;
color: colors.$dark-text-10;
}
}
.element-light {
:global(.nav-item[data-state='checked']) {
background: colors.$light-bg-10;
color: white;
background: colors.$light-bg-20;
color: colors.$light-text-10;
}
}
</style>