diff --git a/packages/theme/src/v2/CHANGELOG.md b/packages/theme/src/v2/CHANGELOG.md
index a406982..9170f00 100644
--- a/packages/theme/src/v2/CHANGELOG.md
+++ b/packages/theme/src/v2/CHANGELOG.md
@@ -528,4 +528,36 @@ None
 
 - `badge/believer`
   - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#374151" /></svg> `#374151` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#002742" /></svg> `#002742`
-  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#374151" /></svg> `#374151` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#002742" /></svg> `#002742`
\ No newline at end of file
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#374151" /></svg> `#374151` → <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#002742" /></svg> `#002742`
+
+# 2024-11-13 11:6
+### New
+
+- `button/mobile/aIActionBackground`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
+- `layer/background/mobile/iOSControl`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#000000" /></svg> `#000000`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
+- `layer/background/mobile/modal`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000002b" /></svg> `#0000002b`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#00000085" /></svg> `#00000085`
+- `layer/background/mobile/primary`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#f5f5f5" /></svg> `#f5f5f5`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#000000" /></svg> `#000000`
+- `layer/background/mobile/secondary`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> `#ffffff`
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#252525" /></svg> `#252525`
+
+### Removed
+
+- `layer/mobile/iOSControl`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#000000" /></svg> ~~`#000000`~~
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#ffffff" /></svg> ~~`#ffffff`~~
+- `layer/mobile/modal`
+  - light:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#0000002b" /></svg> ~~`#0000002b`~~
+  - dark:  <svg width="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><rect stroke="rgba(0,0,0,0.1)" width="20" height="20" rx="4" fill="#00000085" /></svg> ~~`#00000085`~~
+
+### Updated
+
+None
\ No newline at end of file
diff --git a/packages/theme/src/v2/source/variables.json b/packages/theme/src/v2/source/variables.json
index aa08b65..a2ba818 100644
--- a/packages/theme/src/v2/source/variables.json
+++ b/packages/theme/src/v2/source/variables.json
@@ -242,6 +242,12 @@
             "var": "Transparent/black/200 (10%)",
             "rootAlias": "Transparent/black/200 (10%)"
           },
+          {
+            "name": "Button/mobile/AIActionBackground",
+            "value": "#252525",
+            "var": "Grey/900",
+            "rootAlias": "Grey/900"
+          },
           {
             "name": "Button/sidebarButton/background",
             "value": "#ffffff08",
@@ -1263,17 +1269,29 @@
             "rootAlias": "Orange/25"
           },
           {
-            "name": "Layer/mobile/iOSControl",
+            "name": "Layer/background/mobile/iOSControl",
             "value": "#000000",
             "var": "Base/Black",
             "rootAlias": "Base/Black"
           },
           {
-            "name": "Layer/mobile/modal",
+            "name": "Layer/background/mobile/modal",
             "value": "#0000002b",
             "var": "Transparent/black/300 (17%)",
             "rootAlias": "Transparent/black/300 (17%)"
           },
