improve css dark mode for combobox
This commit is contained in:
parent
84cd5daf9c
commit
7c7f9113d2
3 changed files with 10 additions and 2 deletions
|
@ -623,6 +623,16 @@
|
||||||
outline-color: $light-blue;
|
outline-color: $light-blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[data-fr-theme="dark"]
|
||||||
|
[data-reach-combobox-popover] {
|
||||||
|
border: none;
|
||||||
|
background: var(--background-action-low-blue-france);
|
||||||
|
}
|
||||||
|
[data-fr-theme="dark"]
|
||||||
|
[data-reach-combobox-option]:hover {
|
||||||
|
background: var(--background-action-low-blue-france-hover);
|
||||||
|
}
|
||||||
|
|
||||||
[data-reach-combobox-popover] {
|
[data-reach-combobox-popover] {
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
}
|
}
|
||||||
|
|
|
@ -49,7 +49,6 @@
|
||||||
|
|
||||||
.stats-legend {
|
.stats-legend {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: $dark-grey;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -56,7 +56,6 @@
|
||||||
|
|
||||||
[data-reach-combobox-token] button {
|
[data-reach-combobox-token] button {
|
||||||
border: solid 1px $border-grey;
|
border: solid 1px $border-grey;
|
||||||
color: $black;
|
|
||||||
margin: 0.25 * $default-padding;
|
margin: 0.25 * $default-padding;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
padding: 0.25 * $default-padding;
|
padding: 0.25 * $default-padding;
|
||||||
|
|
Loading…
Reference in a new issue