|
|
@ -18,11 +18,11 @@ export const SessionHeaderSearchInput = styled.input<{ darkMode: boolean }>`
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
border-radius: '4px';
|
|
|
|
border-radius: '4px';
|
|
|
|
|
|
|
|
|
|
|
|
&::placeholder {
|
|
|
|
::placeholder {
|
|
|
|
color: var(--search-bar-text-control-color);
|
|
|
|
color: var(--search-bar-text-control-color);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
:focus {
|
|
|
|
border: solid 1px
|
|
|
|
border: solid 1px
|
|
|
|
var(${props => (props.darkMode ? '--primary-color' : '--search-bar-text-user-color')});
|
|
|
|
var(${props => (props.darkMode ? '--primary-color' : '--search-bar-text-user-color')});
|
|
|
|
color: var(--search-bar-text-user-color);
|
|
|
|
color: var(--search-bar-text-user-color);
|
|
|
|