+          {
+            "name": "Layer/background/mobile/primary",
+            "value": "#f5f5f5",
+            "var": "Grey/50",
+            "rootAlias": "Grey/50"
+          },
+          {
+            "name": "Layer/background/mobile/secondary",
+            "value": "#ffffff",
+            "var": "Base/White",
+            "rootAlias": "Base/White"
+          },
           {
             "name": "Loading/background",
             "value": "#0000001a",
@@ -1949,230 +1967,230 @@
         ],
         "number": [
           {
-            "name": "Shadow/EdgelessToolbar/Note/shadow-2-y",
-            "value": "-0.125rem",
+            "name": "Shadow/EdgelessToolbar/Note/shadow-1-y",
+            "value": "-Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/EdgelessToolbar/Note/shadow-1-y",
-            "value": "-0.0625rem",
+            "name": "Shadow/EdgelessToolbar/Note/shadow-2-y",
+            "value": "-Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/EdgelessToolbar/Note/shadow-1-blur",
-            "value": "0.125rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/EdgelessToolbar/Note/shadow-3-blur",
-            "value": "0.25rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/Mobile/Keyboard/keyboardShadow-y",
-            "value": "-0.25rem",
+            "value": "-Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/Mobile/Keyboard/keyboardShadow-blur",
-            "value": "0.625rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/Mobile/Menu/menuShadow-y-2",
-            "value": "-0.0625rem",
+            "value": "-Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/Mobile/Menu/menuShadow-y",
-            "value": "0.625rem",
+            "name": "Shadow/Mobile/Menu/menuShadow-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/Mobile/Menu/menuShadow-blur-2",
-            "value": "0.75rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/Mobile/Menu/menuShadow-blur",
-            "value": "1.125rem",
+            "name": "Shadow/Mobile/Menu/menuShadow-y",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/boxShadow/1-x",
-            "value": "0rem",
+            "name": "Shadow/NoteShadow/boxShadow/1-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/boxShadow/1-y",
-            "value": "0rem",
+            "name": "Shadow/NoteShadow/boxShadow/1-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/boxShadow/2-x",
-            "value": "0rem",
+            "name": "Shadow/NoteShadow/boxShadow/1-y",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/boxShadow/2-y",
-            "value": "0.125rem",
+            "name": "Shadow/NoteShadow/boxShadow/2-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/boxShadow/1-blur",
-            "value": "0.25rem",
+            "name": "Shadow/NoteShadow/boxShadow/2-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/boxShadow/2-blur",
-            "value": "0.75rem",
+            "name": "Shadow/NoteShadow/boxShadow/2-y",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/NoteShadow/stickerShadow/1-spread",
-            "value": "-1.25rem",
+            "value": "-Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/2-spread",
-            "value": "-0.625rem",
+            "name": "Shadow/NoteShadow/stickerShadow/1-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/1-x",
-            "value": "0rem",
+            "name": "Shadow/NoteShadow/stickerShadow/2-spread",
+            "value": "-Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/2-x",
-            "value": "0rem",
+            "name": "Shadow/NoteShadow/stickerShadow/1-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/1-blur",
-            "value": "1.125rem",
+            "name": "Shadow/NoteShadow/stickerShadow/1-y",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/2-y",
-            "value": "1.5rem",
+            "name": "Shadow/NoteShadow/stickerShadow/2-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/1-y",
-            "value": "1.625rem",
+            "name": "Shadow/NoteShadow/stickerShadow/2-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/2-blur",
-            "value": "1.625rem",
+            "name": "Shadow/NoteShadow/stickerShadow/2-y",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/activeShadow/spread",
-            "value": "0.125rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/buttonShadow/1-x",
-            "value": "0rem",
+            "name": "Shadow/buttonShadow/1-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/buttonShadow/1-y",
-            "value": "0rem",
+            "name": "Shadow/buttonShadow/1-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/buttonShadow/2-x",
-            "value": "0rem",
+            "name": "Shadow/buttonShadow/1-y",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/buttonShadow/1-blur",
-            "value": "0.0625rem",
+            "name": "Shadow/buttonShadow/2-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/buttonShadow/2-y",
-            "value": "0.0625rem",
+            "name": "Shadow/buttonShadow/2-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/buttonShadow/2-blur",
-            "value": "0.3125rem",
+            "name": "Shadow/buttonShadow/2-y",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/embedShadow/spread",
-            "value": "0.125rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/overlayPanelShadow/1-x",
-            "value": "0rem",
+            "name": "Shadow/overlayPanelShadow/1-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/overlayPanelShadow/2-x",
-            "value": "0rem",
+            "name": "Shadow/overlayPanelShadow/1-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/overlayPanelShadow/1-y",
-            "value": "0.0625rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/overlayPanelShadow/1-blur",
-            "value": "0.375rem",
+            "name": "Shadow/overlayPanelShadow/2-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/overlayPanelShadow/2-y",
-            "value": "0.5rem",
+            "name": "Shadow/overlayPanelShadow/2-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/overlayPanelShadow/2-blur",
-            "value": "0.875rem",
+            "name": "Shadow/overlayPanelShadow/2-y",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           }
@@ -2419,6 +2437,12 @@
             "var": "Transparent/white/100 (9%)",
             "rootAlias": "Transparent/white/100 (9%)"
           },
