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

@@ -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>

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);
 }

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>

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);
 }