vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 2 Pull requests Activity

update

Browse source
This commit is contained in:
Vri 🌈 2023-03-09 20:47:10 +01:00
parent 804159352f
commit b70349e775
Signed by: vrifox
GPG key ID: D40098E5B60B2197
5 changed files with 46 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

20
assets/scss/variables.scss
View file

@ -13,13 +13,17 @@
--primary-light-#{$counter}: hsl(25, #{$saturation}, #{$lightness});
}
@for $i from 1 to 20 {
$counter: $i * 50;
$saturation: 10% + $i * 2.5%;
$lightness: $i * 4%;
--text-accent-#{$counter}: hsl(320, #{$saturation}, #{$lightness});
}
--background: var(--primary-dark-150);
--border: var(--primary-dark-200);
--text: var(--primary-light-950);
--text-accent-1: var(--primary-light-900);
--text-accent-2: var(--primary-light-850);
--text-accent-3: var(--primary-light-800);
--sidebar-background: var(--primary-dark-100);
--sidebar-border: var(--primary-dark-150);
@ -45,13 +49,17 @@
}
@media (prefers-color-scheme: light) {
:root {
@for $i from 1 to 20 {
$counter: $i * 50;
$saturation: 20% + $i * 2.5%;
$lightness: $i * 5%;
--text-accent-#{$counter}: hsl(25, #{$saturation}, #{$lightness});
}
--background: var(--primary-light-850);
--border: var(--primary-dark-800);
--text: var(--primary-dark-50);
--text-accent-1: var(--primary-dark-100);
--text-accent-2: var(--primary-dark-150);
--text-accent-3: var(--primary-dark-200);
--sidebar-background: var(--primary-light-900);
--sidebar-border: var(--primary-light-850);