fix dark mode contrast #41
@ -32,6 +32,7 @@ html {
|
||||
--color-surface: #f9fafb;
|
||||
--color-border: #e5e7eb;
|
||||
--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);
|
||||
|
||||
@ -67,12 +68,15 @@ html {
|
||||
/* Dark mode colors */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--color-primary: #97B5F7;
|
||||
--color-primary-hover: #b8cdfa;
|
||||
--color-text: #f9fafb;
|
||||
--color-text-muted: #9ca3af;
|
||||
--color-background: #111827;
|
||||
--color-surface: #1f2937;
|
||||
--color-border: #374151;
|
||||
--color-border-light: #4b5563;
|
||||
--color-btn-primary: #111827;
|
||||
}
|
||||
}
|
||||
|
||||
@ -421,12 +425,12 @@ button.outline:hover {
|
||||
|
||||
.btn-primary {
|
||||
background-color: var(--color-primary);
|
||||
color: white;
|
||||
color: var(--color-btn-primary);
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background-color: var(--color-primary-hover);
|
||||
color: white;
|
||||
color: var(--color-btn-primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user