+          {
+            "name": "Button/mobile/AIActionBackground",
+            "value": "#252525",
+            "var": "Grey/900",
+            "rootAlias": "Grey/900"
+          },
           {
             "name": "Button/sidebarButton/background",
             "value": "#ffffff08",
@@ -3440,17 +3464,29 @@
             "rootAlias": "Yellow/950"
           },
           {
-            "name": "Layer/mobile/iOSControl",
+            "name": "Layer/background/mobile/iOSControl",
             "value": "#ffffff",
             "var": "Base/White",
             "rootAlias": "Base/White"
           },
           {
-            "name": "Layer/mobile/modal",
+            "name": "Layer/background/mobile/modal",
             "value": "#00000085",
             "var": "Transparent/black/500 (52%)",
             "rootAlias": "Transparent/black/500 (52%)"
           },
+          {
+            "name": "Layer/background/mobile/primary",
+            "value": "#000000",
+            "var": "Base/Black",
+            "rootAlias": "Base/Black"
+          },
+          {
+            "name": "Layer/background/mobile/secondary",
+            "value": "#252525",
+            "var": "Grey/900",
+            "rootAlias": "Grey/900"
+          },
           {
             "name": "Loading/background",
             "value": "#ffffffd1",
@@ -4127,229 +4163,229 @@
         "number": [
           {
             "name": "Shadow/EdgelessToolbar/Note/shadow-1-y",
-            "value": "-0.0625rem",
+            "value": "-Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/EdgelessToolbar/Note/shadow-2-y",
-            "value": "-0.0625rem",
+            "value": "-Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/EdgelessToolbar/Note/shadow-1-blur",
-            "value": "0.0625rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/EdgelessToolbar/Note/shadow-3-blur",
-            "value": "0.25rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/Mobile/Keyboard/keyboardShadow-y",
-            "value": "-0.25rem",
+            "value": "-Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/Mobile/Keyboard/keyboardShadow-blur",
-            "value": "0.625rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/Mobile/Menu/menuShadow-y-2",
-            "value": "-0.0625rem",
+            "value": "-Infinityrem",
+            "var": "",
+            "rootAlias": ""
+          },
+          {
+            "name": "Shadow/Mobile/Menu/menuShadow-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/Mobile/Menu/menuShadow-blur-2",
-            "value": "0.75rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/Mobile/Menu/menuShadow-y",
-            "value": "0.75rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/Mobile/Menu/menuShadow-blur",
-            "value": "1.125rem",
+            "name": "Shadow/NoteShadow/boxShadow/1-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/NoteShadow/boxShadow/1-x",
-            "value": "0rem",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/NoteShadow/boxShadow/1-y",
-            "value": "0rem",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/boxShadow/2-x",
-            "value": "0rem",
+            "name": "Shadow/NoteShadow/boxShadow/2-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/boxShadow/2-y",
-            "value": "0.125rem",
+            "name": "Shadow/NoteShadow/boxShadow/2-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/boxShadow/1-blur",
-            "value": "0.25rem",
+            "name": "Shadow/NoteShadow/boxShadow/2-y",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/boxShadow/2-blur",
-            "value": "0.75rem",
+            "name": "Shadow/NoteShadow/stickerShadow/1-spread",
+            "value": "-Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/1-spread",
-            "value": "-1.25rem",
+            "name": "Shadow/NoteShadow/stickerShadow/1-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/NoteShadow/stickerShadow/2-spread",
-            "value": "-0.625rem",
+            "value": "-Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/1-x",
-            "value": "0rem",
+            "name": "Shadow/NoteShadow/stickerShadow/1-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/2-x",
-            "value": "0rem",
+            "name": "Shadow/NoteShadow/stickerShadow/1-y",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/1-blur",
-            "value": "1.125rem",
+            "name": "Shadow/NoteShadow/stickerShadow/2-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/2-y",
-            "value": "1.5rem",
+            "name": "Shadow/NoteShadow/stickerShadow/2-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/1-y",
-            "value": "1.625rem",
+            "name": "Shadow/NoteShadow/stickerShadow/2-y",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/NoteShadow/stickerShadow/2-blur",
-            "value": "1.625rem",
+            "name": "Shadow/activeShadow/spread",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/activeShadow/spread",
-            "value": "0.125rem",
+            "name": "Shadow/buttonShadow/1-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/buttonShadow/1-x",
-            "value": "0rem",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/buttonShadow/1-y",
-            "value": "0rem",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/buttonShadow/2-x",
-            "value": "0rem",
+            "name": "Shadow/buttonShadow/2-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/buttonShadow/1-blur",
-            "value": "0.0625rem",
+            "name": "Shadow/buttonShadow/2-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/buttonShadow/2-y",
-            "value": "0.0625rem",
-            "var": "",
-            "rootAlias": ""
-          },
-          {
-            "name": "Shadow/buttonShadow/2-blur",
-            "value": "0.3125rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/embedShadow/spread",
-            "value": "0.125rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/overlayPanelShadow/1-x",
-            "value": "0rem",
+            "name": "Shadow/overlayPanelShadow/1-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/overlayPanelShadow/2-x",
-            "value": "0rem",
+            "name": "Shadow/overlayPanelShadow/1-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
             "name": "Shadow/overlayPanelShadow/1-y",
-            "value": "0.0625rem",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/overlayPanelShadow/1-blur",
-            "value": "0.375rem",
+            "name": "Shadow/overlayPanelShadow/2-blur",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/overlayPanelShadow/2-y",
-            "value": "0.5rem",
+            "name": "Shadow/overlayPanelShadow/2-x",
+            "value": "NaNrem",
             "var": "",
             "rootAlias": ""
           },
           {
-            "name": "Shadow/overlayPanelShadow/2-blur",
-            "value": "0.875rem",
+            "name": "Shadow/overlayPanelShadow/2-y",
+            "value": "Infinityrem",
             "var": "",
             "rootAlias": ""
           }
@@ -4358,4 +4394,4 @@
       }
     ]
   }
