diff --git a/packages/frontend/component/package.json b/packages/frontend/component/package.json
index 85cd5bfed..58eeb7a3f 100644
--- a/packages/frontend/component/package.json
+++ b/packages/frontend/component/package.json
@@ -41,7 +41,7 @@
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@radix-ui/react-visually-hidden": "^1.1.0",
-    "@toeverything/theme": "^1.0.21",
+    "@toeverything/theme": "^1.1.1",
     "@vanilla-extract/dynamic": "^2.1.0",
     "check-password-strength": "^2.0.10",
     "clsx": "^2.1.0",
diff --git a/packages/frontend/core/package.json b/packages/frontend/core/package.json
index ff91a24c3..35df4c60a 100644
--- a/packages/frontend/core/package.json
+++ b/packages/frontend/core/package.json
@@ -37,7 +37,7 @@
     "@radix-ui/react-toolbar": "^1.0.4",
     "@sentry/react": "^8.0.0",
     "@toeverything/pdf-viewer": "^0.1.1",
-    "@toeverything/theme": "^1.0.21",
+    "@toeverything/theme": "^1.1.1",
     "@vanilla-extract/dynamic": "^2.1.0",
     "animejs": "^3.2.2",
     "bytes": "^3.1.2",
diff --git a/packages/frontend/core/src/mobile/components/app-tabs/styles.css.ts b/packages/frontend/core/src/mobile/components/app-tabs/styles.css.ts
index 716608fd2..be0b52667 100644
--- a/packages/frontend/core/src/mobile/components/app-tabs/styles.css.ts
+++ b/packages/frontend/core/src/mobile/components/app-tabs/styles.css.ts
@@ -7,10 +7,10 @@ export const appTabsBackground = createVar('appTabsBackground');
 
 export const appTabs = style({
   vars: {
-    [appTabsBackground]: cssVarV2('layer/background/mobile/primary'),
+    [appTabsBackground]: cssVarV2.layer.background.mobile.primary,
   },
   backgroundColor: appTabsBackground,
-  borderTop: `1px solid ${cssVarV2('layer/insideBorder/border')}`,
+  borderTop: `1px solid ${cssVarV2.layer.insideBorder.border}`,
 
   width: '100dvw',
 
@@ -36,12 +36,12 @@ export const tabItem = style({
   height: 36,
   padding: 3,
   fontSize: 30,
-  color: cssVarV2('icon/primary'),
+  color: cssVarV2.icon.primary,
   lineHeight: 0,
 
   selectors: {
     '&[data-active="true"]': {
-      color: cssVarV2('button/primary'),
+      color: cssVarV2.button.primary,
     },
   },
 });
diff --git a/yarn.lock b/yarn.lock
index 1be454793..13264d927 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -343,7 +343,7 @@ __metadata:
     "@storybook/react": "npm:^8.2.9"
     "@storybook/react-vite": "npm:^8.2.9"
     "@testing-library/react": "npm:^16.0.0"
-    "@toeverything/theme": "npm:^1.0.21"
+    "@toeverything/theme": "npm:^1.1.1"
     "@types/react": "npm:^18.2.75"
     "@types/react-dom": "npm:^18.2.24"
     "@vanilla-extract/css": "npm:^1.14.2"
@@ -422,7 +422,7 @@ __metadata:
     "@sentry/react": "npm:^8.0.0"
     "@testing-library/react": "npm:^16.0.0"
     "@toeverything/pdf-viewer": "npm:^0.1.1"
-    "@toeverything/theme": "npm:^1.0.21"
+    "@toeverything/theme": "npm:^1.1.1"
     "@types/animejs": "npm:^3.1.12"
     "@types/bytes": "npm:^3.1.4"
     "@types/image-blob-reduce": "npm:^4.1.4"
@@ -12983,10 +12983,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@toeverything/theme@npm:^1.0.19, @toeverything/theme@npm:^1.0.21":
-  version: 1.0.21
-  resolution: "@toeverything/theme@npm:1.0.21"
-  checksum: 10/31b741d940b77716825abf7b1a4e64372add4ee4b61439fa59920403c5c615ef72f566857900663d2e5250e09a2e7eae031b0465b98d198b83fc754bac4a8c41
+"@toeverything/theme@npm:^1.0.19, @toeverything/theme@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "@toeverything/theme@npm:1.1.1"
+  checksum: 10/a4df493ec8c43312d2b0caa5ec0fa296732042e169ffaef57e115c44f82ca13cb75679c95cf3ba12fc25c73a9dda8a6331196d145acb27445e08e0eafd7fc78a
   languageName: node
   linkType: hard