diff --git a/templates/palette.html b/templates/palette.html
index f33e3af..aba4e44 100644
--- a/templates/palette.html
+++ b/templates/palette.html
@@ -11,39 +11,33 @@
-
+
Primary
-
-
+
-
- Modify as needed by changing the --hue
attribute in the inlined CSS.
- Usage of a separate color picker tool for this step might be preferable.
+
+ The main colour of the scheme. Should be used for the majority of the content.
Secondary
-
+
-
- You can copy any colour to the clipboard by just clicking on its box.
- By default colours are copied as HSLA values.
- This can be changed in the script block at the bottom of the document.
+
+ A secondary colour to provide some contrast to the primary colour without drawing too much attention.
- Tertiary
-
+ Contrast
+
-
- By making use of calc
and var
, most of the colour palette can be automated.
- This makes it easier and quicker to make adjustments.
+
+ This colour is intended to provide a lot more contrast to the primary colour for elements that require user attention.
Neutral
-
- By making use of calc
and var
, most of the colour palette can be automated.
- This makes it easier and quicker to make adjustments.
+
+ Just a more neutral scale of gray tones
@@ -168,7 +162,7 @@
box-shadow: .0em .1em .2em inset #0006;
}
- .hint, .info { --color: hsla(calc( 280deg - calc(360deg / 6)), 50%, 50%, 1) }
+ .hint, .info { --color: hsl(220deg, 40%, 50%) }
.box::after {
display: block;
@@ -196,7 +190,7 @@
border-radius: 1.8em;
font-weight: bold;
background-color: hsl(340deg, 50%, 40%);
- color: hsl(210deg, 5%, 95%);
+ color: hsl(340deg, 50%, 95%);
margin: .4em;
}