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

fix dark mode contrast #41

Merged
yequari merged 1 commits from dark-mode-colors into dev 2025-08-18 01:28:33 +00:00
Conversation 0 Commits 1 Files Changed 1 +6 -2
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;
} }