feat: readded overlay inverse back to css variables

Author: brianacnguyen

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

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. */

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. */