diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss index 18fe8e9..0b31955 100644 --- a/assets/scss/variables.scss +++ b/assets/scss/variables.scss @@ -16,15 +16,15 @@ @for $i from 1 to 20 { $counter: $i * 50; $saturation: 10% + $i * 2.5%; - $lightness: $i * 4%; + $lightness: 20% + $i * 5%; --text-accent-#{$counter}: hsl(340, #{$saturation}, #{$lightness}); } --background: var(--primary-dark-150); --border: var(--primary-dark-200); - --text: var(--primary-light-950); - --text-hover: var(--primary-light-900); + --text: var(--text-accent-950); + --text-hover: var(--text-accent-900); --link-underline: var(--primary-light-700); --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-shadow: 2px 2px 10px var(--background); - --vriish-gradient-text: var(--primary-light-950); - --vriish-gradient-text-hover: var(--primary-light-900); + --vriish-gradient-text: var(--text-accent-800); + --vriish-gradient-text-hover: var(--text-accent-850); --vriish-waves: 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 { $counter: $i * 50; $saturation: 20% + $i * 2.5%; - $lightness: $i * 5%; + $lightness: 20% + $i * 5%; --text-accent-#{$counter}: hsl(30, #{$saturation}, #{$lightness}); } --background: var(--primary-light-850); --border: var(--primary-dark-800); - --text: var(--primary-dark-200); - --text-hover: var(--primary-dark-250); + --text: var(--text-accent-50); + --text-hover: var(--primary-dark-150); --link-underline: var(--primary-dark-700); --link-underline-hover: var(--primary-dark-600);