From 29f8b7461f21105b183b2c2dfd1b3e041c60a69e Mon Sep 17 00:00:00 2001
From: Ryan Prather <ryan@rkprather.com>
Date: Wed, 13 May 2026 17:17:46 -0400
Subject: [PATCH] add: dark and light mode style default colors

---
 assets/css/dark-mode.css      | 18 ++++++++++++++++++
 assets/css/dark-mode.css.map  |  1 +
 assets/css/dark-mode.scss     | 20 ++++++++++++++++++++
 assets/css/light-mode.css     | 18 ++++++++++++++++++
 assets/css/light-mode.css.map |  1 +
 assets/css/light-mode.scss    | 20 ++++++++++++++++++++
 6 files changed, 78 insertions(+)
 create mode 100644 assets/css/dark-mode.css
 create mode 100644 assets/css/dark-mode.css.map
 create mode 100644 assets/css/dark-mode.scss
 create mode 100644 assets/css/light-mode.css
 create mode 100644 assets/css/light-mode.css.map
 create mode 100644 assets/css/light-mode.scss

diff --git a/assets/css/dark-mode.css b/assets/css/dark-mode.css
new file mode 100644
index 0000000..563fa27
--- /dev/null
+++ b/assets/css/dark-mode.css
@@ -0,0 +1,18 @@
+:root {
+  --dark: #3d4449;
+  --primary: #00760e;
+  --light: #f5f6f7;
+  --medium: #d1d1d1;
+  --text: var(--light);
+  --background: var(--dark);
+  --recording: #00f;
+  --success: #080;
+  --warning: orange;
+  --error: #f00;
+  --border: var(--primary);
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  vertical-align: baseline;
+}/*# sourceMappingURL=dark-mode.css.map */
\ No newline at end of file
diff --git a/assets/css/dark-mode.css.map b/assets/css/dark-mode.css.map
new file mode 100644
index 0000000..2c038fc
--- /dev/null
+++ b/assets/css/dark-mode.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["dark-mode.scss","dark-mode.css"],"names":[],"mappings":"AACA;EACC,eAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,oBAAA;EACA,yBAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,aAAA;EACA,wBAAA;EAEA,SAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,wBAAA;ACDD","file":"dark-mode.css"}
\ No newline at end of file
diff --git a/assets/css/dark-mode.scss b/assets/css/dark-mode.scss
new file mode 100644
index 0000000..0768967
--- /dev/null
+++ b/assets/css/dark-mode.scss
@@ -0,0 +1,20 @@
+// dark mode color scheme
+:root {
+	--dark: #3d4449;
+	--primary: #00760e;
+	--light: #f5f6f7;
+	--medium: #d1d1d1;
+	--text: var(--light);
+	--background: var(--dark);
+	--recording: #00f;
+	--success: #080;
+	--warning: orange;
+	--error: #f00;
+	--border: var(--primary);
+
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font: inherit;
+	vertical-align: baseline;
+}
diff --git a/assets/css/light-mode.css b/assets/css/light-mode.css
new file mode 100644
index 0000000..c96e055
--- /dev/null
+++ b/assets/css/light-mode.css
@@ -0,0 +1,18 @@
+:root {
+  --dark: #3d4449;
+  --primary: #f56a6a;
+  --light: #f5f6f7;
+  --medium: #d1d1d1;
+  --text: var(--dark);
+  --background: var(--light);
+  --recording: #00f;
+  --success: #080;
+  --warning: orange;
+  --error: #f00;
+  --border: var(--primary);
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  vertical-align: baseline;
+}/*# sourceMappingURL=light-mode.css.map */
\ No newline at end of file
diff --git a/assets/css/light-mode.css.map b/assets/css/light-mode.css.map
new file mode 100644
index 0000000..3a56135
--- /dev/null
+++ b/assets/css/light-mode.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["light-mode.scss","light-mode.css"],"names":[],"mappings":"AACA;EACC,eAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,mBAAA;EACA,0BAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,aAAA;EACA,wBAAA;EAEA,SAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,wBAAA;ACDD","file":"light-mode.css"}
\ No newline at end of file
diff --git a/assets/css/light-mode.scss b/assets/css/light-mode.scss
new file mode 100644
index 0000000..f9cb2fd
--- /dev/null
+++ b/assets/css/light-mode.scss
@@ -0,0 +1,20 @@
+// light mode color scheme
+:root {
+	--dark: #3d4449;
+	--primary: #f56a6a;
+	--light: #f5f6f7;
+	--medium: #d1d1d1;
+	--text: var(--dark);
+	--background: var(--light);
+	--recording: #00f;
+	--success: #080;
+	--warning: orange;
+	--error: #f00;
+	--border: var(--primary);
+
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font: inherit;
+	vertical-align: baseline;
+}