32bitcafe/guestbook
1
1
Fork 0
Code Issues 12 Pull Requests Packages Projects 1 Releases Wiki Activity

fix dark mode contrast

Browse Source
This commit is contained in:
yequari 2025-08-17 18:27:33 -07:00
parent 99bac19300
commit 5688162a5b
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/static/css/style.css
View File

@ -32,6 +32,7 @@ html {
--color-surface: #f9fafb; --color-surface: #f9fafb;
--color-border: #e5e7eb; --color-border: #e5e7eb;
--color-border-light: #f3f4f6; --color-border-light: #f3f4f6;
--color-btn-primary: #000000;
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
@ -67,12 +68,15 @@ html {
/* Dark mode colors */ /* Dark mode colors */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--color-primary: #97B5F7;
--color-primary-hover: #b8cdfa;
--color-text: #f9fafb; --color-text: #f9fafb;
--color-text-muted: #9ca3af; --color-text-muted: #9ca3af;
--color-background: #111827; --color-background: #111827;
--color-surface: #1f2937; --color-surface: #1f2937;
--color-border: #374151; --color-border: #374151;
--color-border-light: #4b5563; --color-border-light: #4b5563;
--color-btn-primary: #111827;
} }
} }
@ -421,12 +425,12 @@ button.outline:hover {
.btn-primary { .btn-primary {
background-color: var(--color-primary); background-color: var(--color-primary);
color: white; color: var(--color-btn-primary);
} }
.btn-primary:hover { .btn-primary:hover {
background-color: var(--color-primary-hover); background-color: var(--color-primary-hover);
color: white; color: var(--color-btn-primary);
text-decoration: none; text-decoration: none;
} }