mirror of
https://github.com/greflm13/StaticGalleryBuilder.git
synced 2026-02-05 02:59:27 +00:00
added support for all css color types
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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: #FF778E;
|
||||
--color6: #ffe7ea;
|
||||
--color7: #5F2ECA;
|
||||
--bcolor1: #e2d9f8;
|
||||
--color1: #ffa769;
|
||||
--color2: #fc4ca0;
|
||||
--color3: #7542e5;
|
||||
--color4: #ff4ad9;
|
||||
--color5: #ff778e;
|
||||
--color6: #fff5f6;
|
||||
--color7: #5f2eca;
|
||||
--bcolor1: #ffe7ea;
|
||||
--bcolor2: #20123b;
|
||||
--bcolor3: #2B1753;
|
||||
--bcolor4: #321C64;
|
||||
--gradient: linear-gradient(80deg, var(--bcolor2) 0%, var(--color3) 1%, var(--color4) 2%, var(--color5) 3%, var(--color1) 4%, var(--color1) 96%, var(--color5) 97%, var(--color4) 98%, var(--color3) 99%, var(--bcolor2) 100%);
|
||||
--bcolor3: #2b1753;
|
||||
--bcolor4: #321c64;
|
||||
--gradient: linear-gradient(
|
||||
80deg,
|
||||
var(--bcolor2) 0%,
|
||||
var(--color3) 1%,
|
||||
var(--color4) 2%,
|
||||
var(--color5) 3%,
|
||||
var(--color1) 4%,
|
||||
var(--color1) 96%,
|
||||
var(--color5) 97%,
|
||||
var(--color4) 98%,
|
||||
var(--color3) 99%,
|
||||
var(--bcolor2) 100%
|
||||
);
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -98,4 +110,4 @@ body {
|
||||
background-color: var(--color2);
|
||||
color: var(--bcolor2);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
|
||||
|
||||
* {
|
||||
--color1: #6495ed;
|
||||
--color1: cornflowerblue;
|
||||
--color2: #1346a4;
|
||||
--color3: #0e3377;
|
||||
--color4: #3674e7;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
Reference in New Issue
Block a user