style(next): tweak the group header for combo box items

This commit is contained in:
Adorian Doran 2025-01-14 22:39:30 +02:00
parent 40b95325dd
commit cb65591004
3 changed files with 10 additions and 0 deletions

View File

@ -50,6 +50,7 @@
--select-focus-text-color: var(--input-text-color);
--select-dropdown-text-color: var(--input-text-color);
--select-arrow-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
--select-group-heading-text-color: gray;
--hover-item-text-color: #efefef;
--hover-item-background-color: #ffffff24;

View File

@ -50,6 +50,7 @@
--select-focus-text-color: var(--input-text-color);
--select-dropdown-text-color: var(--input-text-color);
--select-arrow-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
--select-group-heading-text-color: gray;
--hover-item-text-color: black;
--hover-item-background-color: #0000001a;

View File

@ -152,4 +152,12 @@ select:focus, select.form-select:focus {
option {
color: var(--select-dropdown-text-color);
}
optgroup {
color: var(--select-group-heading-text-color);
font-size: .75em;
font-weight: normal;
font-style: normal;
line-height: 40px;
}