darkwiiplayer/.profile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Rename colour scheme and move to separate directory

Browse source
This commit is contained in:
Talia 2022-10-11 10:00:07 +02:00
parent 7702ca2ac4
commit 3ded804125
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
templates/palette.html → palettes/talia.html
View file

@ -1,15 +1,14 @@
<h1>A colour palette in plain HTML</h1> <h1>Talia: A colour Palette</h1>
<section class="important info box">
A general-purpose colour palette to use for whatever.
</section>
<label> <label>
<span>Background Colour:</span> <span>Background Colour:</span>
<input value="#f2f2f3" type="color" id="background-color"></input> <input value="#f2f2f3" type="color" id="background-color"></input>
</label> </label>
<section class="box">
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.
</section>
<!-- TODO: Change the base hue and offset here --> <!-- TODO: Change the base hue and offset here -->
<section style="--base-hue: 280deg; --saturation: 40%; --offset: calc(360deg / 6)"> <section style="--base-hue: 280deg; --saturation: 40%; --offset: calc(360deg / 6)">
<h2>Primary</h2> <h2>Primary</h2>
@ -163,6 +162,7 @@
} }
.hint, .info { --color: hsl(220deg, 40%, 50%) } .hint, .info { --color: hsl(220deg, 40%, 50%) }
.important { --color: hsl(280deg, 30%, 50%) }
.box::after { .box::after {
display: block; display: block;