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 17:02:06 +01:00
parent 287077d9a9
commit 4c2cc9f3b4
Signed by: vrifox
GPG key ID: D40098E5B60B2197
4 changed files with 48 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

35
assets/scss/variables.scss
View file

@ -3,7 +3,7 @@
$counter: $i * 50;
$saturation: 20% + $i * 2.5%;
$lightness: $i * 5%;
--primary-dark-#{$counter}: hsl(275, #{$saturation}, #{$lightness});
--primary-dark-#{$counter}: hsl(320, #{$saturation}, #{$lightness});
}
@for $i from 1 to 20 {
@ -17,15 +17,15 @@
--border: var(--primary-dark-200);
--text: var(--primary-light-950);
--text-accent: var(--primary-light-900);
--text-accented: var(--primary-light-850);
--text-accentest: var(--primary-light-800);
--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);
--sidebar-accent: var(--primary-dark-150);
--sidebar-accented: var(--primary-dark-200);
--sidebar-accentest: var(--primary-dark-350);
--sidebar-accent-1: var(--primary-dark-150);
--sidebar-accent-2: var(--primary-dark-200);
--sidebar-accent-3: var(--primary-dark-350);
--vriish-rose: hsl(0, 100%, 75%);
--orange: hsl(25, 100%, 75%);
@ -35,8 +35,13 @@
--purpur: hsl(275, 100%, 75%);
--white: hsl(360, 100%, 100%);
--vriish-gradient: linear-gradient(55deg, var(--primary-light-300) -50%, var(--primary-dark-300) 150%);
--vriish-gradient: linear-gradient(-35deg, var(--primary-light-300) -50%, var(--primary-dark-300) 150%);
--vriish-gradient-shadow: 2px 2px 10px var(--background);
--vriish-gradient-text: var(--primary-light-950);
--vriish-waves:
radial-gradient(2.64rem at 50% calc(100% - 3.67rem),#000 99%,#0000 101%) calc(50% - 3rem) 0/6rem 100%,
radial-gradient(2.64rem at 50% calc(100% + 2.17rem),#0000 99%,#000 101%) 50% calc(100% - 1.5rem)/6rem 100% repeat-x;
}
@media (prefers-color-scheme: light) {
:root {
@ -44,16 +49,16 @@
--border: var(--primary-dark-800);
--text: var(--primary-dark-50);
--text-accent: var(--primary-dark-100);
--text-accented: var(--primary-dark-150);
--text-accentest: var(--primary-dark-200);
--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);
--sidebar-accent: var(--primary-light-850);
--sidebar-accented: var(--primary-light-800);
--sidebar-accentest: var(--primary-light-750);
--sidebar-accent-1: var(--primary-light-850);
--sidebar-accent-2: var(--primary-light-800);
--sidebar-accent-3: var(--primary-light-750);
--vriish-gradient: linear-gradient(55deg, var(--primary-light-700) -50%, var(--primary-dark-700) 150%);
--vriish-gradient: linear-gradient(-35deg, var(--primary-light-700) -50%, var(--primary-dark-700) 150%);
}
}