feat: readded overlay inverse back to css variables

MetaMask · May 30, 2024 · 05ea5c5 · 05ea5c5
1 parent c3a8a22
commit 05ea5c5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/MIGRATION.md b/MIGRATION.md
@@ -34,7 +34,6 @@ In this version, significant updates have been made to color tokens, including m
 #### CSS Variables
 
 ```
---color-overlay-inverse removed
 --color-primary-shadow modified to --color-shadow-primary
 --color-primary-disabled removed
 --color-secondary-default removed

diff --git a/src/css/dark-theme-colors.css b/src/css/dark-theme-colors.css
@@ -38,6 +38,8 @@
   --color-overlay-default: #00000099;
   /* For a stronger shade of screen */
   --color-overlay-alternative: #000000cc;
+  /* For elements used on top of overlay/alternative. Used for text, icon or border */
+  --color-overlay-inverse: var(--brand-colors-grey-grey000);
   /* For interactive, active, and selected semantics. Used for text, background, icon or border */
   --color-primary-default: var(--brand-colors-blue-blue300);
   /* For the stronger contrast primary semantic elements. */

diff --git a/src/css/light-theme-colors.css b/src/css/light-theme-colors.css
@@ -39,6 +39,8 @@
   --color-overlay-default: #00000099;
   /* For a stronger shade of screen */
   --color-overlay-alternative: #000000cc;
+  /* For elements used on top of overlay/alternative. Used for text, icon or border */
+  --color-overlay-inverse: var(--brand-colors-grey-grey000);
   /* For interactive, active, and selected semantics. Used for text, background, icon or border */
   --color-primary-default: var(--brand-colors-blue-blue500);
   /* For the stronger contrast primary semantic elements. */