added support for all css color types

This commit is contained in:
2024-07-16 11:56:01 +02:00
committed by Flo Greistorfer
parent fd1cbd0d4f
commit b869c8da7b
8 changed files with 242 additions and 75 deletions

View File

@@ -1,18 +1,30 @@
@import url('https://fonts.cdnfonts.com/css/metropolis-2');
@import url("https://fonts.cdnfonts.com/css/metropolis-2");
* {
--color1: #FFA769;
--color2: #FC4CA0;
--color3: #7542E5;
--color4: #FF4AD9;
--color5: #5F2ECA;
--color6: #7033CA;
--color7: #FF778E;
--color1: #ffa769;
--color2: #fc4ca0;
--color3: #7542e5;
--color4: #ff4ad9;
--color5: #5f2eca;
--color6: #7033ca;
--color7: #ff778e;
--bcolor1: #e2d9f8;
--bcolor2: #20123A;
--bcolor3: #2B1753;
--bcolor4: #321C64;
--gradient: linear-gradient(80deg, var(--bcolor2) 0%, var(--color5) 1%, var(--color3) 2%, var(--color2) 3%, var(--color1) 4%, var(--color1) 96%, var(--color2) 97%, var(--color3) 98%, var(--color5) 99%, var(--bcolor2) 100%);
--bcolor2: #20123a;
--bcolor3: #2b1753;
--bcolor4: #321c64;
--gradient: linear-gradient(
80deg,
var(--bcolor2) 0%,
var(--color5) 1%,
var(--color3) 2%,
var(--color2) 3%,
var(--color1) 4%,
var(--color1) 96%,
var(--color2) 97%,
var(--color3) 98%,
var(--color5) 99%,
var(--bcolor2) 100%
);
}
body {
@@ -97,4 +109,4 @@ body {
background-color: var(--bcolor4);
color: var(--bcolor1);
font-weight: 600;
}
}