From 676f8223ecc5b3afa4002c123d111114d614b7ce Mon Sep 17 00:00:00 2001
From: sanish chirayath <sanish@usebruno.com>
Date: Tue, 30 Dec 2025 20:29:43 +0530
Subject: [PATCH] fix: colors (#6564)

---
 .../ResponseExample/ResponseExampleTopBar/StyledWrapper.js    | 4 ----
 .../components/ResponseExample/ResponseExampleTopBar/index.js | 3 ++-
 packages/bruno-app/src/themes/dark/catppuccin-frappe.js       | 4 ++--
 packages/bruno-app/src/themes/dark/catppuccin-macchiato.js    | 4 ++--
 packages/bruno-app/src/themes/dark/catppuccin-mocha.js        | 4 ++--
 5 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/packages/bruno-app/src/components/ResponseExample/ResponseExampleTopBar/StyledWrapper.js b/packages/bruno-app/src/components/ResponseExample/ResponseExampleTopBar/StyledWrapper.js
index 83bab2dd5..7d8297d31 100644
--- a/packages/bruno-app/src/components/ResponseExample/ResponseExampleTopBar/StyledWrapper.js
+++ b/packages/bruno-app/src/components/ResponseExample/ResponseExampleTopBar/StyledWrapper.js
@@ -16,10 +16,6 @@ const StyledWrapper = styled.div`
     background-color: ${(props) => props.theme.examples.buttonColor};
     border: 1px solid ${(props) => props.theme.examples.buttonColor};
     color: white;
-
-    svg {
-      color: ${(props) => props.theme.text} !important;
-    }
   }
 
   .secondary-btn {
diff --git a/packages/bruno-app/src/components/ResponseExample/ResponseExampleTopBar/index.js b/packages/bruno-app/src/components/ResponseExample/ResponseExampleTopBar/index.js
index 5140ff42d..79882e7b0 100644
--- a/packages/bruno-app/src/components/ResponseExample/ResponseExampleTopBar/index.js
+++ b/packages/bruno-app/src/components/ResponseExample/ResponseExampleTopBar/index.js
@@ -142,7 +142,7 @@ const ResponseExampleTopBar = ({
                 onClick={handleSave}
                 data-testid="response-example-save-btn"
               >
-                <IconDeviceFloppy size={16} color={theme.examples.buttonText} />
+                <IconDeviceFloppy size={16} />
                 Save
               </button>
             </div>
@@ -188,6 +188,7 @@ const ResponseExampleTopBar = ({
             </button>
             <button
               className="secondary-btn flex items-center gap-1.5 px-4 py-2 rounded-md text-xs font-medium cursor-pointer border whitespace-nowrap"
+              style={{ color: theme.examples.buttonText }}
               onClick={onEditToggle}
               data-testid="response-example-edit-btn"
             >
diff --git a/packages/bruno-app/src/themes/dark/catppuccin-frappe.js b/packages/bruno-app/src/themes/dark/catppuccin-frappe.js
index b6ae0e1a8..63f866bf8 100644
--- a/packages/bruno-app/src/themes/dark/catppuccin-frappe.js
+++ b/packages/bruno-app/src/themes/dark/catppuccin-frappe.js
@@ -561,8 +561,8 @@ const catppuccinFrappeTheme = {
   examples: {
     buttonBg: 'rgba(202, 158, 230, 0.1)',
     buttonColor: colors.MAUVE,
-    buttonText: colors.CRUST,
-    buttonIconColor: colors.CRUST,
+    buttonText: colors.TEXT,
+    buttonIconColor: colors.TEXT,
     border: colors.SURFACE1,
     urlBar: {
       border: colors.SURFACE0,
diff --git a/packages/bruno-app/src/themes/dark/catppuccin-macchiato.js b/packages/bruno-app/src/themes/dark/catppuccin-macchiato.js
index 232778a97..d64798fd6 100644
--- a/packages/bruno-app/src/themes/dark/catppuccin-macchiato.js
+++ b/packages/bruno-app/src/themes/dark/catppuccin-macchiato.js
@@ -561,8 +561,8 @@ const catppuccinMacchiatoTheme = {
   examples: {
     buttonBg: 'rgba(198, 160, 246, 0.1)',
     buttonColor: colors.MAUVE,
-    buttonText: colors.CRUST,
-    buttonIconColor: colors.CRUST,
+    buttonText: colors.TEXT,
+    buttonIconColor: colors.TEXT,
     border: colors.SURFACE1,
     urlBar: {
       border: colors.SURFACE0,
diff --git a/packages/bruno-app/src/themes/dark/catppuccin-mocha.js b/packages/bruno-app/src/themes/dark/catppuccin-mocha.js
index 3cd4843e9..8060ea5cb 100644
--- a/packages/bruno-app/src/themes/dark/catppuccin-mocha.js
+++ b/packages/bruno-app/src/themes/dark/catppuccin-mocha.js
@@ -561,8 +561,8 @@ const catppuccinMochaTheme = {
   examples: {
     buttonBg: 'rgba(203, 166, 247, 0.1)',
     buttonColor: colors.MAUVE,
-    buttonText: colors.CRUST,
-    buttonIconColor: colors.CRUST,
+    buttonText: colors.TEXT,
+    buttonIconColor: colors.TEXT,
     border: colors.SURFACE1,
     urlBar: {
       border: colors.SURFACE0,