blob: c3024d1f7988dff83cebc18ea5e2d571cd941cd1 [file] [log] [blame]
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +01001ec-thread-list ul.thread-group {
2 background-color: var(--TWPT-primary-background)!important;
3}
4
5ec-thread-list ec-bulk-actions, ec-thread-list ec-thread-summary material-expansionpanel {
6 border-bottom-color: var(--TWPT-subtle-border)!important;
7}
8
9ec-thread-list .no-results,
10 ec-thread-list .finished-results {
11 color: var(--TWPT-secondary-text)!important;
12}
13
14ec-thread-summary material-expansionpanel.read:not(.checked) {
15 background-color: var(--TWPT-thread-read-background)!important;
16}
17
18ec-thread-summary material-expansionpanel.read .title span:not(.icon) {
19 opacity: 0.8;
20}
21
22ec-thread-summary material-expansionpanel.read .title .icon {
23 opacity: 0.48!important;
24}
25
26ec-thread-summary material-expansionpanel.checked {
27 background-color: #2c4b77!important;
28}
29
30ec-thread-summary material-expansionpanel .title {
31 color: var(--TWPT-primary-text)!important;
32}
33
Adrià Vilanova Martínez94bb90d2023-11-02 23:09:59 +010034ec-thread-summary material-expansionpanel .title .purpose-tag {
35 background-color: rgba(255, 255, 255, .06)!important;
36 color: #a8c7fa!important;
37}
38
39ec-thread-summary material-expansionpanel .title .draft-tag {
40 background-color: #0f5223!important;
41 color: #6dd58c!important;
42}
43
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +010044ec-thread-summary material-expansionpanel ec-second-summary-line,
45 material-expansionpanel .header-content,
46 material-expansionpanel ec-thread-counts > span:not(.recommended-answers),
47 material-expansionpanel .duplicate-label {
48 color: #928e89!important;
49}
50
51material-expansionpanel .removed-label {
52 color: var(--TWPT-bad-text)!important;
53}
54
55ec-thread-summary material-expansionpanel ec-safe-html.body,
56 material-expansionpanel .issue-tracking-work-state {
57 color: var(--TWPT-primary-text)!important;
58}
59
60ec-thread-list material-fab.trigger {
61 background: rgba(124, 172, 248, 0.239)!important;
62 color: var(--TWPT-interop-blue)!important;
63}
64
65.popup-wrapper:has(.actions > .action-wrapper > material-fab.themeable) {
66 background-color: unset!important;
67}
68
69.popup-wrapper .actions > .action-wrapper > material-fab.themeable {
70 background-color: var(--TWPT-button-background)!important;
71 color: var(--TWPT-interop-blue)!important;
72}
73
74// The following section changes the styles of the checkboxes in thread lists,
75// based in the styles defined in the "Checkbox input" section.
76ec-thread-summary material-expansionpanel .action material-button:not(.starred),
77 ec-thread-list material-checkbox material-icon,
78 ec-thread-summary material-expansionpanel .star-button:not(.starred),
79 ec-thread-summary material-expansionpanel .mdc-button.mdc-icon-button material-icon {
80 color: #696867!important; // Custom value to match previous behavior
81 opacity: 1!important;
82}
83
84ec-thread-summary material-expansionpanel .action material-button.starred {
85 color: var(--TWPT-starred)!important;
86}
87
88ec-thread-list material-checkbox material-icon.filled {
89 color: #62a5ff!important; // Custom value to contrast well with the background
90}
91
92// .gm-icons is added by the SMEI_GOOGLE_MATERIAL_ICONS experiment.
93ec-thread-list material-checkbox:focus:not(.disabled).gm-icons .icon,
94 .gm-icons ec-thread-list material-checkbox:focus:not(.disabled) .icon,
95 ec-thread-list material-checkbox:hover:not(.disabled).gm-icons .icon,
96 .gm-icons ec-thread-list material-checkbox:hover:not(.disabled) .icon {
97 color: #807d7c!important; // custom value
98}
99
100ec-thread-list material-checkbox:focus:not(.disabled).gm-icons .icon.filled,
101 .gm-icons ec-thread-list material-checkbox:focus:not(.disabled) .icon.filled,
102 ec-thread-list material-checkbox:hover:not(.disabled).gm-icons .icon.filled,
103 .gm-icons ec-thread-list material-checkbox:hover:not(.disabled) .icon.filled {
104 color: #92c1ff!important; // custom value
105}