move colors from styles/global.css to themes folder

4 files changed, 5 insertions, 56 deletions

diff --git a/styles/dark.css b/styles/dark.css
deleted file mode 100644
index b44171b..0000000
--- a/styles/dark.css
+++ /dev/null
@@ -1,19 +0,0 @@
-html.dark {
-	--background: var(--gray-900);
-	--foreground: #FFFFF3;
-
-	--accent: #AD34F3;
-
-	--error: #FF4365;
-	--disk-b-alt: #F49BA1;
-
-	--confirm: #00D9C0;
-	--disk-a-alt: #86F3F3;
-
-	--gray-100: #CED2DC;
-	--gray-200: #A9AFC0;
-	--gray-300: #757D92;
-	--gray-700: #293140;
-	--gray-800: #1F242D;
-	--gray-900: #141619;
-}
diff --git a/styles/global.css b/styles/global.css
index 79aa026..b6c550a 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -1,38 +1,3 @@
-:root {
-	--background: var(--gray-900);
-	--foreground: var(--gray-100);
-
-	--accent: #7E3AA6;
-
-	--error: #A63A4D;
-	--disk-b-alt: #582D35;
-
-	--confirm: #3AA699;
-	--disk-a-alt: #244743;
-
-	/* shade */
-	--gray-100: #141619;
-	--gray-200: #1F242D;
-	--gray-300: #293140;
-	--gray-600: #757D92;
-	--gray-700: #A9AFC0;
-	--gray-800: #CED2DC;
-	--gray-900: #E3E6EE;
-
-	/* box-shadow */
-	--drop-level-2: 0px 8px 32px 0px  rgba(0, 0, 0, 0.3);
-	--drop-level-1: 0px 8px 12px -4px rgba(0, 0, 0, 0.15);
-
-	/* border-radius */
-	--tight-corner: 6px;
-	--loose-corner: 8px;
-
-	/* margin/padding */
-	--spacing-small:  6px;
-	--spacing-medium: 12px;
-	--spacing-large:  24px;
-}
-
 /* default margin */
 html, body {
 	margin: 0;
diff --git a/styles/ui.css b/styles/ui.css
index 2736a2c..ee71071 100644
--- a/styles/ui.css
+++ b/styles/ui.css
@@ -65,7 +65,10 @@ html.dark .button { color: var(--foreground); }
 	transform: translate(-50%, 0%) rotate(0deg);
 }
 
-.dialogbox { width: 392px; }
+.dialogbox {
+	width: 392px;
+	margin: 0;
+}
 .dialogbox > .title { margin-bottom: var(--spacing-large); }
 .dialogbox .icon.close {
 	top: 25px;
diff --git a/styles/user.css b/styles/user.css
index d66fa94..5487bb0 100644
--- a/styles/user.css
+++ b/styles/user.css
@@ -11,7 +11,7 @@
 }
 *[contenteditable="true"] {
 	background-color: var(--background);
-	color: var(--text-alt);
+	color: var(--foreground);
 	padding: 8px;
 	box-shadow: inset 0 0 0 2px var(--foreground);
 }