fix: --dh-color-overlay-modal-bg theme background color to be black n…

…ot gray (#2277) resolves #2276
deephaven · Oct 31, 2024 · aba019a · aba019a
1 parent b552282
commit aba019a
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 4 deletions.
diff --git a/packages/components/src/theme/theme-dark/theme-dark-semantic.css b/packages/components/src/theme/theme-dark/theme-dark-semantic.css
@@ -143,12 +143,12 @@
   );
   --dh-color-overlay-modal-bg: color-mix(
     in srgb,
-    var(--dh-color-visual-gray) 60%,
+    var(--dh-color-black) 50%,
     transparent
   );
   --dh-color-overlay-hover-bg: color-mix(
     in srgb,
-    var(--dh-color-visual-gray) 8%,
+    var(--dh-color-black) 8%,
     transparent
   );
 

diff --git a/packages/components/src/theme/theme-light/theme-light-semantic.css b/packages/components/src/theme/theme-light/theme-light-semantic.css
@@ -143,12 +143,12 @@
   );
   --dh-color-overlay-modal-bg: color-mix(
     in srgb,
-    var(--dh-color-visual-gray) 60%,
+    var(--dh-color-black) 50%,
     transparent
   );
   --dh-color-overlay-hover-bg: color-mix(
     in srgb,
-    var(--dh-color-visual-gray) 8%,
+    var(--dh-color-black) 8%,
     transparent
   );
 

diff --git a/tests/styleguide.spec.ts-snapshots/semantic-colors-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/semantic-colors-chromium-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/semantic-colors-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/semantic-colors-firefox-linux.png
diff --git a/tests/styleguide.spec.ts-snapshots/semantic-colors-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/semantic-colors-webkit-linux.png