blob: ea94e0eea2dc8beb71da27983a3aa198f9b6b0f8 [file] [log] [blame]
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +01001// Review bar shown above the main message or replies
2ec-review-bar {
3 background-color: var(--TWPT-active-background)!important;
4}
5
6ec-review-bar material-chip {
7 background-color: var(--TWPT-button-background)!important;
8}
9
10ec-review-bar material-chip:not(.relevant-active):not(.active) {
11 border-color: var(--TWPT-card-border)!important;
12}
13
14ec-review-bar material-chip:not(.relevant-active):not(.active) material-icon {
15 color: var(--TWPT-primary-text)!important;
16 fill: var(--TWPT-primary-text)!important;
17}
18
19ec-review-bar material-chip:not(.relevant-active):not(.active) .content {
20 color: var(--TWPT-primary-text)!important;
21}
22
23ec-review-bar material-chip.relevant-active {
24 border-color: var(--TWPT-good-text)!important;
25}
26
27ec-review-bar material-chip.relevant-active material-icon {
28 color: var(--TWPT-good-text)!important;
29 fill: var(--TWPT-good-text)!important;
30}
31
32ec-review-bar material-chip.relevant-active .content {
33 color: var(--TWPT-good-text)!important;
34}
35
36ec-review-bar material-chip.active {
37 border-color: var(--TWPT-bad-text)!important;
38}
39
40ec-review-bar material-chip.active material-icon {
41 color: var(--TWPT-bad-text)!important;
42 fill: var(--TWPT-bad-text)!important;
43}
44
45ec-review-bar material-chip.active .content {
46 color: var(--TWPT-bad-text)!important;
47}