40 lines
697 B
SCSS
40 lines
697 B
SCSS
/* general */
|
|
|
|
|
|
/* theme */
|
|
@mixin theme-variables($theme) {
|
|
@if $theme =='light' {
|
|
--primary-color: #FC9300;
|
|
--background-color: #131a21;
|
|
}
|
|
@else if $theme == 'dark' {
|
|
--primary-color: #FC9300;
|
|
--background-color: #131a21;
|
|
}
|
|
}
|
|
|
|
: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');
|
|
}
|
|
}
|
|
|
|
|
|
/* header */
|
|
.home-title {
|
|
background-color: var(--primary-color);
|
|
color: var(--background-color);
|
|
padding: 0.12rem;
|
|
}
|
|
|
|
.nav-links {
|
|
text-decoration: underline;
|
|
}
|