rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-11 09:51:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(bruno-app): use primary accent in OpenAPI Sync settings modal (#8161)

Browse Source 
* 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) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Sundram
2026-06-04 14:20:13 +05:30
committed by GitHub
parent dadd69b02d
commit a8b938fe4c
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/bruno-app/src/components/OpenAPISyncTab/StyledWrapper.js
View File

@@ -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};
}
}
}