This commit is contained in:
@@ -6,8 +6,8 @@ $themes: (
|
||||
background-line: #202324,
|
||||
background-fore: #10141f,
|
||||
border-color: #819796,
|
||||
border: #202324,
|
||||
text: #ebede9,
|
||||
link: #a4dddb,
|
||||
container-shadow: #151d28
|
||||
),
|
||||
light: (
|
||||
@@ -15,22 +15,46 @@ $themes: (
|
||||
background-line: #f0f0f0,
|
||||
background-fore: #ffffff,
|
||||
border-color: #e0e0e0,
|
||||
border: #f0f0f0,
|
||||
text: #1e1e1e,
|
||||
link: #6590b3,
|
||||
container-shadow: #5f6774
|
||||
)
|
||||
);
|
||||
|
||||
$accents: (
|
||||
alfdir: (
|
||||
link: #a4dddb,
|
||||
),
|
||||
solus: (
|
||||
link: #e6a556,
|
||||
)
|
||||
);
|
||||
|
||||
@mixin theme-vars($theme-map) {
|
||||
@each $name, $value in $theme-map {
|
||||
--color-#{$name}: #{$value};
|
||||
}
|
||||
}
|
||||
|
||||
@mixin accent-vars($accent-map) {
|
||||
@each $name, $value in $accent-map {
|
||||
--color-#{$name}: #{$value};
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
@include theme-vars(map.get($themes, dark));
|
||||
@include accent-vars(map.get($accents, alfdir));
|
||||
}
|
||||
|
||||
[data-theme="light"] {
|
||||
@include theme-vars(map.get($themes, light));
|
||||
}
|
||||
|
||||
[data-accent="alfdir"] {
|
||||
@include accent-vars(map.get($accents, alfdir));
|
||||
}
|
||||
|
||||
[data-accent="solus"] {
|
||||
@include accent-vars(map.get($accents, solus));
|
||||
}
|
||||
Reference in New Issue
Block a user