blob: 74efcd6a6211a91de4d2606017c26471f51e4f90 [file] [log] [blame]
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +01001ec-question, .heading + .group, ec-message {
2 background-color: var(--TWPT-secondary-background)!important;
3}
4
5ec-thread .no-review-needed {
6 background-color: #155829!important;
7 border-color: var(--TWPT-subtle-border)!important;
8}
9
10// "Original thread" box inside escalations
11sc-tailwind-thread-question-thread-summary .scTailwindThreadQuestionThreadsummarythread-summary {
12 background: var(--TWPT-active-background)!important;
13 border-color: var(--TWPT-card-border)!important;
14}
15
16sc-tailwind-thread-question-thread-summary .scTailwindThreadQuestionThreadsummarydetails {
17 color: var(--TWPT-secondary-text)!important;
18}
19
20sc-tailwind-thread-question-thread-summary .scTailwindThreadQuestionThreadsummarytitle {
21 color: var(--TWPT-primary-text)!important;
22}
23
24ec-message-header .header, ec-question .state, ec-question ec-thread-counts > span, ec-message ec-thread-counts > span {
25 color: var(--TWPT-secondary-text)!important;
26}
27
28ec-question .alert, ec-message .alert {
29 background-color: var(--TWPT-active-background)!important;
30}
31
32ec-question .alert material-icon, ec-message .alert material-icon {
33 color: var(--TWPT-primary-text)!important;
34}
35
36ec-question .alert ec-icon, ec-message .alert ec-icon {
37 color: var(--TWPT-primary-text)!important;
38 fill: var(--TWPT-primary-text)!important;
39}
40
41ec-question .alert material-button {
42 color: var(--TWPT-link)!important;
43}
44
45ec-question .title {
46 color: var(--TWPT-primary-text-alt)!important;
47}
48
49ec-user-link .name-text {
50 color: var(--TWPT-link)!important;
51}
52
53ec-message-header ec-avatar svg, ec-message-header .role,
54 ec-message .footer .role {
55 filter: brightness(1.5);
56}
57
58ec-question .body, ec-message .body {
59 color: var(--TWPT-primary-text)!important;
60}
61
62ec-question .thread-insert {
63 background: none!important;
64}
65
66ec-question .details-heading {
67 color: var(--TWPT-primary-text-alt) !important;
68}
69
70ec-question .state-chips material-chip,
71 .TWPT-extrainfo-chip {
72 background-color: var(--TWPT-button-background)!important;
73 border: none!important;
74 box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
75 0 1px 1px 0 rgba(0, 0, 0, 0.14),
76 0 1px 3px 0 rgba(0, 0, 0, 0.12)!important;
77}
78
79ec-question .state-chips material-chip .content,
80 .TWPT-extrainfo-chip .TWPT-content {
81 color: var(--TWPT-primary-text)!important;
82}
83
84ec-question .footer,
85 ec-ask-flow .content-disclaimer {
86 color: var(--TWPT-primary-text)!important;
87 background-color: var(--TWPT-active-background)!important;
88 border-top-color: var(--TWPT-card-border)!important;
89}
90
91.heading {
92 color: var(--TWPT-primary-text)!important;
93}
94
95.heading + .group,
96 .load-more-bar,
97 ec-message:not(:first-child),
98 .load-more-bar .load-more-button,
99 .load-more-bar .load-all-button {
100 border-color: var(--TWPT-card-border)!important;
101}
102
103ec-message .type {
104 color: var(--TWPT-primary-text)!important;
105}
106
107ec-message .footer ec-relative-time,
108 ec-message .footer ec-safe-html {
109 color: var(--TWPT-secondary-text)!important;
110}
111
112ec-message .helpful-prompt {
113 color: var(--TWPT-primary-text)!important;
114}
115
116ec-question .me-too-button,
117 ec-question .subscribe-button,
118 ec-message .upvote-button,
119 ec-message .downvote-button {
120 color: var(--TWPT-secondary-text)!important;
121 background-color: var(--TWPT-button-background)!important;
122}
123
124ec-message .alert {
125 color: var(--TWPT-secondary-text)!important;
126}
127
128ec-question .me-too-button.selected,
129 ec-question .subscribe-button.selected,
130 ec-message .upvote-button.selected,
131 ec-message .downvote-button.selected {
132 color: #4285f4!important;
133}
134
135.load-more-bar .load-more-button, .load-more-bar .load-all-button {
136 background-color: var(--TWPT-secondary-background)!important;
137}
138
139.locked-alert {
140 background-color: var(--TWPT-active-background)!important;
141 border: var(--TWPT-card-border)!important;
142}
143
144.locked-alert material-icon {
145 color: rgba(255, 255, 255, .38)!important;
146}
147
148ec-thread button.reply.collapsed {
149 color: var(--TWPT-secondary-text)!important;
150}
151
152ec-thread .finished-question {
153 background-color: var(--TWPT-active-background)!important;
154 border: var(--TWPT-card-border)!important;
155}
156
157ec-thread .finished-question .next-question {
158 color: var(--TWPT-link)!important;
159 border-color: var(--TWPT-link)!important;
160}
161
162.material-content .action-bar material-button.has-activity {
163 color: var(--TWPT-blue-A100)!important;
164}
165
166.material-content .action-bar material-button.showing-sidebar {
167 background-color: var(--TWPT-active-background)!important;
168}
169
170// Recommended answers - show in green where we've overwritten the colors
171.recommended-answers {
172 color: #34a853!important;
173}
174
175// Suggested answers - show brighter blue
176.suggested-icon {
177 color: var(--TWPT-blue-A100)!important;
178}
179
180// Help button (shown in the suggested answers header)
181.explanation-icon material-icon {
182 color: var(--TWPT-subtle-button-background)!important;
183}
184
185// Help button tooltip
186.popup .paper-container {
187 background: var(--TWPT-drawer-background)!important;
188}
189
190.explanation-icon material-icon:hover {
191 color: var(--TWPT-blue-A100)!important;
192}