updated themes
@@ -25,6 +25,7 @@
|
||||
/* Change the link color on hover */
|
||||
.navbar li a:hover {
|
||||
text-decoration: none;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
background-color: var(--color3);
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.column img {
|
||||
|
||||
@@ -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
@@ -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>
|
||||
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
@@ -75,7 +75,7 @@
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
background-color: var(--bcolor2);
|
||||
background-color: var(--bcolor4);
|
||||
font-family: "Lora", serif;
|
||||
}
|
||||
|
||||
|
||||
@@ -75,6 +75,7 @@
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 400;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor2);
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
@@ -70,6 +70,7 @@
|
||||
|
||||
.tooltiptext {
|
||||
font-weight: 600;
|
||||
color: var(--bcolor1);
|
||||
background-color: var(--bcolor2);
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||