diff --git a/templates/palette.html b/templates/palette.html
index 498c1ea..bf5dd32 100644
--- a/templates/palette.html
+++ b/templates/palette.html
@@ -1,5 +1,10 @@
A colour palette in plain HTML
+
+
A template colour palette written as a self-contained HTML file.
New palettes can be created easily by copying the file and changing a few CSS variables.
@@ -92,6 +97,9 @@
color: hsl(220deg, 8%, 20%);
font-family: "Open Sans", sans-serif;
}
+ body.dark {
+ color: hsl(220deg, 8%, 80%);
+ }
* {
box-sizing: border-box;
@@ -157,6 +165,9 @@
div.colors button:hover::before {
box-shadow: none;
}
+ body.dark div.colors button:hover {
+ box-shadow: .0em .0em .6em hsla(var(--hue), calc(var(--saturation) + 30%), 80%, 60%);
+ }
/* === Popup notification shenanigans === */
@@ -194,6 +205,11 @@
margin: 2em 0em;
}
+ body.dark .box {
+ background: hsla(200deg, 5%, 6%, 1);
+ box-shadow: .0em .1em .2em inset #0006;
+ }
+
.hint, .info { --color: hsla(calc( 280deg - calc(360deg / 6)), 50%, 50%, 1) }
.box::after {
@@ -219,7 +235,7 @@
[center] { text-align: center; }
-