From 21a274699fda1f7bea1cc70cb97a8c660ebaf5fe Mon Sep 17 00:00:00 2001
From: andresin87 <andresin87@gmail.com>
Date: Mon, 20 Jan 2025 22:37:36 +0100
Subject: [PATCH] fix(packages/sui-studio): a11y color-contrast improvements

---
 packages/sui-studio/src/components/layout/_style.scss | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/sui-studio/src/components/layout/_style.scss b/packages/sui-studio/src/components/layout/_style.scss
index 1161b0621..7cd749fcd 100644
--- a/packages/sui-studio/src/components/layout/_style.scss
+++ b/packages/sui-studio/src/components/layout/_style.scss
@@ -28,19 +28,22 @@
     &-searchInput {
       box-sizing: border-box;
       background-color: $c-surface;
-      border: 1px solid color-mix(in srgb, $c-on-surface 30%, transparent);
+      border: 1px solid color-mix(in srgb, $c-on-surface 70%, transparent);
       border-radius: 4px;
-      color: color-mix(in srgb, $c-on-surface 30%, transparent);
+      color: color-mix(in srgb, $c-on-surface 70%, transparent);
       font-size: 12px;
       outline: none;
       padding: 8px;
-      width: calc(100% - #{2 * 8px});
-      height: $h-search-input;
+      width: 100%;
+      max-height: $h-search-input;
       &:focus {
         background-color: $c-surface;
         color: color-mix(in srgb, $c-on-surface 70%, transparent);
         border: 1px solid $c-primary;
       }
+      &::placeholder {
+        color: color-mix(in srgb, $c-on-surface 50%, transparent);
+      }
     }
 
     &Body {