From 64d5953f60372469a983a4e13ae109706bf8e98b Mon Sep 17 00:00:00 2001
From: cupcakearmy <hi@nicco.io>
Date: Sun, 2 May 2021 15:44:46 +0200
Subject: [PATCH] dark mode

---
 client/src/app.css                 | 20 +++++++++++++++++++-
 client/src/lib/ui/TextInput.svelte |  2 +-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/client/src/app.css b/client/src/app.css
index c72e205..cb534ee 100644
--- a/client/src/app.css
+++ b/client/src/app.css
@@ -8,7 +8,7 @@
 	font-family: 'Fira Mono', monospace;
 
 	--ui-bg-0: #fefefe;
-	--ui-bg-0-85: #ffffffd9;
+	--ui-bg-0-85: #fefefed9;
 	--ui-bg-1: #eee;
 	--ui-bg-2: #e2e2e2;
 	--ui-text-0: #111;
@@ -19,6 +19,17 @@
 	--ui-anim: all 150ms ease;
 }
 
+@media (prefers-color-scheme: dark) {
+	:root {
+		--ui-bg-0: #111;
+		--ui-bg-0-85: #111111d9;
+		--ui-bg-1: #222;
+		--ui-bg-2: #282828;
+		--ui-text-0: #fefefe;
+		--ui-text-1: #eee;
+	}
+}
+
 .error-text {
 	color: var(--ui-clr-error);
 }
@@ -53,6 +64,13 @@ button {
 	transition: var(--ui-anim);
 	font-family: inherit;
 	font-size: inherit;
+	background: inherit;
+	color: inherit;
+}
+
+*:disabled,
+*[disabled='true'] {
+	opacity: 0.5;
 }
 
 fieldset {
diff --git a/client/src/lib/ui/TextInput.svelte b/client/src/lib/ui/TextInput.svelte
index c2d3986..4360f37 100644
--- a/client/src/lib/ui/TextInput.svelte
+++ b/client/src/lib/ui/TextInput.svelte
@@ -32,7 +32,7 @@
 </script>
 
 <label>
-	<small>
+	<small disabled={$$restProps.disabled}>
 		{label}
 	</small>
 	<input bind:value {...$$restProps} />