diff --git a/packages/theme/src/v2/CHANGELOG.md b/packages/theme/src/v2/CHANGELOG.md
index cf25b0e..724a878 100644
--- a/packages/theme/src/v2/CHANGELOG.md
+++ b/packages/theme/src/v2/CHANGELOG.md
@@ -1352,4 +1352,29 @@ None
   - 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="#9292921a" /></svg> `#9292921a` → <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="#92929238" /></svg> `#92929238`
   - 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="#929292e5" /></svg> `#929292e5` → <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="#929292f2" /></svg> `#929292f2`
 - `loading/background`
-  - 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="#ffffff21" /></svg> `#ffffff21` → <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="#ffffff2b" /></svg> `#ffffff2b`
\ 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="#ffffff21" /></svg> `#ffffff21` → <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="#ffffff2b" /></svg> `#ffffff2b`
+
+# 2025-6-23 17:36
+### New
+
+- `aI/applyBackground`
+  - 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="#92929212" /></svg> `#92929212`
+  - 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="#9292921a" /></svg> `#9292921a`
+- `aI/applyDeleteHighlight`
+  - 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="#ed3f3f21" /></svg> `#ed3f3f21`
+  - 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="#ed3f3f3b" /></svg> `#ed3f3f3b`
+- `aI/applyTextHighlight`
+  - 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="#1e96eb" /></svg> `#1e96eb`
+  - 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="#29a3fa" /></svg> `#29a3fa`
+- `aI/applyTextHighlightBackground`
+  - 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="#1e96eb14" /></svg> `#1e96eb14`
+  - 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="#1e96eb1a" /></svg> `#1e96eb1a`
+
+### Removed
+
+None
+
+### Updated
+
+- `aI/thinkingOutputBackground`
+  - 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="#f9f9f9" /></svg> `#f9f9f9` → <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="#0000000d" /></svg> `#0000000d`
\ 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 16635e5..3690f0c 100644
--- a/packages/theme/src/v2/source/variables.json
+++ b/packages/theme/src/v2/source/variables.json
@@ -8,6 +8,30 @@
           "id": "285:0"
         },
         "color": [
+          {
+            "name": "AI/applyBackground",
+            "value": "#92929212",
+            "var": "Transparent/grey/100 (7%)",
+            "rootAlias": "Transparent/grey/100 (7%)"
+          },
+          {
+            "name": "AI/applyDeleteHighlight",
+            "value": "#ed3f3f21",
+            "var": "Transparent/red/100 (13%)",
+            "rootAlias": "Transparent/red/100 (13%)"
+          },
+          {
+            "name": "AI/applyTextHighlight",
+            "value": "#1e96eb",
+            "var": "Text/emphasis",
+            "rootAlias": "AFFiNE/600"
+          },
+          {
+            "name": "AI/applyTextHighlightBackground",
+            "value": "#1e96eb14",
+            "var": "Transparent/AFFiNE Blue/80 (8%)",
+            "rootAlias": "Transparent/AFFiNE Blue/80 (8%)"
+          },
           {
             "name": "AI/errorBackground",
             "value": "#fff4f5",
@@ -28,9 +52,9 @@
           },
           {
             "name": "AI/thinkingOutputBackground",
-            "value": "#f9f9f9",
-            "var": "Grey/25",
-            "rootAlias": "Grey/25"
+            "value": "#0000000d",
+            "var": "Transparent/black/50 (5%)",
+            "rootAlias": "Transparent/black/50 (5%)"
           },
           {
             "name": "AI/thinkingOutputText",
@@ -3247,6 +3271,30 @@
           "id": "296:0"
         },
         "color": [
+          {
+            "name": "AI/applyBackground",
+            "value": "#9292921a",
+            "var": "Transparent/grey/200 (10%)",
+            "rootAlias": "Transparent/grey/200 (10%)"
+          },
+          {
+            "name": "AI/applyDeleteHighlight",
+            "value": "#ed3f3f3b",
+            "var": "Transparent/red/300 (23%)",
+            "rootAlias": "Transparent/red/300 (23%)"
+          },
+          {
+            "name": "AI/applyTextHighlight",
+            "value": "#29a3fa",
+            "var": "Text/emphasis",
+            "rootAlias": "AFFiNE/500"
+          },
+          {
+            "name": "AI/applyTextHighlightBackground",
+            "value": "#1e96eb1a",
+            "var": "Transparent/AFFiNE Blue/100 (10%)",
+            "rootAlias": "Transparent/AFFiNE Blue/100 (10%)"
+          },
           {
             "name": "AI/errorBackground",
             "value": "#ed3f3f2e",
@@ -6482,4 +6530,4 @@
       }
     ]
   }
-]
\ No newline at end of file
+]
diff --git a/packages/theme/src/v2/variables.ts b/packages/theme/src/v2/variables.ts
index 29e7c69..b84db09 100644
--- a/packages/theme/src/v2/variables.ts
+++ b/packages/theme/src/v2/variables.ts
@@ -3,10 +3,14 @@
 // ⚠️ Do not modify this file directly!
 
 export const lightThemeV2 = {
+  'aI/applyBackground': '#92929212',
+  'aI/applyDeleteHighlight': '#ed3f3f21',
+  'aI/applyTextHighlight': '#1e96eb',
+  'aI/applyTextHighlightBackground': '#1e96eb14',
   'aI/errorBackground': '#fff4f5',
   'aI/errorDetailBackground': '#ffffff99',
   'aI/errorText': '#ed3f3f',
-  'aI/thinkingOutputBackground': '#f9f9f9',
+  'aI/thinkingOutputBackground': '#0000000d',
   'aI/thinkingOutputText': '#000000a6',
   'aI/userTextBackground': '#f3f3f3',
   'adjustmentHandle/background': '#00000085',
@@ -438,6 +442,10 @@ export const lightThemeV2 = {
   'tableOfContent/background': '#ffffff',
 };
 export const darkThemeV2 = {
+  'aI/applyBackground': '#9292921a',
+  'aI/applyDeleteHighlight': '#ed3f3f3b',
+  'aI/applyTextHighlight': '#29a3fa',
+  'aI/applyTextHighlightBackground': '#1e96eb1a',
   'aI/errorBackground': '#ed3f3f2e',
   'aI/errorDetailBackground': '#00000054',
   'aI/errorText': '#fff4f5',
@@ -874,10 +882,14 @@ export const darkThemeV2 = {
 };
 export const nestedLightTheme = {
   aI: {
+    applyBackground: '#92929212',
+    applyDeleteHighlight: '#ed3f3f21',
+    applyTextHighlight: '#1e96eb',
+    applyTextHighlightBackground: '#1e96eb14',
     errorBackground: '#fff4f5',
     errorDetailBackground: '#ffffff99',
     errorText: '#ed3f3f',
-    thinkingOutputBackground: '#f9f9f9',
+    thinkingOutputBackground: '#0000000d',
     thinkingOutputText: '#000000a6',
     userTextBackground: '#f3f3f3',
   },
@@ -1400,6 +1412,10 @@ export const nestedLightTheme = {
 } as const;
 export const nestedDarkTheme = {
   aI: {
+    applyBackground: '#9292921a',
+    applyDeleteHighlight: '#ed3f3f3b',
+    applyTextHighlight: '#29a3fa',
+    applyTextHighlightBackground: '#1e96eb1a',
     errorBackground: '#ed3f3f2e',
     errorDetailBackground: '#00000054',
     errorText: '#fff4f5',