theme: brighten normal dark-mode text above the muted gray level

After the gray text was raised to #cbd5e1 in dark mode, elements using
dark:text-slate-300 (inactive tabs, labels, list text) matched the muted
level. Map dark:text-slate-300 to #e2e8f0 (slate-200, the body's dark
text color) so normal text stays one step brighter than muted gray.
SW cache v96 -> v97.
This commit is contained in:
2026-09-12 14:31:27 +03:00
parent d2bd2ed798
commit 74efc20bf5
3 changed files with 13 additions and 3 deletions
+5
View File
@@ -105,3 +105,8 @@
.dark\:border-slate-800:is(.dark *) { .dark\:border-slate-800:is(.dark *) {
border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
} }
/* Dark theme: normal (non-muted) UI text — keep one step brighter than the
muted gray level so the two remain distinguishable */
.dark\:text-slate-300:is(.dark *) {
color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
+5
View File
@@ -1794,3 +1794,8 @@ video {
.dark\:border-slate-800:is(.dark *) { .dark\:border-slate-800:is(.dark *) {
border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
} }
/* Dark theme: normal (non-muted) UI text — keep one step brighter than the
muted gray level so the two remain distinguishable */
.dark\:text-slate-300:is(.dark *) {
color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
+1 -1
View File
@@ -1,4 +1,4 @@
const CACHE = 'otaman-v96'; const CACHE = 'otaman-v97';
const URLS = [ const URLS = [
'index.html', 'index.html',
'help.html', 'help.html',