43 lines
915 B
SCSS
43 lines
915 B
SCSS
// =============================================================================
|
||
// themes/_dark.scss
|
||
// Dark mode – extra overrides beyond CSS custom properties.
|
||
// =============================================================================
|
||
|
||
[data-theme='dark'],
|
||
@media (prefers-color-scheme: dark) {
|
||
// Bulma component overrides.
|
||
.navbar {
|
||
background-color: var(--navbar-bg);
|
||
border-bottom: 1px solid var(--color-border);
|
||
}
|
||
|
||
.card {
|
||
background-color: var(--color-surface);
|
||
border-color: var(--color-border);
|
||
}
|
||
|
||
.notification.is-primary {
|
||
background-color: rgba(0, 209, 178, 0.15);
|
||
color: #00d1b2;
|
||
}
|
||
|
||
.input,
|
||
.select select,
|
||
.textarea {
|
||
background-color: var(--color-surface);
|
||
border-color: var(--color-border);
|
||
color: var(--color-text);
|
||
}
|
||
|
||
.footer {
|
||
background-color: var(--color-surface);
|
||
}
|
||
|
||
// Code blocks.
|
||
pre,
|
||
code {
|
||
background-color: #0d1117;
|
||
color: #e6edf3;
|
||
}
|
||
}
|