From e86fa114d10ee38c7768cfaa6e3497cf1355b8d7 Mon Sep 17 00:00:00 2001
From: christoph <christoph.enne@glasskube.eu>
Date: Thu, 19 Sep 2024 14:55:32 +0200
Subject: [PATCH] fix: switch colors for disabled inputs

---
 examples/index.html  | 14 ++++++++++++--
 scss/_variables.scss |  7 +++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/examples/index.html b/examples/index.html
index df7243b..d6cdecc 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -659,7 +659,17 @@ <h6>Heading 6</h4>
       <div class="px-3 py-2 border-bottom mb-3">
         <div class="container d-flex flex-wrap justify-content-center">
           <form class="col-12 col-lg-auto mb-2 mb-lg-0 me-lg-auto" role="search">
-            <input type="search" class="form-control" placeholder="Search..." aria-label="Search">
+            <input type="search" class="form-control mb-1" placeholder="Search..." aria-label="Search">
+            <input type="text" class="form-control mb-1" placeholder="">
+            <input type="text" disabled class="form-control mb-1" value="Disabled Text">
+            <select class="form-select mb-1">
+              <option>Option 1</option>
+              <option>Option 2</option>
+            </select>
+            <select class="form-select mb-1" disabled>
+              <option>Option 1</option>
+              <option>Option 2</option>
+            </select>
           </form>
 
           <div class="text-end">
@@ -679,4 +689,4 @@ <h6>Heading 6</h4>
   </main>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 7977176..5cf2263 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -46,6 +46,13 @@ $body-tertiary-bg-dark: $gk-surface-dark;
 $body-color: $gk-fg-light;
 $body-color-dark: $gk-fg-dark;
 
+$input-bg: var(--bs-secondary-bg);
+$input-disabled-bg: var(--bs-body-bg);
+$input-disabled-color: var(--bs-tertiary-color);
+
+$form-select-disabled-color: $input-disabled-color;
+$form-select-disabled-bg: $input-disabled-bg;
+
 $min-contrast-ratio: 2;
 
 $font-family-base: $font-family-main;