dark theme implemented

2024-01-20 00:39:53 +01:00
parent 4127e9dd39
commit 00c23bcdba
23 changed files with 848 additions and 118 deletions
--- a/src/lib/components/IngredientsPage.svelte
+++ b/src/lib/components/IngredientsPage.svelte
@@ -151,6 +151,12 @@ font-family: sans-serif;
 	background-color: var(--nord5);
 	box-shadow: 0px 0px 0.4em 0.05em rgba(0,0,0, 0.2);
 }
+@media (prefers-color-scheme: dark){
+	.multipliers button{
+		color: var(--tag-font);
+		background-color: var(--nord6-dark);
+	}
+}
 .multipliers :is(button, div):is(:hover, :focus-within){
 	scale: 1.2;
 	background-color: var(--orange);