From b1d3531304fe5c231acc09886f5c19e20b8294ef Mon Sep 17 00:00:00 2001
From: Hiro M <55973039+Akatori-Design@users.noreply.github.com>
Date: Wed, 30 Apr 2025 14:08:24 -0700
Subject: [PATCH 1/2] overlay.default update

Updated overlay.default as below. This improvement enhances the distinction of modal/bottom sheet from the background layer in dark mode, and also keeps light mode consistent with the dark mode.

lightTheme :
    From   "value": "#00000066",
    To  "value": "#3F434A4D",

darkTheme :
    From  "value": "#00000066",
    To   "value": "#3F434A80",
---
 packages/design-tokens/src/figma/darkTheme.json  | 2 +-
 packages/design-tokens/src/figma/lightTheme.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/design-tokens/src/figma/darkTheme.json b/packages/design-tokens/src/figma/darkTheme.json
index 428b5151..0ceacde3 100644
--- a/packages/design-tokens/src/figma/darkTheme.json
+++ b/packages/design-tokens/src/figma/darkTheme.json
@@ -123,7 +123,7 @@
   },
   "overlay": {
     "default": {
-      "value": "#00000066",
+      "value": "#3F434A80",
       "type": "color",
       "parent": "Theme Colors/Dark mode",
       "description": "Default color for overlays(scrim)."
diff --git a/packages/design-tokens/src/figma/lightTheme.json b/packages/design-tokens/src/figma/lightTheme.json
index d49864cd..d76a9ed5 100644
--- a/packages/design-tokens/src/figma/lightTheme.json
+++ b/packages/design-tokens/src/figma/lightTheme.json
@@ -123,7 +123,7 @@
   },
   "overlay": {
     "default": {
-      "value": "#00000066",
+      "value": "#3F434A4D",
       "type": "color",
       "parent": "Theme Colors/Light mode",
       "description": "Default color for overlays(scrim)."

From a5b08886e88d6d8075e13b85596a8cdfc13b5882 Mon Sep 17 00:00:00 2001
From: Hiro M <55973039+Akatori-Design@users.noreply.github.com>
Date: Thu, 1 May 2025 09:58:49 -0700
Subject: [PATCH 2/2] Fixed lightTheme color bug

In lightTheme, updated wrong background colors to correct :

Update to these colors

- muted-hover : #e7ebee --> #EBEDF1
muted-pressed : #ebecef --> #E1E4EA

alternative-hover : #e7ebee --> #EBEDF1
alternative-pressed : #ebecef --> #E1E4EA
---
 packages/design-tokens/src/figma/darkTheme.json  |  2 +-
 packages/design-tokens/src/figma/lightTheme.json | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/design-tokens/src/figma/darkTheme.json b/packages/design-tokens/src/figma/darkTheme.json
index 0ceacde3..62984aca 100644
--- a/packages/design-tokens/src/figma/darkTheme.json
+++ b/packages/design-tokens/src/figma/darkTheme.json
@@ -123,7 +123,7 @@
   },
   "overlay": {
     "default": {
-      "value": "#3F434A80",
+      "value": "#3F434A99",
       "type": "color",
       "parent": "Theme Colors/Dark mode",
       "description": "Default color for overlays(scrim)."
diff --git a/packages/design-tokens/src/figma/lightTheme.json b/packages/design-tokens/src/figma/lightTheme.json
index d76a9ed5..99d850a4 100644
--- a/packages/design-tokens/src/figma/lightTheme.json
+++ b/packages/design-tokens/src/figma/lightTheme.json
@@ -31,25 +31,25 @@
       "description": "Pressed state surface for background/default."
     },
     "alternative-hover": {
-      "value": "#f6f6f7",
+      "value": "#EBEDF1",
       "type": "color",
       "parent": "Theme Colors/Light mode",
       "description": "Hover state surface for background/alternative."
     },
     "alternative-pressed": {
-      "value": "#ebecef",
+      "value": "#E1E4EA",
       "type": "color",
       "parent": "Theme Colors/Light mode",
       "description": "Pressed state surface for background/alternative."
     },
     "muted-hover": {
-      "value": "#e7ebee",
+      "value": "#EBEDF1",
       "type": "color",
       "parent": "Theme Colors/Light mode",
       "description": "Hover state surface for background/muted."
     },
     "muted-pressed": {
-      "value": "#ebecef",
+      "value": "#E1E4EA",
       "type": "color",
       "parent": "Theme Colors/Light mode",
       "description": "Pressed state surface for background/muted."
@@ -123,7 +123,7 @@
   },
   "overlay": {
     "default": {
-      "value": "#3F434A4D",
+      "value": "#3F434A66",
       "type": "color",
       "parent": "Theme Colors/Light mode",
       "description": "Default color for overlays(scrim)."