From 277d8e4af88b8ecb705e1d24076460d4d21d94b8 Mon Sep 17 00:00:00 2001
From: Kaleb Efflandt <72526467+macarooni-man@users.noreply.github.com>
Date: Wed, 14 Feb 2024 16:09:08 -0600
Subject: [PATCH] Update input.css

---
 app/styles/input.css | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/app/styles/input.css b/app/styles/input.css
index 314227b8..c8addc85 100644
--- a/app/styles/input.css
+++ b/app/styles/input.css
@@ -17,10 +17,10 @@ input, input::file-selector-button, button, select, textarea {
   background: none;
 
   padding: 5px;
-  border: 1px solid rgb(192, 192, 192);
+  border: 1px solid rgb(218, 218, 255);
   border-radius: 5px;
-  color: black;
-  --bg-gradient: linear-gradient(to top, rgb(255, 255, 255) 80%, rgb(240, 240, 240));
+  color: #223;
+  --bg-gradient: linear-gradient(to top, rgb(218, 218, 255) 80%, rgb(218, 218, 255));
   background-image: var(--bg-gradient);
 }
 
@@ -143,12 +143,12 @@ input[type=range] {
 /* -webkit-slider.. & -moz-range.. cant be in selector lists:
    https://bugs.chromium.org/p/chromium/issues/detail?id=1154623 */
 input[type=range]::-webkit-slider-runnable-track {
-  background-color: rgb(110, 132, 163);
+  background-color: #223;
   height: 6px;
   border-radius: 3px;
 }
 input[type=range]::-moz-range-track {
-  background-color: rgb(110, 132, 163);
+  background-color: #223;
   height: 6px;
   border-radius: 3px;
 }
@@ -163,11 +163,10 @@ input[type=range]::-webkit-slider-thumb {
 }
 input[type=range]::-moz-range-thumb {
   appearance: none;
-  width: 18px;
+  width: 20px;
   height: 20px;
-  border-radius: 5px;
-  background-color: white;
-  border: 1px solid dimgray;
+  border-radius: 20px;
+  background-color: #bebaff;
   margin-top: -7px;
 }
 
@@ -195,8 +194,7 @@ button:hover {
   background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(250, 250, 250));
 }
 select:hover {
-  background-image: var(--select-arrow),
-    linear-gradient(to top, rgb(255, 255, 255), rgb(250, 250, 250));
+  background-image: var(--select-arrow), linear-gradient(to top, rgb(230, 230, 255), rgb(230, 230, 230));
   background-position: calc(100% - 7px), left top;
   background-repeat: no-repeat;
 }