blob: 17bd3027a8a761fe93ece6f1431457513f4a9a1f [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
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +010070ec-question .state-chips material-chip {
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +010071 background-color: var(--TWPT-button-background)!important;
72 border: none!important;
73 box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
74 0 1px 1px 0 rgba(0, 0, 0, 0.14),
75 0 1px 3px 0 rgba(0, 0, 0, 0.12)!important;
76}
77
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +010078ec-question .state-chips material-chip .content {
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +010079 color: var(--TWPT-primary-text)!important;
80}
81
82ec-question .footer,
83 ec-ask-flow .content-disclaimer {
84 color: var(--TWPT-primary-text)!important;
85 background-color: var(--TWPT-active-background)!important;
86 border-top-color: var(--TWPT-card-border)!important;
87}
88
89.heading {
90 color: var(--TWPT-primary-text)!important;
91}
92
93.heading + .group,
94 .load-more-bar,
95 ec-message:not(:first-child),
96 .load-more-bar .load-more-button,
97 .load-more-bar .load-all-button {
98 border-color: var(--TWPT-card-border)!important;
99}
100
101ec-message .type {
102 color: var(--TWPT-primary-text)!important;
103}
104
105ec-message .footer ec-relative-time,
106 ec-message .footer ec-safe-html {
107 color: var(--TWPT-secondary-text)!important;
108}
109
110ec-message .helpful-prompt {
111 color: var(--TWPT-primary-text)!important;
112}
113
114ec-question .me-too-button,
115 ec-question .subscribe-button,
116 ec-message .upvote-button,
117 ec-message .downvote-button {
118 color: var(--TWPT-secondary-text)!important;
119 background-color: var(--TWPT-button-background)!important;
120}
121
122ec-message .alert {
123 color: var(--TWPT-secondary-text)!important;
124}
125
126ec-question .me-too-button.selected,
127 ec-question .subscribe-button.selected,
128 ec-message .upvote-button.selected,
129 ec-message .downvote-button.selected {
130 color: #4285f4!important;
131}
132
133.load-more-bar .load-more-button, .load-more-bar .load-all-button {
134 background-color: var(--TWPT-secondary-background)!important;
135}
136
137.locked-alert {
138 background-color: var(--TWPT-active-background)!important;
139 border: var(--TWPT-card-border)!important;
140}
141
142.locked-alert material-icon {
143 color: rgba(255, 255, 255, .38)!important;
144}
145
146ec-thread button.reply.collapsed {
147 color: var(--TWPT-secondary-text)!important;
148}
149
150ec-thread .finished-question {
151 background-color: var(--TWPT-active-background)!important;
152 border: var(--TWPT-card-border)!important;
153}
154
155ec-thread .finished-question .next-question {
156 color: var(--TWPT-link)!important;
157 border-color: var(--TWPT-link)!important;
158}
159
160.material-content .action-bar material-button.has-activity {
161 color: var(--TWPT-blue-A100)!important;
162}
163
164.material-content .action-bar material-button.showing-sidebar {
165 background-color: var(--TWPT-active-background)!important;
166}
167
168// Recommended answers - show in green where we've overwritten the colors
169.recommended-answers {
170 color: #34a853!important;
171}
172
173// Suggested answers - show brighter blue
174.suggested-icon {
175 color: var(--TWPT-blue-A100)!important;
176}
177
178// Help button (shown in the suggested answers header)
179.explanation-icon material-icon {
180 color: var(--TWPT-subtle-button-background)!important;
181}
182
183// Help button tooltip
184.popup .paper-container {
185 background: var(--TWPT-drawer-background)!important;
186}
187
188.explanation-icon material-icon:hover {
189 color: var(--TWPT-blue-A100)!important;
190}