mirror of
https://github.com/usebruno/bruno.git
synced 2026-06-28 15:14:06 +00:00
feat: add native select styling to global styles (#6660)
This commit is contained in:
@@ -561,6 +561,25 @@ const GlobalStyle = createGlobalStyle`
|
||||
cursor: pointer;
|
||||
color: ${(props) => props.theme.textLink} !important;
|
||||
}
|
||||
|
||||
// Native select styling
|
||||
select {
|
||||
background-color: ${(props) => props.theme.input.bg};
|
||||
color: ${(props) => props.theme.text};
|
||||
font-size: ${(props) => props.theme.font.size.base};
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
select option {
|
||||
background-color: ${(props) => props.theme.dropdown.bg};
|
||||
color: ${(props) => props.theme.dropdown.color};
|
||||
}
|
||||
|
||||
select option:hover,
|
||||
select option:focus {
|
||||
background-color: ${(props) => props.theme.dropdown.hoverBg} !important;
|
||||
color: ${(props) => props.theme.dropdown.color} !important;
|
||||
}
|
||||
`;
|
||||
|
||||
export default GlobalStyle;
|
||||
|
||||
Reference in New Issue
Block a user