diff --git a/webapp/assets/_new/styles/export.scss b/webapp/assets/_new/styles/export.scss
new file mode 100644
index 000000000..88b42bfc9
--- /dev/null
+++ b/webapp/assets/_new/styles/export.scss
@@ -0,0 +1,30 @@
+
+:export {
+    colorPrimary: $color-primary;
+    colorPrimaryActive: $color-primary-active;
+    colorPrimaryLight: $color-primary-light;
+  
+    borderColorSoft: $border-color-soft;
+  
+    borderRadiusBase: $border-radius-base;
+  
+    textColorBase: $text-color-base;
+    textColorSoft: $text-color-soft;
+    textColorInverse: $text-color-inverse;
+  
+    boxShadowBase: $box-shadow-base;
+  
+    backgroundColorBase: $background-color-base;
+    backgroundColorSoft: $background-color-soft;
+    backgroundColorSoftest: $background-color-softest;
+    backgroundColorPrimary: $background-color-primary;
+  
+    colorNeutral30: $color-neutral-30;
+    
+    chatMessageColor: $chat-message-color;
+    
+    chatMessageBgMe: $chat-message-bg-me;
+    chatMessageBgOthers: $chat-message-bg-others;
+  
+    chatNewMessageColor: $chat-new-message-color;
+  }
\ No newline at end of file
diff --git a/webapp/assets/_new/styles/tokens.scss b/webapp/assets/_new/styles/tokens.scss
index 372dab0c8..e001ffa84 100644
--- a/webapp/assets/_new/styles/tokens.scss
+++ b/webapp/assets/_new/styles/tokens.scss
@@ -417,33 +417,3 @@ $chat-message-color: $text-color-base;
 $chat-message-bg-others: $color-neutral-80;
 $chat-sidemenu-bg: $color-secondary-active;
 $chat-new-message-color: $color-secondary-active;
-
-:export {
-  colorPrimary: $color-primary;
-  colorPrimaryActive: $color-primary-active;
-  colorPrimaryLight: $color-primary-light;
-
-  borderColorSoft: $border-color-soft;
-
-  borderRadiusBase: $border-radius-base;
-
-  textColorBase: $text-color-base;
-  textColorSoft: $text-color-soft;
-  textColorInverse: $text-color-inverse;
-
-  boxShadowBase: $box-shadow-base;
-
-  backgroundColorBase: $background-color-base;
-  backgroundColorSoft: $background-color-soft;
-  backgroundColorSoftest: $background-color-softest;
-  backgroundColorPrimary: $background-color-primary;
-
-  colorNeutral30: $color-neutral-30;
-  
-  chatMessageColor: $chat-message-color;
-  
-  chatMessageBgMe: $chat-message-bg-me;
-  chatMessageBgOthers: $chat-message-bg-others;
-
-  chatNewMessageColor: $chat-new-message-color;
-}
\ No newline at end of file
diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js
index 66a23c191..c9b4db317 100644
--- a/webapp/nuxt.config.js
+++ b/webapp/nuxt.config.js
@@ -105,6 +105,7 @@ export default {
       styleguideStyles,
       '~assets/_new/styles/tokens.scss',
       '~assets/styles/imports/_branding.scss',
+      '~assets/_new/styles/export.scss',
     ],
   },