sorogon/StaticGalleryBuilder
1
0
Fork 0
mirror of https://github.com/greflm13/StaticGalleryBuilder.git synced 2026-02-05 02:59:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

improved alpenglow theme

Browse Source
This commit is contained in:
Flo Greistorfer
2024-07-15 08:10:19 +02:00
committed by Flo Greistorfer
parent 7ad1e720c8
commit d19b0578f7
29 changed files with 162 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
themes/alpenglow.css
View File

@@ -2,21 +2,22 @@
* {
--color1: #FFA769;
--color2: #FC4CA0;
--color3: #7542E5;
--color4: #FF4AD9;
--color5: #5F2ECA;
--color6: #7033CA;
--color7: #FF778E;
--color2: #FF778E;
--color3: #FF4AD9;
--color4: #FC4CA0;
--color5: #7542E5;
--color6: #ffe7ea;
--color7: #5F2ECA;
--bcolor1: #e2d9f8;
--bcolor2: #20123A;
--bcolor2: #20123b;
--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 {
color: var(--bcolor1);
background-color: var(--bcolor3);
color: var(--bcolor2);
background-color: var(--color6);
font-family: "Metropolis", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
@@ -25,13 +26,14 @@ body {
.navbar {
font-weight: 800;
color: var(--bcolor1);
background-color: var(--color3);
color: var(--bcolor2);
background-color: var(--color2);
background-image: var(--gradient);
}
.navbar li a {
font-weight: 800;
color: var(--bcolor1);
color: var(--bcolor2);
}
.navbar li a:hover {
@@ -40,8 +42,8 @@ body {
}
.footer {
color: var(--bcolor2);
background-color: var(--color1);
color: var(--bcolor1);
background-color: var(--bcolor4);
font-weight: 600;
}
@@ -60,7 +62,7 @@ body {
.folders a {
font-weight: 500;
color: var(--bcolor1);
color: var(--bcolor2);
text-decoration: none;
}
@@ -79,20 +81,21 @@ body {
}
.tooltiptext {
font-weight: 400;
background-color: var(--bcolor2);
font-weight: 500;
color: var(--bcolor1);
background-color: var(--color5);
}
.column img {
background-color: var(--bcolor2);
background-color: var(--bcolor1);
}
#totop:hover {
background-color: var(--color6);
background-color: var(--color5);
}
#totop {
background-color: var(--bcolor4);
color: var(--bcolor1);
background-color: var(--color4);
color: var(--bcolor2);
font-weight: 600;
}