blob: 0a755145c9f354428938842778e51639150d5dfa [file] [log] [blame]
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +01001/*
2 * IMPORTANT NOTICE:
3 * Note: the following styles have been written by Googlers and thus are not
4 * included as part of the MIT license.
5 **/
6
7.scTailwindThreadEditquestiondialogroot.scTailwindThreadEditquestiondialogscrollable {
8 -webkit-box-shadow: inset 0 -11px 5px -11px #000;
9 box-shadow: inset 0 -11px 5px -11px #000;
10}
11
12.scTailwindThreadEditquestiondialogerror {
13 color: #ec928e;
14}
15
16.scTailwindThreadGetlinkdialoglink-container {
17 border-bottom: 2px solid #a8c7fa;
18}
19
20.scTailwindThreadMessageHelpfulnessbuttonslabel {
21 color: #e3e3e3;
22}
23
24.scTailwindThreadMessageMessagecardsub-content {
25 background: #3c4043;
26 border-top: 1px solid var(--TWPT-interop-subtle-border);
27}
28
29.scTailwindThreadMessageMessagecardnested-reply:not(:first-child) {
30 border-top: 1px solid var(--TWPT-interop-subtle-border);
31}
32
33.scTailwindThreadMessageMessagecardtargeted {
34 border-left: .125rem solid var(--TWPT-interop-blue);
35}
36
37.scTailwindThreadMessageMessagecardcallouthelp-icon {
38 color: #c4c7c5;
39}
40
41.scTailwindThreadMessageMessagecardcalloutroot.scTailwindThreadMessageMessagecardcalloutrecommended {
42 background: #0f5223;
43 border-color: #6dd58c;
44}
45
46.scTailwindThreadMessageMessagecardcalloutroot.scTailwindThreadMessageMessagecardcalloutrelevant {
47 background: #394457;
48 border-color: var(--TWPT-interop-blue);
49}
50
51.scTailwindThreadMessageMessagetagrecommended.scTailwindThreadMessageMessagetagnormal {
52 color: #6dd58c;
53}
54
55.scTailwindThreadMessageMessagetagrecommended.scTailwindThreadMessageMessagetagstrong {
56 color: #6dd58c;
57}
58
59.scTailwindThreadMessageMessagetagrelevant.scTailwindThreadMessageMessagetagnormal {
60 color: var(--TWPT-interop-blue);
61}
62
63.scTailwindThreadMessageMessagetagrelevant.scTailwindThreadMessageMessagetagstrong {
64 color: var(--TWPT-interop-blue);
65}
66
67.scTailwindThreadMessageMessageinteractionsinteraction {
68 color: var(--TWPT-interop-secondary-text);
69}
70
71p.scTailwindThreadMessageMessagetombstoneroot {
72 color: var(--TWPT-interop-secondary-text);
73}
74
75p.scTailwindThreadMessageMessagetombstoneroot .scTailwindThreadMessageMessagetombstoneclickable {
76 color: var(--TWPT-interop-secondary-text);
77}
78
79.scTailwindThreadPostcontentroot {
80 color: #e3e3e3;
81}
82
83.scTailwindThreadPostcontentroot a {
84 color: var(--TWPT-interop-blue);
85}
86
87.scTailwindThreadPostcontentedited {
88 color: var(--TWPT-interop-secondary-text);
89}
90
91.scTailwindThreadPost_headerOverflowmenuicon {
92 color: var(--TWPT-interop-secondary-text);
93}
94
95.scTailwindThreadPost_headerPostdateroot {
96 color: var(--TWPT-interop-secondary-text);
97}
98
99.scTailwindThreadPostheaderunread {
100 color: #ec928e;
101}
102
103a .scTailwindThreadPost_headerUserinfoname {
104 color: var(--TWPT-interop-blue);
105}
106
107.scTailwindThreadPost_headerUserinfotag {
108 color: var(--color, #e3e3e3);
109}
110
111.scTailwindThreadPost_headerUserinfoheadline {
112 color: var(--TWPT-interop-secondary-text);
113}
114
115.scTailwindThreadReplyeditorroot {
116 background: #2a2b2f;
117 border-color: var(--TWPT-interop-subtle-border);
118}
119
120.scTailwindThreadReplyeditortop-row {
121 border-bottom-color: 1px solid rgba(255, 255, 255, 0.239);
122}
123
124.scTailwindThreadReplyeditorfooter {
125 background: #36373a;
126 border-top-color: rgba(255, 255, 255, 0.239);
127}
128
129.scTailwindThreadReplyeditorfooter a {
130 color: var(--TWPT-interop-blue);
131}
132
133.scTailwindThreadReplyeditorroot .scTailwindThreadReplyeditorerror {
134 color: #ec928e;
135}
136
137.scTailwindThreadReplydialogroot {
138 background: #2a2b2f;
139}
140
141.scTailwindThreadReplydialogheader {
142 background: var(--TWPT-interop-blue);
143}
144
145.scTailwindThreadReplydialogheader h1.scTailwindThreadReplydialogheading {
146 color: #1f1f1f;
147}
148
149.scTailwindThreadReplydialogheading-button {
150 color: #1f1f1f;
151}
152
153.scTailwindThreadReplydialogtop-row {
154 border-bottom: 1px solid var(--TWPT-interop-subtle-border);
155}
156
157.scTailwindThreadReplydialogfooter {
158 background: #36373a;
159}
160
161.scTailwindThreadReplydialogfooter a {
162 color: var(--TWPT-interop-blue);
163}
164
165.scTailwindThreadReplydialogminimized .scTailwindThreadReplydialogheader {
166 background: #e3e3e3;
167 color: #1f1f1f;
168}
169
170.scTailwindThreadReplydialogroot .scTailwindThreadReplydialogerror {
171 color: #ec928e;
172}
173
174@media (min-width:48.125rem) {
175 .scTailwindThreadReplydialogroot {
176 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
177 }
178}
179
180.scTailwindThreadMessageMessagelisthelp-icon {
181 color: var(--TWPT-interop-secondary-text);
182}
183
184.scTailwindThreadMessageMessagelistrecommended-icon {
185 color: #c4eed0;
186}
187
188.scTailwindThreadMessageMessagelistrelevant-icon {
189 color: var(--TWPT-interop-blue);
190}
191
192.scTailwindThreadMorebuttondivider {
193 background: var(--TWPT-interop-subtle-border);
194}
195
196.scTailwindThreadMorebuttonbutton {
197 background: #1f1f1f;
198 border: 1px solid var(--TWPT-interop-subtle-border);
199 color: var(--TWPT-interop-secondary-text);
200}
201
202.scTailwindThreadMessagegapdivider {
203 background: var(--TWPT-interop-subtle-border);
204}
205
206.scTailwindThreadMessagegapbutton {
207 background: #1f1f1f;
208 border: 1px solid var(--TWPT-interop-subtle-border);
209 color: var(--TWPT-interop-secondary-text);
210}
211
212.scTailwindThreadPesignupdialogclose-button-row button {
213 color: #fff;
214}
215
216.scTailwindThreadPesignupdialogdialog-body p {
217 color: #e3e3e3;
218}
219
220.scTailwindThreadPesignupdialogpe-dialog-container {
221 background-color: #1f1f1f;
222 -webkit-box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
223 box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
224}
225
226.scTailwindThreadPostconfirmationdialogclose-button-row button {
227 color: #e3e3e3;
228}
229
230.scTailwindThreadPostconfirmationdialogdialog-body p {
231 color: #e3e3e3;
232}
233
234.scTailwindThreadPostconfirmationdialogdialog-container {
235 background-color: #1f1f1f;
236 -webkit-box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
237 box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
238}
239
240.scTailwindThreadQuestionQuestioncardsub-content {
241 background: #3c4043;
242 border-top: 1px solid var(--TWPT-interop-subtle-border);
243}
244
245.scTailwindThreadQuestionQuestioncardtitle {
246 color: #e3e3e3;
247}
248
249.scTailwindThreadQuestionQuestioncardbody {
250 color: #e3e3e3;
251}
252
253.scTailwindThreadQuestionQuestioncardbody a {
254 color: var(--TWPT-interop-blue);
255}
256
257.scTailwindThreadQuestionQuestioncarddisclaimer,
258.scTailwindThreadQuestionQuestioncardedited {
259 color: var(--TWPT-interop-secondary-text);
260}
261
262.scTailwindThreadQuestionQuestioncarddisclaimer a,
263.scTailwindThreadQuestionQuestioncardedited a {
264 color: var(--TWPT-interop-blue);
265}
266
267.scTailwindThreadQuestionQuestiondetailsdetail-link {
268 color: var(--TWPT-interop-blue);
269}
270
271.scTailwindThreadQuestionQuestionpurposetag {
272 background: #394457;
273 color: var(--TWPT-interop-blue);
274}
275
276.scTailwindThreadQuestionStatechipschip {
277 border: 1px solid var(--TWPT-interop-subtle-border);
278 color: var(--TWPT-interop-secondary-text);
279}
280
281.scTailwindThreadQuestionUgcvideodetailsyoutube-label {
282 color: #c4c7c5!important;
283}
284
285.scTailwindThreadThreaddeleted-icon {
286 color: var(--TWPT-interop-secondary-text);
287}