From a8b938fe4cb6c7207c5317ee40b57a803df0c227 Mon Sep 17 00:00:00 2001 From: Sundram Date: Thu, 4 Jun 2026 14:20:13 +0530 Subject: [PATCH] fix(bruno-app): use primary accent in OpenAPI Sync settings modal (#8161) * fix(bruno-app): use primary accent in OpenAPI Sync settings modal Active state for the Auto-check for updates toggle and the URL/File mode buttons in the Connection Settings modal now use the same primary theme accent as the Save button and the active Check interval pill, matching visual consistency across themes. Refs: BRU-3409 * fix(bruno-app): refine OpenAPI Sync settings modal accents Keep the auto-check toggle on the primary accent, but restore the URL/File source buttons to their neutral active style and make the check-interval pills use an inline yellow style (accent border + tint + accent text) instead of a solid primary fill, matching the Appearance theme toggle. Co-Authored-By: Claude Opus 4.8 (1M context) --------- Co-authored-by: Claude Opus 4.8 (1M context) --- .../src/components/OpenAPISyncTab/StyledWrapper.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/bruno-app/src/components/OpenAPISyncTab/StyledWrapper.js b/packages/bruno-app/src/components/OpenAPISyncTab/StyledWrapper.js index d21e67e27..215d08da7 100644 --- a/packages/bruno-app/src/components/OpenAPISyncTab/StyledWrapper.js +++ b/packages/bruno-app/src/components/OpenAPISyncTab/StyledWrapper.js @@ -687,7 +687,7 @@ const StyledWrapper = styled.div` background: ${(props) => props.theme.colors.text.muted}; &.active { - background: ${(props) => props.theme.colors.text.green}; + background: ${(props) => props.theme.button2.color.primary.bg}; } .toggle-knob { @@ -724,9 +724,9 @@ const StyledWrapper = styled.div` transition: all 0.15s; &.active { - border-color: ${(props) => props.theme.button2.color.primary.border}; - background: ${(props) => props.theme.button2.color.primary.bg}; - color: ${(props) => props.theme.button2.color.primary.text}; + border-color: ${(props) => props.theme.accents.primary}; + background: ${(props) => rgba(props.theme.accents.primary, 0.07)}; + color: ${(props) => props.theme.accents.primary}; } } }