blob: 96650ac2dd9c880dc84d4dff0af58710ffc7a1b4 [file] [log] [blame]
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +01001// This applies not only to the selector but also to the ec-work-state-picker.
2material-list, .popup .item-group-list {
3 background-color: var(--TWPT-drawer-background)!important;
4}
5
6material-list [group]:not(.empty) + *:not(script):not(template):not(.empty),
7 .popup .item-group-list [group]:not(.empty) + *:not(script):not(template):not(.empty) {
8 box-shadow: inset 0 8px 0 0 var(--TWPT-drawer-background)!important;
9 border-top-color: #1f1f1f!important;
10}
11
12material-list material-select-item:hover,
13 material-list material-select-item:focus,
14 material-list material-select-dropdown-item:hover,
15 material-list material-select-dropdown-item:focus,
16 material-list material-select-dropdown-item.active,
17 material-list material-select-dropdown-item:not(.multiselect).selected,
18 material-select-searchbox:focus-within + material-list .single-select-item:first-of-type,
19 .popup .item-group-list material-select-item:hover,
20 .popup .item-group-list material-select-item:focus,
21 .popup .item-group-list material-select-item.active,
22 .popup .item-group-list material-select-dropdown-item:hover,
23 .popup .item-group-list material-select-dropdown-item:focus,
24 .popup .item-group-list material-select-dropdown-item.active,
25 .popup .item-group-list material-select-dropdown-item:not(.multiselect).selected {
26 background-color: var(--TWPT-highlighted-item-background)!important;
27}
28
29material-list .single-select-item,
30 material-list .menu-item-label,
31 material-list .label,
32 material-list .text-segment,
33 menu-item-groups .single-select-item,
34 menu-item-groups .menu-item-label,
35 menu-item-groups .label,
36 menu-item-groups .text-segment {
Adrià Vilanova Martínezf14773e2024-03-15 22:38:12 +010037 color: var(--TWPT-icon-color)!important;
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +010038}
39
40.popup .item-group-list material-icon {
41 color: rgba(255, 255, 255, .7)!important;
42}
43
44material-list [group] > [label] {
45 color: #8a8a8a!important;
46}
47
48// This is shown in the new thread view
49ec-forum-language-picker .labeled-select .select-label {
50 color: var(--TWPT-secondary-text)!important;
51}