rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-07-08 06:28:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: enhance theme dropdown and security settings with improved styles and active indicators (#6582)

Browse Source
This commit is contained in:
Abhishek S Lal
2025-12-31 14:29:52 +05:30
committed by GitHub
parent 2827a6f133
commit 746a49faed
4 changed files with 29 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/bruno-app/src/components/SecuritySettings/JsSandboxMode/StyledWrapper.js
View File

@@ -13,16 +13,18 @@ const StyledWrapper = styled.div`
transition: all 0.15s ease;
&:hover {
background-color: ${(props) => props.theme.background.surface0};
opacity: 0.8;
}
}
.safe-mode {
color: ${(props) => props.theme.app.collection.toolbar.sandboxMode.safeMode.color};
background-color: ${(props) => props.theme.app.collection.toolbar.sandboxMode.safeMode.bg};
}
.developer-mode {
color: ${(props) => props.theme.app.collection.toolbar.sandboxMode.developerMode.color};
background-color: ${(props) => props.theme.app.collection.toolbar.sandboxMode.developerMode.bg};
}
.sandbox-dropdown {
@@ -94,7 +96,7 @@ const StyledWrapper = styled.div`
.recommended-badge {
padding: 0.125rem 0.5rem;
font-size: 0.75rem;
font-size: ${(props) => props.theme.font.size.xs};
background-color: ${(props) => rgba(props.theme.colors.text.green, 0.1)};
color: ${(props) => props.theme.colors.text.green};
border-radius: ${(props) => props.theme.border.radius.sm};