mirror of
https://github.com/welpo/tabi.git
synced 2025-12-15 04:08:43 +01:00
a9f6c23dca
- Ensure dark theme applies when explicitly set or by OS preference. - Fixes issues with admonition styling, skins, and social icons (footer). Resolves #379.
22 lines
465 B
SCSS
22 lines
465 B
SCSS
@mixin theme-variables($theme) {
|
|
@if $theme =='light' {
|
|
--primary-color: #1460bd; // Contrast ratio: 6.1:1
|
|
}
|
|
@else if $theme == 'dark' {
|
|
--primary-color: #e6c212; // Contrast ratio: 9.48:1
|
|
}
|
|
}
|
|
|
|
:root {
|
|
@include theme-variables('light');
|
|
}
|
|
|
|
[data-theme='dark'] {
|
|
@include theme-variables('dark');
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root:not([data-theme='light']) {
|
|
@include theme-variables('dark');
|
|
}
|
|
}
|