You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
468 B
SCSS
23 lines
468 B
SCSS
@mixin theme-variables($theme) {
|
|
@if $theme =='light' {
|
|
--primary-color: #ca4963; // Contrast ratio: 4.52:1.
|
|
}
|
|
@else if $theme == 'dark' {
|
|
--primary-color: #ea535f; // Contrast ratio: 4.63: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');
|
|
}
|
|
}
|