fix(UX): fix sandbox selector options background color (#6626)

This commit is contained in:
Bijin A B
2026-01-02 16:49:12 +05:30
committed by GitHub
parent 849465d62a
commit 7105e4e8ed
2 changed files with 11 additions and 11 deletions

View File

@@ -12,21 +12,21 @@ const StyledWrapper = styled.div`
cursor: pointer; cursor: pointer;
transition: all 0.15s ease; transition: all 0.15s ease;
&.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};
}
&:hover { &:hover {
opacity: 0.8; 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 { .sandbox-dropdown {
min-width: 260px; min-width: 260px;
max-width: 380px; max-width: 380px;

View File

@@ -14,7 +14,7 @@ const colors = {
TEXT: '#d4d4d4', TEXT: '#d4d4d4',
TEXT_MUTED: '#808080', TEXT_MUTED: '#808080',
TEXT_LINK: '#3794ff', TEXT_LINK: '#3794ff',
BRAND_TEXT: '#47a9eb', BRAND_TEXT: '#4dabfc', // VS Code blue
// Brand - VS Code blue // Brand - VS Code blue
BRAND: '#007acc', BRAND: '#007acc',