-]
+]
\ No newline at end of file
diff --git a/packages/theme/src/v2/variables.ts b/packages/theme/src/v2/variables.ts
index 036527e..20566af 100644
--- a/packages/theme/src/v2/variables.ts
+++ b/packages/theme/src/v2/variables.ts
@@ -42,6 +42,7 @@ export const lightThemeV2 = {
   'button/success': '#44b931',
   'button/grabber/select': '#00000038',
   'button/grabber/default': '#0000001a',
+  'button/mobile/aIActionBackground': '#252525',
   'button/sidebarButton/background': '#ffffff08',
   'button/siderbarPrimary/background': '#ffffffab',
   'centerPeek/background': '#ffffff',
@@ -212,8 +213,10 @@ export const lightThemeV2 = {
   'layer/background/tertiary': '#f3f3f3',
   'layer/background/translucentUI': '#ffffffb8',
   'layer/background/warning': '#fff7ee',
-  'layer/mobile/iOSControl': '#000000',
-  'layer/mobile/modal': '#0000002b',
+  'layer/background/mobile/iOSControl': '#000000',
+  'layer/background/mobile/modal': '#0000002b',
+  'layer/background/mobile/primary': '#f5f5f5',
+  'layer/background/mobile/secondary': '#ffffff',
   'loading/background': '#0000001a',
   'loading/foreground': '#1e96eb',
   'others/warnLabel/black': '#000000',
@@ -329,6 +332,7 @@ export const darkThemeV2 = {
   'button/success': '#1d9c07',
   'button/grabber/select': '#ffffff21',
   'button/grabber/default': '#ffffff17',
+  'button/mobile/aIActionBackground': '#252525',
   'button/sidebarButton/background': '#ffffff08',
   'button/siderbarPrimary/background': '#0000002b',
   'centerPeek/background': '#000000',
@@ -499,8 +503,10 @@ export const darkThemeV2 = {
   'layer/background/tertiary': '#565656',
   'layer/background/translucentUI': '#000000a6',
   'layer/background/warning': '#321a04',
-  'layer/mobile/iOSControl': '#ffffff',
-  'layer/mobile/modal': '#00000085',
+  'layer/background/mobile/iOSControl': '#ffffff',
+  'layer/background/mobile/modal': '#00000085',
+  'layer/background/mobile/primary': '#000000',
+  'layer/background/mobile/secondary': '#252525',
   'loading/background': '#ffffffd1',
   'loading/foreground': '#0077cb',
   'others/warnLabel/black': '#000000',