@uppy/dashboard: Fix low-contrast hover styles (#4347)

Fix low-contrast hover styles on Dashboard icons
transloadit · Mar 7, 2023 · df32c1c · df32c1c
1 parent a21e76b
commit df32c1c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/@uppy/core/src/_variables.scss b/packages/@uppy/core/src/_variables.scss
@@ -19,8 +19,8 @@ $beige: #edd4b9 !default;
 
 $gray-50: #fafafa !default;
 $gray-100: #f4f4f4 !default;
-$gray-100--highlighted: #f1f3f6 !default;
 $gray-200: #eaeaea !default;
+$gray-200--highlighted: #e9ecef !default;
 $gray-250: #dfdfdf !default;
 $gray-300: #cfcfcf !default;
 $gray-400: #bbb !default;

diff --git a/packages/@uppy/dashboard/src/style.scss b/packages/@uppy/dashboard/src/style.scss
@@ -470,7 +470,7 @@
 }
 
 .uppy-DashboardTab-btn:hover {
-  background-color: $gray-100--highlighted;
+  background-color: $gray-200--highlighted;
 
   [data-uppy-theme="dark"] & {
     background-color: $gray-800;