From 6232d0aec81a89ffd3bab169076465550add6534 Mon Sep 17 00:00:00 2001
From: Abdo <abdo@abdnh.net>
Date: Fri, 28 Jun 2024 14:52:51 +0300
Subject: [PATCH]  Fix deck config input's background color regression (#3258)

* Fix deck config input's background color regression

* Move styles to base stylesheet
---
 ts/lib/components/ConfigInput.svelte           | 7 -------
 ts/routes/base.scss                            | 4 +++-
 ts/routes/deck-options/WeightsSearchRow.svelte | 2 +-
 ts/routes/deck-options/deck-options-base.scss  | 4 +++-
 4 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/ts/lib/components/ConfigInput.svelte b/ts/lib/components/ConfigInput.svelte
index 945a1257f..c744ca541 100644
--- a/ts/lib/components/ConfigInput.svelte
+++ b/ts/lib/components/ConfigInput.svelte
@@ -3,8 +3,6 @@
     License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
-    import { pageTheme } from "$lib/sveltelib/theme";
-
     const rtl: boolean = window.getComputedStyle(document.body).direction == "rtl";
 
     export let grow = true;
@@ -13,7 +11,6 @@
 <div
     class="config-input position-relative justify-content-end"
     class:flex-grow-1={grow}
-    class:nightMode={$pageTheme.isDark}
 >
     <div class="revert" class:rtl>
         <slot name="revert" />
@@ -42,9 +39,5 @@
         .revert:hover {
             color: var(--fg);
         }
-        &.nightMode :global(input),
-        &.nightMode :global(textarea) {
-            background-color: rgb(59, 59, 59);
-        }
     }
 </style>
diff --git a/ts/routes/base.scss b/ts/routes/base.scss
index 1e0ee1ae3..c5eb426a6 100644
--- a/ts/routes/base.scss
+++ b/ts/routes/base.scss
@@ -14,7 +14,9 @@ $carousel-transition: var(--transition);
 @import "$lib/sass/bootstrap-forms";
 @import "$lib/sass/bootstrap-tooltip";
 
-input[type="text"] {
+input[type="text"],
+input[type="date"],
+textarea {
     padding-inline: 0.5rem;
     background: var(--canvas-inset);
 }
diff --git a/ts/routes/deck-options/WeightsSearchRow.svelte b/ts/routes/deck-options/WeightsSearchRow.svelte
index 45b3f2225..a509dc28c 100644
--- a/ts/routes/deck-options/WeightsSearchRow.svelte
+++ b/ts/routes/deck-options/WeightsSearchRow.svelte
@@ -10,5 +10,5 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </script>
 
 <ConfigInput>
-    <input bind:value {placeholder} class="w-100 mb-1" />
+    <input type="text" bind:value {placeholder} class="w-100 mb-1" />
 </ConfigInput>
diff --git a/ts/routes/deck-options/deck-options-base.scss b/ts/routes/deck-options/deck-options-base.scss
index 1e0ee1ae3..c5eb426a6 100644
--- a/ts/routes/deck-options/deck-options-base.scss
+++ b/ts/routes/deck-options/deck-options-base.scss
@@ -14,7 +14,9 @@ $carousel-transition: var(--transition);
 @import "$lib/sass/bootstrap-forms";
 @import "$lib/sass/bootstrap-tooltip";
 
-input[type="text"] {
+input[type="text"],
+input[type="date"],
+textarea {
     padding-inline: 0.5rem;
     background: var(--canvas-inset);
 }