diff --git a/frontend/renderer/plugins/vuetify.ts b/frontend/renderer/plugins/vuetify.ts
index 671d21539..2ac8bf5ce 100644
--- a/frontend/renderer/plugins/vuetify.ts
+++ b/frontend/renderer/plugins/vuetify.ts
@@ -13,7 +13,7 @@ const lightTheme: ThemeDefinition = {
   colors: {
     background: tokens.backgroundColorBase,
     surface: tokens.backgroundColorSoft,
-    primary: tokens.primaryColor,
+    primary: tokens.colorPrimary,
     secondary: tokens.colorSecondary,
     success: tokens.colorSuccess,
     info: tokens.colorInfo,
diff --git a/frontend/src/assets/sass/tokens.module.scss b/frontend/src/assets/sass/tokens.module.scss
index a069397e0..3454ab690 100644
--- a/frontend/src/assets/sass/tokens.module.scss
+++ b/frontend/src/assets/sass/tokens.module.scss
@@ -436,7 +436,7 @@ $chat-room-color-counter-badge: $text-color-inverse;
 $chat-room-background-counter-badge: $color-secondary;
 
 :export {
-  primaryColor: $color-primary;
+  colorPrimary: $color-primary;
   colorSecondary: $color-secondary;
   colorPrimaryActive: $color-primary-active;
   colorPrimaryLight: $color-primary-light;