From 5ba0a6c424f7356016f1f45b5afec7277933cbb2 Mon Sep 17 00:00:00 2001
From: DarkWiiPlayer <darkwiiplayer@hotmail.com>
Date: Wed, 7 Sep 2022 16:07:48 +0200
Subject: [PATCH] Turn palette colours into circles

---
 templates/palette.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/templates/palette.html b/templates/palette.html
index bf5dd32..decc90c 100644
--- a/templates/palette.html
+++ b/templates/palette.html
@@ -143,14 +143,16 @@
 	}
 
 	div.colors button {
+		--radius: 50%;
 		all: unset;
 		margin: var(--separation2);
 		cursor: pointer;
-		border-radius: .4em;
+		border-radius: var(--radius);
 		overflow: hidden;
 		transition: box-shadow 0.3s;
 	} div.colors button::before {
 		content: '';
+		border-radius: var(--radius);
 		background: hsl(var(--hue), var(--saturation, 50%), var(--lightness, 50%));
 		box-shadow: .1em .1em .8em hsla(calc(var(--hue) + 30deg), calc(100% - var(--lightness) - 10%), calc(var(--lightness) - 40%), .4) inset;
 		width: 3em;