From 9c3d946de03e9f244cebecc59fc3ecb2368e2680 Mon Sep 17 00:00:00 2001
From: cmdr2 <secondary.cmdr2@gmail.com>
Date: Fri, 18 Nov 2022 17:01:20 +0530
Subject: [PATCH] Theme tweaks

---
 ui/index.html           |  4 ++--
 ui/media/css/main.css   |  3 ++-
 ui/media/css/themes.css | 19 ++++++++++++-------
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index 31da4a9d..8e63dfb2 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -6,8 +6,8 @@
     <link rel="icon" type="image/png" href="/media/images/favicon-16x16.png" sizes="16x16">
     <link rel="icon" type="image/png" href="/media/images/favicon-32x32.png" sizes="32x32">
     <link rel="stylesheet" href="/media/css/fonts.css?v=1">
-    <link rel="stylesheet" href="/media/css/themes.css?v=5">
-    <link rel="stylesheet" href="/media/css/main.css?v=23">
+    <link rel="stylesheet" href="/media/css/themes.css?v=6">
+    <link rel="stylesheet" href="/media/css/main.css?v=24">
     <link rel="stylesheet" href="/media/css/auto-save.css?v=6">
     <link rel="stylesheet" href="/media/css/modifier-thumbnails.css?v=4">
     <link rel="stylesheet" href="/media/css/fontawesome-all.min.css?v=1">
diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 21d91f62..0f5b58fb 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -30,10 +30,11 @@ code {
 #prompt {
     width: 100%;
     height: 65pt;
-    font-size: 13px;
+    font-size: 14px;
     margin-bottom: 6px;
     margin-top: 5px;
     display: block;
+    border: 2px solid var(--background-color2);
 }
 .image_preview_container {
     margin-top: 10pt;
diff --git a/ui/media/css/themes.css b/ui/media/css/themes.css
index d67e9401..d98ff0ec 100644
--- a/ui/media/css/themes.css
+++ b/ui/media/css/themes.css
@@ -8,14 +8,14 @@
 	--background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (0.5 * var(--value-step))));
 	--background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (1.5 * var(--value-step))));
 
-    --accent-hue: 263;
+    --accent-hue: 267;
     --accent-lightness: 36%;
     --accent-lightness-hover: 40%;
 
     --text-color: #eee;
 
-	--input-text-color: #ccc;
-    --input-background-color: var(--background-color3);
+	--input-text-color: #eee;
+    --input-background-color: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (0.7 * var(--value-step))));
 	--input-border-color: var(--background-color4);
 
     --button-text-color: var(--input-text-color);
@@ -69,6 +69,8 @@
 	--background-color2: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (1 * var(--value-step))));
 	--background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (2 * var(--value-step))));
 	--background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (3 * var(--value-step))));
+
+    --input-background-color: var(--background-color3);
     
     --accent-hue: 212;
 }
@@ -83,6 +85,8 @@
 	--background-color2: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (1 * var(--value-step))));
 	--background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (2 * var(--value-step))));
 	--background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) - (3 * var(--value-step))));
+
+    --input-background-color: var(--background-color3);
 }
 
 .theme-super-dark {
@@ -94,7 +98,8 @@
 	--background-color2: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (1 * var(--value-step))));
 	--background-color3: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (2 * var(--value-step))));
 	--background-color4: hsl(var(--main-hue), var(--main-saturation), calc(var(--value-base) + (1.4 * var(--value-step))));
-    
+
+    --input-background-color: var(--background-color3);
     --input-border-size: 0px;
 }
 
@@ -123,8 +128,8 @@
     --background-color4: #000000;
     
     --accent-hue: 213;
-    --accent-lightness: 76.8%;
-    --accent-color: #3584e4;
+    --accent-lightness: 55%;
+    --accent-color: #2168bf;
 
     --input-border-radius: 6px;
     --input-text-color: #ffffff;
@@ -133,7 +138,7 @@
     --input-border-color: var(--input-background-color); 
 }
 
-.theme-hamunii .panel-box {
+.theme-gnomie .panel-box {
     border: none;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
     border-radius: 10px;