2022-03-16 06:35:32 +00:00
|
|
|
.root :global .selector__control {
|
|
|
|
border: 1px solid var(--border-multiselect);
|
|
|
|
background-color: var(--bg-multiselect-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.root :global .selector__multi-value {
|
|
|
|
background-color: var(--grey-51);
|
|
|
|
}
|
|
|
|
|
|
|
|
:global :root[theme='dark'] :local .root :global .selector__multi-value {
|
|
|
|
background-color: var(--grey-3);
|
|
|
|
}
|
|
|
|
|
|
|
|
:global :root[theme='highcontrast'] :local .root :global .selector__multi-value {
|
|
|
|
background-color: var(--grey-3);
|
|
|
|
}
|
|
|
|
|
|
|
|
.root :global .selector__multi-value__label {
|
|
|
|
color: var(--black-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
:global :root[theme='dark'] :local .root :global .selector__multi-value__label {
|
|
|
|
color: var(--white-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
:global :root[theme='highcontrast'] :local .root :global .selector__multi-value__label {
|
|
|
|
color: var(--white-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.root :global .selector__menu {
|
|
|
|
background-color: var(--bg-multiselect-color);
|
|
|
|
border: 1px solid var(--border-multiselect);
|
2022-07-01 01:14:22 +00:00
|
|
|
padding: 5px;
|
2022-07-17 23:02:14 +00:00
|
|
|
z-index: 10;
|
2022-03-16 06:35:32 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.root :global .selector__option {
|
|
|
|
background-color: var(--bg-multiselect-color);
|
2022-07-01 01:14:22 +00:00
|
|
|
border-radius: 5px;
|
2022-03-16 06:35:32 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.root :global .selector__option:active,
|
|
|
|
.root :global .selector__option--is-focused {
|
2022-07-01 01:14:22 +00:00
|
|
|
background-color: var(--ui-gray-3);
|
2022-03-16 06:35:32 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
:global :root[theme='dark'] :local .root :global .selector__option:active,
|
|
|
|
:global :root[theme='dark'] :local .root :global .selector__option--is-focused {
|
|
|
|
background-color: var(--blue-2);
|
2022-04-29 03:06:43 +00:00
|
|
|
color: var(--white-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.root :global .selector__option--is-selected {
|
|
|
|
color: var(--grey-7);
|
|
|
|
}
|
|
|
|
|
|
|
|
:global :root[theme='highcontrast'] :local .root :global .selector__single-value,
|
|
|
|
:global :root[theme='dark'] :local .root :global .selector__single-value {
|
|
|
|
color: var(--white-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
:global :root[theme='highcontrast'] :local .root :global .selector__input-container,
|
|
|
|
:global :root[theme='dark'] :local .root :global .selector__input-container {
|
|
|
|
color: var(--white-color);
|
2022-03-16 06:35:32 +00:00
|
|
|
}
|