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

fix text accent

Browse source
This commit is contained in:
Vri 🌈 2023-03-16 15:38:42 +01:00
parent 08d2a1de2b
commit 99a71d0bc6
Signed by: vrifox
GPG key ID: D40098E5B60B2197
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
assets/scss/variables.scss
View file

@ -16,15 +16,15 @@
@for $i from 1 to 20 { @for $i from 1 to 20 {
$counter: $i * 50; $counter: $i * 50;
$saturation: 10% + $i * 2.5%; $saturation: 10% + $i * 2.5%;
$lightness: $i * 4%; $lightness: 20% + $i * 5%;
--text-accent-#{$counter}: hsl(340, #{$saturation}, #{$lightness}); --text-accent-#{$counter}: hsl(340, #{$saturation}, #{$lightness});
} }
--background: var(--primary-dark-150); --background: var(--primary-dark-150);
--border: var(--primary-dark-200); --border: var(--primary-dark-200);
--text: var(--primary-light-950); --text: var(--text-accent-950);
--text-hover: var(--primary-light-900); --text-hover: var(--text-accent-900);
--link-underline: var(--primary-light-700); --link-underline: var(--primary-light-700);
--link-underline-hover: var(--primary-light-600); --link-underline-hover: var(--primary-light-600);
@ -44,8 +44,8 @@
--vriish-gradient: linear-gradient(-35deg, 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-shadow: 2px 2px 10px var(--background);
--vriish-gradient-text: var(--primary-light-950); --vriish-gradient-text: var(--text-accent-800);
--vriish-gradient-text-hover: var(--primary-light-900); --vriish-gradient-text-hover: var(--text-accent-850);
--vriish-waves: --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% - 3.67rem),#000 99%,#0000 101%) calc(50% - 3rem) 0/6rem 100%,
@ -56,15 +56,15 @@
@for $i from 1 to 20 { @for $i from 1 to 20 {
$counter: $i * 50; $counter: $i * 50;
$saturation: 20% + $i * 2.5%; $saturation: 20% + $i * 2.5%;
$lightness: $i * 5%; $lightness: 20% + $i * 5%;
--text-accent-#{$counter}: hsl(30, #{$saturation}, #{$lightness}); --text-accent-#{$counter}: hsl(30, #{$saturation}, #{$lightness});
} }
--background: var(--primary-light-850); --background: var(--primary-light-850);
--border: var(--primary-dark-800); --border: var(--primary-dark-800);
--text: var(--primary-dark-200); --text: var(--text-accent-50);
--text-hover: var(--primary-dark-250); --text-hover: var(--primary-dark-150);
--link-underline: var(--primary-dark-700); --link-underline: var(--primary-dark-700);
--link-underline-hover: var(--primary-dark-600); --link-underline-hover: var(--primary-dark-600);