Merge pull request #1897 from SUI-Components/sui-studio-a11y-color-co…

…ntrast-improvements fix(packages/sui-studio): a11y color-contrast improvements
SUI-Components · Jan 20, 2025 · e9014ec · e9014ec
2 parents 037c05c + 21a2746
commit e9014ec
Showing 1 changed file with 7 additions and 4 deletions.
diff --git 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 {