diff --git a/packages/bruno-app/src/globalStyles.js b/packages/bruno-app/src/globalStyles.js
index cee5d8ef4..57bf22345 100644
--- a/packages/bruno-app/src/globalStyles.js
+++ b/packages/bruno-app/src/globalStyles.js
@@ -474,7 +474,7 @@ const GlobalStyle = createGlobalStyle`
   }
 
   .CodeMirror-brunoVarInfo .copy-success {
-    color: ${(props) => props.theme.accents.GREEN} !important;
+    color: ${(props) => props.theme.colors.text.green} !important;
   }
 
   /* Read-only Note */
@@ -487,7 +487,7 @@ const GlobalStyle = createGlobalStyle`
 
   .CodeMirror-brunoVarInfo .var-warning-note {
     font-size: 0.75rem;
-    color: ${(props) => props.theme.accents.RED};
+    color: ${(props) => props.theme.colors.text.danger};
     margin-top: 0.375rem;
     line-height: 1.25rem;
   }
diff --git a/packages/bruno-app/src/themes/DesignSystem/Theme.stories.jsx b/packages/bruno-app/src/themes/DesignSystem/Theme.stories.jsx
index e56aab155..1b82f8e5e 100644
--- a/packages/bruno-app/src/themes/DesignSystem/Theme.stories.jsx
+++ b/packages/bruno-app/src/themes/DesignSystem/Theme.stories.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { useTheme } from 'styled-components';
 import { palette as darkPalette } from '../dark/dark';
 import { palette as lightPalette } from '../light/light';
-import { ColorSwatch, ColorSection } from '../PaletteViewer/components';
+import { ColorSection } from '../PaletteViewer/components';
 
 export default {
   title: 'Design System/Theme',