updated themes

This commit is contained in:
2024-07-14 11:00:06 +02:00
parent bf16204395
commit 61c9094565
13 changed files with 165 additions and 16 deletions

View File

@@ -25,6 +25,7 @@
/* Change the link color on hover */
.navbar li a:hover {
text-decoration: none;
color: var(--bcolor1);
background-color: var(--bcolor2);
}

View File

@@ -49,7 +49,7 @@
.tooltiptext {
font-weight: 400;
background-color: var(--color3);
background-color: var(--color2);
}
.column img {

View File

@@ -1,5 +1,46 @@
<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<rect x="10" y="30" width="80" height="50" fill="{{ color1 }}" rx="5" ry="5" />
<rect x="10" y="20" width="40" height="20" fill="{{ color1 }}" rx="5" ry="5" />
<rect x="20" y="40" width="60" height="40" fill="{{ color2 }}" rx="3" ry="3" />
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="100"
height="100"
viewBox="0 0 100 100"
version="1.1"
id="svg3"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<rect
x="10"
y="30"
width="80"
height="50"
fill="{{ color1 }}"
rx="5"
ry="5"
id="rect1" />
<rect
x="10"
y="20"
width="40"
height="20"
fill="{{ color1 }}"
rx="5"
ry="5"
id="rect2" />
<rect
x="20"
y="40"
width="60"
height="40"
fill="{{ color2 }}"
rx="3"
ry="3"
id="rect3" />
<rect
x="30"
y="50"
width="40"
height="30"
fill="{{ color1 }}"
rx="2"
ry="2"
id="rect4" />
</svg>

Before

Width:  |  Height:  |  Size: 346 B

After

Width:  |  Height:  |  Size: 876 B

26
themes/index.html Normal file
View File

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Themes</title>
</head>
<body><a href="previews/alpenglow.html">alpenglow</a><br>
<a href="previews/aritim-dark.html">aritim-dark</a><br>
<a href="previews/aritim.html">aritim</a><br>
<a href="previews/autumn.html">autumn</a><br>
<a href="previews/carnation.html">carnation</a><br>
<a href="previews/catpuccin.html">catpuccin</a><br>
<a href="previews/cornflower.html">cornflower</a><br>
<a href="previews/default-dark.html">default-dark</a><br>
<a href="previews/default.html">default</a><br>
<a href="previews/ivy.html">ivy</a><br>
<a href="previews/kjoe.html">kjoe</a><br>
<a href="previews/monokai-vibrant.html">monokai-vibrant</a><br>
<a href="previews/rainbow.html">rainbow</a><br>
<a href="previews/spring.html">spring</a><br>
<a href="previews/steam.html">steam</a><br>
<a href="previews/summer.html">summer</a><br>
<a href="previews/sunflower.html">sunflower</a><br>
<a href="previews/winter.html">winter</a><br>
</body></html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

View File

@@ -75,7 +75,7 @@
.tooltiptext {
font-weight: 400;
background-color: var(--bcolor2);
background-color: var(--bcolor4);
font-family: "Lora", serif;
}

View File

@@ -75,6 +75,7 @@
.tooltiptext {
font-weight: 400;
color: var(--bcolor1);
background-color: var(--bcolor2);
font-family: "Roboto", sans-serif;
}

View File

@@ -70,6 +70,7 @@
.tooltiptext {
font-weight: 600;
color: var(--bcolor1);
background-color: var(--bcolor2);
}

View File

@@ -1,14 +1,22 @@
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");
* {
--color1: #00CED1; /* DarkTurquoise */
--color2: #4682B4; /* SteelBlue */
--color3: #B0C4DE; /* LightSteelBlue */
--color4: #5F9EA0; /* CadetBlue */
--bcolor1: #FFFFFF; /* White */
--bcolor2: #2F4F4F; /* DarkSlateGray */
--bcolor3: #E0E0E0; /* LightGray */
--bcolor4: #D3D3D3; /* LightGray */
--color1: #00CED1;
/* DarkTurquoise */
--color2: #4682B4;
/* SteelBlue */
--color3: #B0C4DE;
/* LightSteelBlue */
--color4: #5F9EA0;
/* CadetBlue */
--bcolor1: #FFFFFF;
/* White */
--bcolor2: #2F4F4F;
/* DarkSlateGray */
--bcolor3: #E0E0E0;
/* LightGray */
--bcolor4: #D3D3D3;
/* LightGray */
}
.navbar {
@@ -75,6 +83,7 @@
.tooltiptext {
font-weight: 400;
color: var(--bcolor3);
background-color: var(--bcolor2);
font-family: "Montserrat", sans-serif;
}
@@ -101,4 +110,4 @@ body {
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
}