blob: 9bf1351d4734d1a7ff0912296ac66bdc36d32079 [file] [log] [blame]
avm999630bc113a2020-09-07 13:02:11 +02001:root {
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01002 color-scheme: dark;
3
avm999630bc113a2020-09-07 13:02:11 +02004 --TWPT-primary-text: #e8eaed;
5 --TWPT-primary-text-alt: var(--TWPT-primary-text);
6 --TWPT-secondary-text: #9aa0a6;
7 --TWPT-primary-background: #202124;
8 --TWPT-secondary-background: #28292c;
9 --TWPT-active-background: #3c4043;
10 --TWPT-card-border: #5f6368;
11 --TWPT-subtle-border: #383735;
12 --TWPT-link: #8ab4f8;
avm99963744d0cf2021-03-23 22:05:57 +010013 --TWPT-highlighted-item-background: rgba(255, 255, 255, .08);
14 --TWPT-thread-read-background: var(--TWPT-highlighted-item-background);
avm999630bc113a2020-09-07 13:02:11 +020015 --TWPT-drawer-background: #2d2e30;
avm99963a51c7612020-11-25 23:58:56 +010016 --TWPT-button-background: #3c3e42;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +020017 --TWPT-subtle-button-background: rgba(255, 255, 255, .54);
avm99963223416c2021-04-21 22:13:14 +020018 --TWPT-input-underline: rgba(255, 255, 255, .28);
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +020019 --TWPT-blue-100: #BBDEFB;
avm99963fb7107c2021-04-14 19:39:05 +020020 --TWPT-blue-A100: #82B1FF;
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +020021 --TWPT-bad-text: #f6aea9;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +010022 --TWPT-bad-text-lightbg: #ffc4c0;
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +020023 --TWPT-good-text: #34a853;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +010024 --TWPT-good-text-lightbg: #3cc160;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +020025 --TWPT-interop-primary-text: var(--TWPT-primary-text);
26 --TWPT-interop-secondary-text: #c4c7c5;
27 --TWPT-interop-subtle-border: #474747;
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +010028 --TWPT-interop-success: #37be5f;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +020029 --TWPT-interop-blue: #7cacf8;
avm999630bc113a2020-09-07 13:02:11 +020030}
31
32body {
33 color: var(--TWPT-primary-text);
34 background-color: var(--TWPT-primary-background)!important;
35}
36
37p {
38 color: var(--TWPT-primary-text);
39}
40
Adrià Vilanova Martínezb06c13d2022-06-20 17:30:14 +000041body.ec a {
avm999630bc113a2020-09-07 13:02:11 +020042 color: var(--TWPT-link);
43}
44
45/* Header */
46.material-content > header {
47 background-color: var(--TWPT-primary-background)!important;
48}
49
avm9996315b23d72021-04-26 18:07:15 +020050.material-content > header .app-title-button,
51 .material-content > header .app-title-text {
52 color: var(--TWPT-secondary-text)!important;
avm99963ea9b23f2021-04-22 14:06:03 +020053}
54
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +020055.material-content > header :is(material-button,
56 material-button material-icon,
57 .mdc-button.mdc-icon-button,
58 notification-bell material-icon) {
avm999630bc113a2020-09-07 13:02:11 +020059 color: rgba(255, 255, 255, .87)!important;
60}
61
62.search-box {
63 background-color: #313235!important;
64}
65
66.search-box .clear-icon {
67 opacity: 0.8;
68 color: rgba(255, 255, 255, .87)!important;
69}
70
71.material-content > header .bell.mixin {
72 fill: rgba(255, 255, 255, .87)!important;
73}
74
Adrià Vilanova Martínez47d33bc2021-08-14 18:50:50 +020075/* Notification bell */
76notification-bell:focus {
77 background-color: rgba(255, 255, 255, .10)!important;
78}
79
avm999630bc113a2020-09-07 13:02:11 +020080/* Drawer */
81material-drawer, material-drawer .panel, material-list-item {
82 background-color: var(--TWPT-drawer-background)!important;
83}
84
avm9996324ef6522020-11-25 19:45:43 +010085material-list-item:hover, material-list-item:focus, material-list-item.item--active {
avm999630bc113a2020-09-07 13:02:11 +020086 background-color: var(--TWPT-active-background)!important;
87}
88
89material-drawer .panel {
90 border-bottom-color: #25231f!important;
91}
92
93material-drawer .drawer-section-title, material-drawer .header > material-icon {
94 color: var(--TWPT-secondary-text)!important;
95}
96
avm9996315b23d72021-04-26 18:07:15 +020097material-drawer material-list-item,
98 material-drawer material-list-item .title {
avm999630bc113a2020-09-07 13:02:11 +020099 color: #d2cecb!important;
100}
101
102material-drawer ec-forum-drawer-item material-checkbox material-icon {
103 filter: brightness(1.5);
104}
105
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200106/* Tabs */
107material-tab-strip tab-button {
108 color: var(--TWPT-secondary-text)!important;
109}
110
111material-tab-strip tab-button.active {
112 color: var(--TWPT-blue-A100)!important;
113}
114
115material-tab-strip .tab-indicator {
116 border-top-color: var(--TWPT-blue-A100)!important;
117}
118
avm9996315b23d72021-04-26 18:07:15 +0200119/* Header menus */
120.popup material-list-item {
121 color: #d2cecb!important;
122}
123
avm99963223416c2021-04-21 22:13:14 +0200124/* Filters (ec-query-builder) */
125material-condition-builder .compound-condition-operator {
126 color: var(--TWPT-secondary-text)!important;
127}
128
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200129material-condition-builder .compound-condition-operator:is(::before, ::after) {
avm99963223416c2021-04-21 22:13:14 +0200130 border-left-color: rgba(255, 255, 255, .20)!important;
131}
132
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200133material-condition-builder .add-button,
134 ec-query-builder .save-filter-button:not([disabled]) {
135 color: var(--TWPT-blue-A100)!important;
136}
137
138material-condition-builder .add-condition,
139 ec-query-builder .close-button {
140 background-color: var(--TWPT-interop-blue)!important;
141 color: #1f1f1f!important;
142}
143
avm999630bc113a2020-09-07 13:02:11 +0200144/* Selector */
avm99963a51c7612020-11-25 23:58:56 +0100145
146/*
147 * This applies not only to the selector but also to the ec-work-state-picker.
148 */
avm99963a091be12021-02-18 17:03:28 +0100149.popup-wrapper, material-list, .popup .item-group-list {
avm999630bc113a2020-09-07 13:02:11 +0200150 background-color: var(--TWPT-drawer-background)!important;
151}
152
avm99963a091be12021-02-18 17:03:28 +0100153material-list [group]:not(.empty) + *:not(script):not(template):not(.empty),
154 .popup .item-group-list [group]:not(.empty) + *:not(script):not(template):not(.empty) {
avm999630bc113a2020-09-07 13:02:11 +0200155 box-shadow: inset 0 8px 0 0 var(--TWPT-drawer-background)!important;
156 border-top-color: #1f1f1f!important;
157}
158
159material-list material-select-item:hover,
160 material-list material-select-item:focus,
161 material-list material-select-dropdown-item:hover,
162 material-list material-select-dropdown-item:focus,
163 material-list material-select-dropdown-item.active,
avm99963a091be12021-02-18 17:03:28 +0100164 material-list material-select-dropdown-item:not(.multiselect).selected,
avm999634298b432021-08-16 16:38:00 +0200165 material-select-searchbox:focus-within + material-list .single-select-item:first-of-type,
avm99963a091be12021-02-18 17:03:28 +0100166 .popup .item-group-list material-select-item:hover,
167 .popup .item-group-list material-select-item:focus,
avm99963744d0cf2021-03-23 22:05:57 +0100168 .popup .item-group-list material-select-item.active,
avm99963a091be12021-02-18 17:03:28 +0100169 .popup .item-group-list material-select-dropdown-item:hover,
170 .popup .item-group-list material-select-dropdown-item:focus,
171 .popup .item-group-list material-select-dropdown-item.active,
172 .popup .item-group-list material-select-dropdown-item:not(.multiselect).selected {
avm99963744d0cf2021-03-23 22:05:57 +0100173 background-color: var(--TWPT-highlighted-item-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200174}
175
avm999634298b432021-08-16 16:38:00 +0200176material-list .single-select-item,
177 material-list .menu-item-label,
avm99963a091be12021-02-18 17:03:28 +0100178 material-list .label,
179 material-list .text-segment,
avm9996355acfae2021-08-19 18:06:56 +0200180 menu-item-groups .single-select-item,
181 menu-item-groups .menu-item-label,
182 menu-item-groups .label,
183 menu-item-groups .text-segment {
avm999630bc113a2020-09-07 13:02:11 +0200184 color: rgba(255, 255, 255, .87)!important;
185}
186
avm99963a091be12021-02-18 17:03:28 +0100187.popup .item-group-list material-icon {
188 color: rgba(255, 255, 255, .7)!important;
189}
190
avm999630bc113a2020-09-07 13:02:11 +0200191material-list [group] > [label] {
192 color: #8a8a8a!important;
193}
194
avm9996348c87d12021-04-09 13:00:21 +0200195/* This is shown in the new thread view */
196ec-forum-language-picker .labeled-select .select-label {
197 color: var(--TWPT-secondary-text)!important;
198}
199
avm999630bc113a2020-09-07 13:02:11 +0200200/* Main */
201.main {
202 color: var(--TWPT-primary-text)!important;
203}
204
avm9996325a0d602020-11-25 19:24:16 +0100205/* Border color for the page title bar (most pages use .title-bar although
206 * some use .page-header).
207 */
208main .title-bar, main .page-header {
avm999630bc113a2020-09-07 13:02:11 +0200209 border-bottom-color: var(--TWPT-subtle-border)!important;
210}
211
212main .title-bar .title, main .page-header h1, main .header h1 {
213 color: var(--TWPT-primary-text)!important;
214}
215
216.card {
217 background-color: var(--TWPT-secondary-background)!important;
218 color: var(--TWPT-primary-text)!important;
219 border-color: var(--TWPT-card-border)!important;
220}
221
222.card .card-title, .card, .card-section-title {
223 color: var(--TWPT-primary-text)!important;
224}
225
avm99963223416c2021-04-21 22:13:14 +0200226.card .card-section-hint, .card .card-section-checkbox-hint {
avm999630bc113a2020-09-07 13:02:11 +0200227 color: var(--TWPT-secondary-text)!important;
228}
229
230/* Action bar */
231.material-content .action-bar material-button,
232 ec-bulk-actions material-button,
avm99963b2329632021-02-06 20:05:34 +0100233 ec-back-button material-button,
avm9996348c87d12021-04-09 13:00:21 +0200234 .sort-options material-button {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200235 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200236}
237
avm99963ea9b23f2021-04-22 14:06:03 +0200238.material-content .action-bar .review-button.reviewing {
239 color: #1a73e8!important;
240 background: #dae7ff!important;
241}
242
avm999630bc113a2020-09-07 13:02:11 +0200243.material-content .action-bar material-button.starred {
244 color: #fbbc04!important;
245}
246
Adrià Vilanova Martínez2c8913b2021-07-22 23:33:37 +0200247/* ec-work-state-picker and ec-symptom-picker */
248ec-work-state-picker > button,
249 ec-symptom-picker > button {
avm99963a51c7612020-11-25 23:58:56 +0100250 color: var(--TWPT-secondary-text)!important;
251 background-color: var(--TWPT-button-background)!important;
252 border-color: var(--TWPT-subtle-border)!important;
253}
254
255.material-popup-content .popup-content .title {
256 color: var(--TWPT-primary-text)!important;
257}
258
avm999630bc113a2020-09-07 13:02:11 +0200259/* Thread list */
260ec-thread-list ul.thread-group {
261 background-color: var(--TWPT-primary-background)!important;
262}
263
264ec-thread-list ec-bulk-actions, ec-thread-list ec-thread-summary material-expansionpanel {
265 border-bottom-color: var(--TWPT-subtle-border)!important;
266}
267
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200268ec-thread-list .no-results {
269 color: var(--TWPT-primary-text-alt)!important;
270}
271
avm99963a2a06442020-11-25 21:11:10 +0100272ec-thread-summary material-expansionpanel.read:not(.checked) {
avm999630bc113a2020-09-07 13:02:11 +0200273 background-color: var(--TWPT-thread-read-background)!important;
274}
275
avm99963e65bec42020-11-25 18:26:29 +0100276ec-thread-summary material-expansionpanel.read .title span:not(.icon) {
avm9996395da0772020-09-09 01:07:36 +0200277 opacity: 0.8;
278}
279
avm99963e65bec42020-11-25 18:26:29 +0100280ec-thread-summary material-expansionpanel.read .title .icon {
281 opacity: 0.48!important;
282}
283
avm999630bc113a2020-09-07 13:02:11 +0200284ec-thread-summary material-expansionpanel.checked {
avm99963a2a06442020-11-25 21:11:10 +0100285 background-color: #2c4b77!important;
avm999630bc113a2020-09-07 13:02:11 +0200286}
287
288ec-thread-summary material-expansionpanel .title {
289 color: var(--TWPT-primary-text)!important;
290}
291
292ec-thread-summary material-expansionpanel ec-second-summary-line,
293 material-expansionpanel .header-content,
avm9996348c87d12021-04-09 13:00:21 +0200294 material-expansionpanel ec-thread-counts > span:not(.recommended-answers),
295 material-expansionpanel .duplicate-label {
avm999630bc113a2020-09-07 13:02:11 +0200296 color: #928e89!important;
297}
298
avm9996348c87d12021-04-09 13:00:21 +0200299material-expansionpanel .removed-label {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200300 color: var(--TWPT-bad-text)!important;
avm9996348c87d12021-04-09 13:00:21 +0200301}
302
avm999631558e6c2020-12-08 13:42:40 +0100303ec-thread-summary material-expansionpanel ec-safe-html.body,
304 material-expansionpanel .issue-tracking-work-state {
avm999630bc113a2020-09-07 13:02:11 +0200305 color: var(--TWPT-primary-text)!important;
306}
307
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +0200308/*
309 * The following section changes the styles of the checkboxes in thread lists,
310 * based in the styles defined in the "Checkbox input" section.
311 **/
Adrià Vilanova Martínezfb2169a2021-07-09 00:26:37 +0200312ec-thread-summary material-expansionpanel .action material-button,
313 ec-thread-list material-checkbox material-icon,
314 ec-thread-summary material-expansionpanel .star-button:not(.starred) {
315 color: #696867!important; /* Custom value to match previous behavior */
316 opacity: 1!important;
317}
318
319ec-thread-list material-checkbox material-icon.filled {
320 color: #62a5ff!important; /* Custom value to contrast well with the background */
321}
322
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +0200323/* .gm-icons is added by the SMEI_GOOGLE_MATERIAL_ICONS experiment. */
Adrià Vilanova Martínezfb2169a2021-07-09 00:26:37 +0200324ec-thread-list material-checkbox:focus:not(.disabled).gm-icons .icon,
325 .gm-icons ec-thread-list material-checkbox:focus:not(.disabled) .icon,
326 ec-thread-list material-checkbox:hover:not(.disabled).gm-icons .icon,
327 .gm-icons ec-thread-list material-checkbox:hover:not(.disabled) .icon {
328 color: #807d7c!important; /* custom value */
329}
330
331ec-thread-list material-checkbox:focus:not(.disabled).gm-icons .icon.filled,
332 .gm-icons ec-thread-list material-checkbox:focus:not(.disabled) .icon.filled,
333 ec-thread-list material-checkbox:hover:not(.disabled).gm-icons .icon.filled,
334 .gm-icons ec-thread-list material-checkbox:hover:not(.disabled) .icon.filled {
335 color: #92c1ff!important; /* custom value */
336}
337
avm99963b2329632021-02-06 20:05:34 +0100338/* Thread view (including review/live review components) */
avm999630bc113a2020-09-07 13:02:11 +0200339ec-question, .heading + .group, ec-message {
340 background-color: var(--TWPT-secondary-background)!important;
341}
342
avm99963b2329632021-02-06 20:05:34 +0100343ec-thread .no-review-needed {
344 background-color: #155829!important;
345 border-color: var(--TWPT-subtle-border)!important;
346}
347
348/* Review bar shown above the main message or replies */
349ec-review-bar {
avm999630bc113a2020-09-07 13:02:11 +0200350 background-color: var(--TWPT-active-background)!important;
351}
352
avm99963b2329632021-02-06 20:05:34 +0100353ec-review-bar material-chip {
354 background-color: var(--TWPT-button-background)!important;
355}
356
357ec-review-bar material-chip:not(.relevant-active):not(.active) {
avm99963b2329632021-02-06 20:05:34 +0100358 border-color: var(--TWPT-card-border)!important;
359}
360
361ec-review-bar material-chip:not(.relevant-active):not(.active) material-icon {
362 color: var(--TWPT-primary-text)!important;
363 fill: var(--TWPT-primary-text)!important;
364}
365
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200366ec-review-bar material-chip:not(.relevant-active):not(.active) .content {
367 color: var(--TWPT-primary-text)!important;
368}
369
avm99963b2329632021-02-06 20:05:34 +0100370ec-review-bar material-chip.relevant-active {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200371 border-color: var(--TWPT-good-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100372}
373
374ec-review-bar material-chip.relevant-active material-icon {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200375 color: var(--TWPT-good-text)!important;
376 fill: var(--TWPT-good-text)!important;
377}
378
379ec-review-bar material-chip.relevant-active .content {
380 color: var(--TWPT-good-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100381}
382
383ec-review-bar material-chip.active {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200384 border-color: var(--TWPT-bad-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100385}
386
387ec-review-bar material-chip.active material-icon {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200388 color: var(--TWPT-bad-text)!important;
389 fill: var(--TWPT-bad-text)!important;
390}
391
392ec-review-bar material-chip.active .content {
393 color: var(--TWPT-bad-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100394}
395
avm999630bc113a2020-09-07 13:02:11 +0200396ec-message-header .header, ec-question .state, ec-question ec-thread-counts > span, ec-message ec-thread-counts > span {
397 color: var(--TWPT-secondary-text)!important;
398}
399
avm9996395da0772020-09-09 01:07:36 +0200400ec-question .alert, ec-message .alert {
avm999630bc113a2020-09-07 13:02:11 +0200401 background-color: var(--TWPT-active-background)!important;
402}
403
avm9996395da0772020-09-09 01:07:36 +0200404ec-question .alert material-icon, ec-message .alert material-icon {
avm999630bc113a2020-09-07 13:02:11 +0200405 color: var(--TWPT-primary-text)!important;
406}
407
avm9996395da0772020-09-09 01:07:36 +0200408ec-question .alert ec-icon, ec-message .alert ec-icon {
avm999630bc113a2020-09-07 13:02:11 +0200409 color: var(--TWPT-primary-text)!important;
410 fill: var(--TWPT-primary-text)!important;
411}
412
Adrià Vilanova Martínezdb57f362022-01-13 23:46:24 +0100413ec-question .alert material-button {
414 color: var(--TWPT-link)!important;
415}
416
avm999630bc113a2020-09-07 13:02:11 +0200417ec-question .title {
418 color: var(--TWPT-primary-text-alt)!important;
419}
420
avm99963b2329632021-02-06 20:05:34 +0100421ec-user-link .name-text {
422 color: var(--TWPT-link)!important;
423}
424
425ec-message-header ec-avatar svg, ec-message-header .role,
426 ec-message .footer .role {
avm999630bc113a2020-09-07 13:02:11 +0200427 filter: brightness(1.5);
428}
429
430ec-question .body, ec-message .body {
431 color: var(--TWPT-primary-text)!important;
432}
433
434ec-question .thread-insert {
435 background: none!important;
436}
437
438ec-question .details-heading {
439 color: var(--TWPT-primary-text-alt) !important;
440}
441
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100442ec-question .state-chips material-chip,
443 .TWPT-extrainfo-chip {
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200444 background-color: var(--TWPT-button-background)!important;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100445 border: none!important;
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200446 box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
447 0 1px 1px 0 rgba(0, 0, 0, 0.14),
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100448 0 1px 3px 0 rgba(0, 0, 0, 0.12)!important;
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200449}
450
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100451ec-question .state-chips material-chip .content,
452 .TWPT-extrainfo-chip .TWPT-content {
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200453 color: var(--TWPT-primary-text)!important;
454}
455
avm9996348c87d12021-04-09 13:00:21 +0200456ec-question .footer,
457 ec-ask-flow .content-disclaimer {
avm999630bc113a2020-09-07 13:02:11 +0200458 color: var(--TWPT-primary-text)!important;
459 background-color: var(--TWPT-active-background)!important;
460 border-top-color: var(--TWPT-card-border)!important;
461}
462
463.heading {
464 color: var(--TWPT-primary-text)!important;
465}
466
467.heading + .group,
468 .load-more-bar,
469 ec-message:not(:first-child),
470 .load-more-bar .load-more-button,
471 .load-more-bar .load-all-button {
472 border-color: var(--TWPT-card-border)!important;
473}
474
avm9996395da0772020-09-09 01:07:36 +0200475ec-message .type {
476 color: var(--TWPT-primary-text)!important;
477}
478
avm999630bc113a2020-09-07 13:02:11 +0200479ec-message .footer ec-relative-time,
480 ec-message .footer ec-safe-html {
481 color: var(--TWPT-secondary-text)!important;
482}
483
484ec-message .helpful-prompt {
485 color: var(--TWPT-primary-text)!important;
486}
487
488ec-question .me-too-button,
489 ec-question .subscribe-button,
490 ec-message .upvote-button,
491 ec-message .downvote-button {
492 color: var(--TWPT-secondary-text)!important;
avm99963a51c7612020-11-25 23:58:56 +0100493 background-color: var(--TWPT-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200494}
495
avm99963223416c2021-04-21 22:13:14 +0200496ec-message .alert {
497 color: var(--TWPT-secondary-text)!important;
498}
499
avm999630bc113a2020-09-07 13:02:11 +0200500ec-question .me-too-button.selected,
501 ec-question .subscribe-button.selected,
502 ec-message .upvote-button.selected,
503 ec-message .downvote-button.selected {
504 color: #4285f4!important;
505}
506
507.load-more-bar .load-more-button, .load-more-bar .load-all-button {
508 background-color: var(--TWPT-secondary-background)!important;
509}
510
511.locked-alert {
512 background-color: var(--TWPT-active-background)!important;
513 border: var(--TWPT-card-border)!important;
514}
515
516.locked-alert material-icon {
517 color: rgba(255, 255, 255, .38)!important;
518}
519
avm99963b2329632021-02-06 20:05:34 +0100520ec-thread button.reply.collapsed {
521 color: var(--TWPT-secondary-text)!important;
522}
523
avm999630bc113a2020-09-07 13:02:11 +0200524ec-thread .finished-question {
525 background-color: var(--TWPT-active-background)!important;
526 border: var(--TWPT-card-border)!important;
527}
528
avm99963ea9b23f2021-04-22 14:06:03 +0200529ec-thread .finished-question .next-question {
530 color: var(--TWPT-link)!important;
531 border-color: var(--TWPT-link)!important;
532}
533
avm999630bc113a2020-09-07 13:02:11 +0200534.material-content .action-bar material-button.has-activity {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200535 color: var(--TWPT-blue-A100)!important;
avm999630bc113a2020-09-07 13:02:11 +0200536}
537
538.material-content .action-bar material-button.showing-sidebar {
539 background-color: var(--TWPT-active-background)!important;
540}
541
542ec-activity-panel .title-bar h3 {
543 color: #e8eaf2!important;
544}
545
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200546ec-activity-panel .title-bar material-button {
547 color: var(--TWPT-subtle-button-background)!important;
548}
549
avm999630bc113a2020-09-07 13:02:11 +0200550ec-activity-panel ec-activity {
551 color: var(--TWPT-secondary-text)!important;
552 border-color: var(--TWPT-card-border)!important;
553}
554
555ec-activity-panel ec-activity .message {
556 color: var(--TWPT-primary-text-alt)!important;
557}
558
559ec-activity-panel ec-activity .thread-title {
560 color: #c3bfbc!important;
561}
562
563/* Recommended answers - show in green where we've overwritten the colors */
564.recommended-answers {
565 color: #34a853!important;
566}
567
avm99963fb7107c2021-04-14 19:39:05 +0200568/* Suggested answers - show brighter blue */
569.suggested-icon {
570 color: var(--TWPT-blue-A100)!important;
571}
572
573/* Help button (shown in the suggested answers header) */
574.explanation-icon material-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200575 color: var(--TWPT-subtle-button-background)!important;
avm99963fb7107c2021-04-14 19:39:05 +0200576}
577
578/* Help button tooltip */
579.popup .paper-container {
580 background: var(--TWPT-drawer-background)!important;
581}
582
583.explanation-icon material-icon:hover {
584 color: var(--TWPT-blue-A100)!important;
585}
586
avm99963223416c2021-04-21 22:13:14 +0200587/* New thread and edit message views */
588material-stepper {
589 border-top-color: var(--TWPT-card-border)!important;
590}
591
avm999630bc113a2020-09-07 13:02:11 +0200592material-stepper .stepper-step-name,
593 material-stepper .purpose-title {
594 color: var(--TWPT-primary-text)!important;
595}
596
597ec-ask-flow .display-name-label,
avm99963223416c2021-04-21 22:13:14 +0200598 material-stepper .additional-details-label,
599 material-stepper .detail-label {
avm999630bc113a2020-09-07 13:02:11 +0200600 color: var(--TWPT-secondary-text)!important;
601}
602
avm99963223416c2021-04-21 22:13:14 +0200603material-stepper .stepper-step[selectable=true]:focus {
604 background-color: rgba(60, 64, 67, .24)!important;
605}
606
avm9996301818912021-05-24 11:53:18 +0200607/* Compose thread view */
608ec-thread-composer .main-content .title-label,
609 ec-thread-composer .main-content .post-label {
610 color: var(--TWPT-primary-text-alt)!important;
611}
612
613ec-thread-composer .main-content .title-input,
614 ec-thread-composer .main-content ec-rich-text-editor {
615 border-color: var(--TWPT-card-border)!important;
616}
617
618ec-thread-composer .main-content .title-alert {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200619 color: var(--TWPT-bad-text)!important;
avm9996301818912021-05-24 11:53:18 +0200620}
621
622ec-thread-composer material-drawer {
623 background-color: inherit!important;
624}
625
626ec-thread-composer material-drawer .right-panel {
627 border-left-color: var(--TWPT-card-border)!important;
628}
629
630ec-thread-composer material-drawer .panel-section-title {
631 color: var(--TWPT-primary-text)!important;
632}
633
634ec-thread-composer material-drawer .panel-section-divider {
635 border-color: var(--TWPT-card-border)!important;
636}
637
638ec-thread-composer material-drawer material-radio .radio-label {
639 color: var(--TWPT-primary-text-alt)!important;
640}
641
642ec-thread-composer material-drawer material-radio .radio-description,
643 ec-thread-composer material-drawer .settings-section .panel-section-item .select-label {
644 color: var(--TWPT-secondary-text)!important;
645}
646
avm9996348c87d12021-04-09 13:00:21 +0200647/* Note: see thread view section. There is a rule for the thread creation
648 * footer.
649 **/
650
Adrià Vilanova Martínez531cd072021-12-05 20:15:43 +0100651/* Chart in the profile view */
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200652ec-user bar-chart .axis text,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100653 ec-unified-user .scTailwindSharedActivitychartchart .axis text {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200654 fill: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200655}
656
657ec-user bar-chart .axis path,
658 ec-user bar-chart .axis .gridline,
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200659 ec-user bar-chart .axis line,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100660 ec-unified-user .scTailwindSharedActivitychartchart .axis path,
661 ec-unified-user .scTailwindSharedActivitychartchart .axis .gridline,
662 ec-unified-user .scTailwindSharedActivitychartchart .axis line {
avm999630bc113a2020-09-07 13:02:11 +0200663 stroke: rgba(255, 255, 255, .12)!important;
664}
665
666ec-user bar-chart .axis line.axis-zero-tick,
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200667 ec-user bar-chart .axis.x .tick-mark,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100668 ec-unified-user .scTailwindSharedActivitychartchart .axis line.axis-zero-tick,
669 ec-unified-user .scTailwindSharedActivitychartchart .axis.x .tick-mark {
avm999630bc113a2020-09-07 13:02:11 +0200670 stroke: rgba(255, 255, 255, .38)!important;
671}
672
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200673ec-user bar-chart .aplos-legend-entry,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100674 ec-unified-user .scTailwindSharedActivitychartchart .aplos-legend-entry {
avm999630bc113a2020-09-07 13:02:11 +0200675 color: var(--TWPT-secondary-text)!important;
676}
677
678.aplos-hovercard {
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200679 color: var(--TWPT-interop-secondary-text)!important;
avm999630bc113a2020-09-07 13:02:11 +0200680 background: var(--TWPT-secondary-background)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200681 border: none!important;
avm999630bc113a2020-09-07 13:02:11 +0200682}
683
684.aplos-hovercard .title {
685 color: var(--TWPT-primary-text)!important;
686}
687
688.aplos-hovercard .subtitle,
689 .aplos-donut-center .subtitle,
690 .aplos-hovercard .series,
691 .aplos-donut-center .series,
692 .aplos-hovercard .value,
693 .aplos-donut-center .value {
694 color: var(--TWPT-secondary-text)!important;
695}
696
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200697/*
698 * IMPORTANT NOTICE:
699 * Note: the following styles (for interop components) have been written by
700 * Googlers and thus are not included as part of the MIT license. This also
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100701 * applies to the styles of the unified profiles and the interop thread view.
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200702 **/
703
704/* Common styles for interop components */
705.scSharedCalloutroot {
706 color: var(--TWPT-interop-primary-text)!important;
707}
708
709.scSharedCallouterror {
710 background-color: #523a3b!important;
711 border-color: #f9dedc!important;
712}
713
714.scSharedCallouterror sc-shared-material-icon {
715 color: #f9dedc!important;
716}
717
718.scSharedCallouterror>.scSharedCalloutsecondary-button button {
719 color: #ec928e!important;
720}
721
722.scSharedCalloutcaution {
723 background-color: #554c33!important;
724 border-color: #ffdf99!important;
725}
726
727.scSharedCalloutcaution sc-shared-material-icon {
728 color: #ffdf99!important;
729}
730
731.scSharedCalloutcaution>.scSharedCalloutsecondary-button button {
732 color: #f09d00!important;
733}
734
735.scSharedCalloutinformational {
736 background-color: #394457!important;
737 border-color: #d3e3fd!important;
738}
739
740.scSharedCalloutinformational sc-shared-material-icon {
741 color: #d3e3fd!important;
742}
743
744.scSharedCalloutinformational>.scSharedCalloutsecondary-button button {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200745 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200746}
747
748.scSharedCalloutsuccess {
749 background-color: #37493f!important;
750 border-color: #c4eed0!important;
751}
752
753.scSharedCalloutsuccess sc-shared-material-icon {
754 color: #c4eed0!important;
755}
756
757.scSharedCalloutsuccess>.scSharedCalloutsecondary-button button {
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100758 color: var(--TWPT-interop-success)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200759}
760
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200761.scSharedMaterialbuttonroot {
762 --m-btn-text-color: var(--TWPT-interop-blue);
763 --m-btn-background-color: transparent;
764 --m-btn-outline-color: var(--TWPT-interop-blue);
765 background: var(--m-btn-background-color)!important;
766 color: var(--m-btn-text-color)!important;
767}
768
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200769.scSharedMaterialbuttonroot:disabled {
770 color: rgba(227, 227, 227, 0.369)!important;
771}
772
773.scSharedMaterialbuttontext {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200774 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200775}
776
777.scSharedMaterialbuttoncolor-label {
778 color: var(--TWPT-interop-secondary-text)!important;
779}
780
781.scSharedMaterialbuttoncolor-hint {
782 color: var(--TWPT-interop-secondary-text)!important;
783}
784
785.scSharedMaterialbuttonnavigational {
786 color: var(--TWPT-interop-primary-text)!important;
787}
788
789.scSharedMaterialbuttonnavigational-alt {
790 color: var(--TWPT-interop-secondary-text)!important;
791}
792
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200793.scSharedMaterialbuttonhairline, .scSharedMaterialbuttonpill {
794 outline: 1px solid var(--m-btn-outline-color)!important;
795}
796
797.scSharedMaterialbuttonhairline:hover, .scSharedMaterialbuttonhairline:focus, .scSharedMaterialbuttonpill:hover, .scSharedMaterialbuttonpill:focus {
798 --m-btn-outline-color: currentColor!important;
799}
800
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200801.scSharedMaterialbuttonhairline {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200802 --m-btn-outline-color: var(--TWPT-interop-subtle-border)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200803}
804
805.scSharedMaterialbuttonhairline:disabled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200806 --m-btn-outline-color: rgba(227, 227, 227, 0.369)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200807}
808
809.scSharedMaterialbuttonhairline:active {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200810 box-shadow: 0 1px 2px 0 rgba(227, 227, 227, 0.302), 0 1px 3px 1px rgba(227, 227, 227, 0.149)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200811}
812
813.scSharedMaterialbuttontonal {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200814 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200815 background: #394457!important;
816}
817
818.scSharedMaterialbuttontonal:hover {
819 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
820}
821
822.scSharedMaterialbuttontonal:active {
823 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149)!important;
824}
825
826.scSharedMaterialbuttontonal:disabled {
827 background: rgba(227, 227, 227, 0.122)!important;
828}
829
830.scSharedMaterialbuttonfilled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200831 background: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200832 color: #1f1f1f!important;
833}
834
835.scSharedMaterialbuttonfilled:disabled {
836 background: rgba(227, 227, 227, 0.122)!important;
837}
838
839.scSharedMaterialbuttonfilled:hover,
840 .scSharedMaterialbuttonfilled:focus {
841 box-shadow: 0 1px 2px 0 rgba(124, 172, 248, 0.302), 0 1px 3px 1px rgba(124, 172, 248, 0.149)!important;
842}
843
844.scSharedMaterialbuttonfilled:active {
845 box-shadow: 0 1px 3px 0 rgba(124, 172, 248, 0.302), 0 4px 8px 3px rgba(124, 172, 248, 0.149)!important;
846}
847
848.scSharedMaterialbuttonprotected {
849 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
850 background: #1f1f1f!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200851 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200852}
853
854.scSharedMaterialbuttonprotected:disabled {
855 background: rgba(227, 227, 227, 0.122)!important;
856}
857
858.scSharedMaterialbuttonprotected:hover {
859 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
860}
861
862.scSharedMaterialbuttonprotected:focus {
863 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149)!important;
864}
865
866.scSharedMaterialbuttonprotected:active {
867 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149)!important;
868}
869
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100870.scSharedMaterialbuttonsuccess {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200871 --m-btn-text-color: var(--TWPT-interop-success)!important;
872 --m-btn-outline-color: var(--TWPT-interop-success)!important;
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100873}
874
875.scSharedMaterialbuttonsuccess.scSharedMaterialbuttonfilled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200876 --m-btn-text-color: #1f1f1f!important;
877 --m-btn-background-color: var(--TWPT-interop-success)!important;
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100878}
879
880.scSharedMaterialbuttonsuccess.scSharedMaterialbuttontonal {
881 --m-btn-background-color: #0f5223
882}
883
884@media (forced-colors:active) {
885 .scSharedMaterialbuttonroot:focus {
886 outline: 2px solid #e3e3e3;
887 }
888}
889
890@media (prefers-contrast:more) {
891 .scSharedMaterialbuttonroot:focus {
892 outline: 2px solid #e3e3e3;
893 }
894}
895
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200896.scSharedExpandabletextexpander {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200897 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200898}
899
900.scSharedMaterialborderfilled {
901 background: #313235!important;
902 border-bottom: 1px solid var(--TWPT-interop-secondary-text)!important;
903}
904
905.scSharedMaterialborderfilled-error {
906 border-bottom-color: #ec928e!important;
907}
908
909.scSharedMaterialborderfilled-bottom {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200910 background-color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200911}
912
913.scSharedMaterialborderfilled-label {
914 color: var(--TWPT-interop-secondary-text)!important;
915}
916
917.scSharedMaterialborderfilled-label-focused {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200918 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200919}
920
921.scSharedMaterialborderlabel {
922 color: var(--TWPT-interop-secondary-text)!important;
923}
924
925.scSharedMaterialborderleft {
926 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
927 border-left-color: var(--TWPT-interop-secondary-text)!important;
928 border-top-color: var(--TWPT-interop-secondary-text)!important;
929}
930
931.scSharedMaterialborderleft-error {
932 border-bottom-color: #ec928e!important;
933 border-left-color: #ec928e!important;
934 border-top-color: #ec928e!important;
935}
936
937.scSharedMaterialbordermid {
938 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
939 border-top-color: var(--TWPT-interop-secondary-text)!important;
940}
941
942.scSharedMaterialbordermid-error {
943 border-bottom-color: #ec928e!important;
944 border-top-color: #ec928e!important;
945}
946
947.scSharedMaterialborderright {
948 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
949 border-right-color: var(--TWPT-interop-secondary-text)!important;
950 border-top-color: var(--TWPT-interop-secondary-text)!important;
951}
952
953.scSharedMaterialborderright-error {
954 border-bottom-color: #ec928e!important;
955 border-right-color: #ec928e!important;
956 border-top-color: #ec928e!important;
957}
958
959.scSharedMaterialborderfocused {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200960 border-color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200961}
962
963.scSharedMaterialborderdisabled {
964 border-color: var(--TWPT-interop-subtle-border)!important;
965}
966
967.scSharedMaterialborderlabel-focused {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200968 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200969}
970
971.scSharedMaterialborderlabel-disabled {
972 color: rgba(255, 255, 255, 0.239)!important;
973}
974
975.scSharedMaterialborderlabel-error {
976 color: #ec928e!important;
977}
978
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100979.scSharedMaterialcardroot {
980 background: #1f1f1f;
981 border: 1px solid var(--TWPT-interop-subtle-border);
982}
983
984.scSharedMaterialcardelevation-1 {
985 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
986 background: #2a2b2f;
987}
988
989.scSharedMaterialcardelevation-2 {
990 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
991 background: #303135;
992}
993
994.scSharedMaterialcardelevation-3 {
995 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
996 background: #36383a;
997}
998
999.scSharedMaterialcardelevation-4 {
1000 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.302), 0 6px 10px 4px rgba(0, 0, 0, 0.149);
1001 background: #39393c;
1002}
1003
1004.scSharedMaterialcardelevation-5 {
1005 box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.302), 0 8px 12px 6px rgba(0, 0, 0, 0.149);
1006 background: #3c3e40;
1007}
1008
1009@media (forced-colors:active) {
1010 .scsharedmaterialcardroot {
1011 border-color: #e3e3e3;
1012 }
1013}
1014
1015@media (prefers-contrast:more) {
1016 .scsharedmaterialcardroot {
1017 border-color: #e3e3e3;
1018 }
1019}
1020
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001021.scSharedMaterialcheckboxcheckbox {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001022 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001023}
1024
1025.scSharedMaterialcheckboxbox {
1026 border-color: var(--TWPT-interop-secondary-text)!important;
1027}
1028
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001029.scSharedMaterialcheckboxnative-control:checked:disabled+.scSharedMaterialcheckboxbox,
1030.scSharedMaterialcheckboxnative-control:indeterminate:disabled+.scSharedMaterialcheckboxbox {
1031 background: rgba(0, 0, 0, .26);
1032 border-color: transparent;
1033}
1034
1035.scSharedMaterialcheckboxnative-control:disabled+.scSharedMaterialcheckboxbox {
1036 border-color: rgba(0, 0, 0, .26);
1037}
1038
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001039.scSharedMaterialcheckboxcheckmark-path {
1040 stroke: #1f1f1f!important;
1041}
1042
1043.scSharedMaterialcheckboxmixedmark {
1044 border-color: #1f1f1f!important;
1045}
1046
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001047.scSharedMaterialfabroot {
1048 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
1049 background: #303135;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001050 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001051}
1052
1053@media (forced-colors:active) {
1054 .scSharedMaterialfabroot {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001055 outline: 3px solid var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001056 }
1057}
1058
1059.scSharedMaterialfabroot.scSharedMaterialfabgrey {
1060 color: var(--TWPT-interop-secondary-text);
1061}
1062
1063.scSharedMaterialfabroot:.scSharedMaterialfabfake-focus,
1064.scSharedMaterialfabroot:hover,
1065.scSharedMaterialfabroot:focus {
1066 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.302), 0 6px 10px 4px rgba(0, 0, 0, 0.149);
1067}
1068
1069.scSharedMaterialfabroot:active {
1070 box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.302), 0 8px 12px 6px rgba(0, 0, 0, 0.149);
1071}
1072
1073.scSharedMaterialfablowered {
1074 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1075}
1076
1077.scSharedMaterialfablowered.scSharedMaterialfabfake-focus,
1078.scSharedMaterialfablowered:hover,
1079.scSharedMaterialfablowered:focus {
1080 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
1081}
1082
1083.scSharedMaterialfablowered:active {
1084 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
1085}
1086
1087.scSharedMaterialfabfilled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001088 background: rgba(124,172,248,0.239);
1089 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001090}
1091
1092.scSharedMaterialfabfilled.scSharedMaterialfabgrey {
1093 background: var(--TWPT-interop-secondary-text);
1094 color: #1f1f1f;
1095}
1096
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001097.scSharedMaterial_dialogDialogcontentloading-overlay {
1098 background: rgba(227, 227, 227, 0.122)!important;
1099}
1100
1101.scSharedMaterialpopupbackground {
1102 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
1103 background: #2a2b2f!important;
1104 border: 1px solid var(--TWPT-interop-subtle-border)!important;
1105}
1106
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001107@media (forced-colors:active) {
1108 .scSharedMaterialpopupbackground {
1109 border-color: #e3e3e3;
1110 }
1111}
1112
1113@media (prefers-contrast:more) {
1114 .scSharedMaterialpopupbackground {
1115 border-color: #e3e3e3;
1116 }
1117}
1118
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001119.scSharedMaterialmenuroot {
1120 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
1121 background: #2a2b2f!important;
1122}
1123
1124.scSharedMaterialmenuitem {
1125 color: var(--TWPT-interop-primary-text)!important;
1126}
1127
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001128.scSharedMaterialmenuitem[disabled] {
1129 color: var(--TWPT-interop-subtle-border);
1130}
1131
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001132.scSharedMaterialmenuitem-separator {
1133 border-top-color: var(--TWPT-interop-subtle-border)!important;
1134}
1135
1136.scSharedMaterialmenuhighlight:focus,
1137 .scSharedMaterialmenuhighlight:hover {
1138 background-color: #394457!important;
1139}
1140
1141.scSharedMaterialmenuhighlight:focus {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001142 outline: auto var(--TWPT-interop-blue) 1px!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001143}
1144
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001145.scSharedMaterialtooltipcontainer {
1146 background-color: #e3e3e3;
1147 color: #1f1f1f;
1148}
1149
1150.scSharedMaterialradioradio {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001151 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001152}
1153
1154.scSharedMaterialradioring {
1155 border: 2px solid var(--TWPT-interop-secondary-text);
1156}
1157
1158.scSharedMaterialradionative-control:disabled~.scSharedMaterialradioring {
1159 border-color: rgba(0, 0, 0, .26);
1160}
1161
1162.scSharedMaterialradionative-control:disabled~.scSharedMaterialradiodot {
1163 background: rgba(0, 0, 0, .26);
1164}
1165
1166.scSharedMaterialrichtooltipcontainer {
1167 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1168}
1169
1170.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcontainer {
1171 background: #2a2b2f;
1172}
1173
1174.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-accented .scSharedMaterialrichtooltipcontainer {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001175 background: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001176 color: #1f1f1f;
1177}
1178
1179.scSharedMaterialrichtooltipcaret {
1180 box-shadow: 1.5px 1.5px 1px -1px rgba(0, 0, 0, 0.2), .75px .75px 1px 0 rgba(0, 0, 0, 0.141), .75px .75px 3px 0 rgba(0, 0, 0, 0.122);
1181 background: #2a2b2f;
1182}
1183
1184.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcaret {
1185 background: #2a2b2f;
1186}
1187
1188.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-accented .scSharedMaterialrichtooltipcaret {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001189 background: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001190}
1191
1192.scSharedMaterialselectlabel {
1193 color: #e3e3e3;
1194}
1195
1196.scSharedMaterialselectarrow {
1197 color: var(--TWPT-interop-secondary-text);
1198}
1199
1200.scSharedMaterialselectactive .scSharedMaterialselectarrow {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001201 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001202}
1203
1204.scSharedMaterialselectdisabled .scSharedMaterialselectselection,
1205.scSharedMaterialselectdisabled .scSharedMaterialselectarrow {
1206 color: rgba(255, 255, 255, 0.239);
1207}
1208
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001209.scSharedMaterialsnackbarsnackbar {
1210 background: var(--TWPT-interop-primary-text)!important;
1211 color: #1f1f1f!important;
1212}
1213
1214.scSharedMaterialsnackbaraction button {
1215 color: #0b57d0!important;
1216}
1217
1218.scSharedMaterialtabbartab {
1219 color: var(--TWPT-interop-primary-text)!important;
1220}
1221
1222.scSharedMaterialtabbartab:hover,
1223 .scSharedMaterialtabbartab:focus {
1224 background-color: #313235!important;
1225}
1226
1227.scSharedMaterialtabbarselected {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001228 border-bottom-color: var(--TWPT-interop-blue)!important;
1229 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001230}
1231
1232.scSharedMaterialtextfieldlabel {
1233 color: var(--TWPT-interop-primary-text)!important;
1234}
1235
1236.scSharedMaterialtextfieldnative-control {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001237 caret-color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001238 color: var(--TWPT-interop-primary-text)!important;
1239}
1240
1241.scSharedMaterialtextfieldinvalid .scSharedMaterialtextfieldnative-control {
1242 caret-color: #ec928e!important;
1243}
1244
1245.scSharedMaterialtextfieldnative-control:disabled {
1246 color: var(--TWPT-interop-secondary-text)!important;
1247}
1248
1249.scSharedMaterialtextfieldfocused .scSharedMaterialtextfieldlabel {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001250 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001251}
1252
1253.scSharedMaterialtextfieldinvalid .scSharedMaterialtextfieldlabel {
1254 color: #ec928e!important;
1255}
1256
1257.scSharedMaterialtextfielddisabled .scSharedMaterialtextfieldlabel {
1258 color: var(--TWPT-interop-secondary-text)!important;
1259}
1260
1261.scSharedMaterialtextfieldhelper-text {
1262 color: var(--TWPT-interop-secondary-text)!important;
1263}
1264
1265.scSharedMaterialtextfieldhelper-text-invalid {
1266 color: #ec928e!important;
1267}
1268
1269.scSharedMaterialtextfieldhelper-text-disabled {
1270 color: var(--TWPT-interop-secondary-text)!important;
1271}
1272
1273.scTailwindSharedActivitychartroot {
1274 border: 1px solid var(--TWPT-interop-subtle-border)!important;
1275}
1276
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001277.scTailwindSharedAvatarroot {
1278 background-color: #f1f3f4;
1279 border: .375rem solid #f1f3f4;
1280}
1281
1282.scTailwindSharedAvatarroot.scTailwindSharedAvatarmedium.scTailwindSharedAvatarat-least-silver,
1283.scTailwindSharedAvatarroot.scTailwindSharedAvatarsmall.scTailwindSharedAvatarat-least-silver {
1284 border: .125rem solid #f1f3f4;
1285}
1286
1287.scTailwindSharedAvatarsilhouette {
1288 background-color: #fff;
1289}
1290
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001291.scTailwindSharedAvataravatar-loading {
1292 background: #1f1f1f!important;
1293}
1294
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001295.scTailwindSharedAvataruploadedit-button {
1296 background-color: rgba(0, 0, 0, 0.4);
1297 color: #fff;
1298}
1299
1300.scTailwindSharedAvataruploadroot:focus .scTailwindSharedAvataruploadedit-button,
1301.scTailwindSharedAvataruploadroot:focus-within .scTailwindSharedAvataruploadedit-button,
1302.scTailwindSharedAvataruploadroot:hover .scTailwindSharedAvataruploadedit-button {
1303 background-color: rgba(0, 0, 0, 0.54);
1304}
1305
1306.scTailwindSharedDisplay_name_editorDisplaynameeditorlabel {
1307 color: var(--TWPT-interop-secondary-text);
1308}
1309
1310.scTailwindSharedPiidialogfinding {
1311 color: var(--TWPT-interop-secondary-text);
1312}
1313
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001314.scTailwindSharedReportabusedialogcontent .abuse-link {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001315 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001316}
1317
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001318.scTailwindSharedRich_text_editorAttachmentFailedoverlayroot {
1319 background: rgba(0, 0, 0, 0.902);
1320 color: #ec928e;
1321}
1322
1323.scTailwindSharedRich_text_editorAttachmentLoadingoverlayroot {
1324 background: rgba(227, 227, 227, 0.369);
1325}
1326
1327.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button {
1328 background: #1f1f1f;
1329 border: 1px solid #27282b;
1330 color: var(--TWPT-interop-secondary-text);
1331}
1332
1333.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button:hover,
1334.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button:focus {
1335 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1336}
1337
1338.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentroot {
1339 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1340 background: #36373a;
1341}
1342
1343.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentfilename {
1344 color: #e3e3e3;
1345}
1346
1347.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentextension {
1348 color: var(--TWPT-interop-secondary-text);
1349}
1350
1351.scTailwindSharedRich_text_editorLinktooltiproot button {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001352 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001353}
1354
1355.scTailwindSharedRichtexteditoreditor {
1356 background: #1f1f1f;
1357 color: #e3e3e3;
1358}
1359
1360.scTailwindSharedRichtexteditorplaceholder {
1361 color: var(--TWPT-interop-secondary-text);
1362}
1363
1364.scTailwindSharedRichtexteditorhas-bottom-panel {
1365 border-bottom: 1px solid var(--TWPT-interop-subtle-border);
1366}
1367
1368.scTailwindSharedRichtexteditorhint {
1369 color: var(--TWPT-interop-secondary-text);
1370}
1371
1372.scTailwindSharedRich_text_editorToolbarcontrolroot {
1373 color: var(--TWPT-interop-secondary-text);
1374}
1375
1376.scTailwindSharedRich_text_editorToolbarcontrolroot:hover {
1377 color: #e3e3e3;
1378}
1379
1380.scTailwindSharedRich_text_editorToolbarcontrolroot:focus {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001381 border: .125rem solid var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001382}
1383
1384.scTailwindSharedRich_text_editorToolbarcontrolactive {
1385 background: rgba(227, 227, 227, 0.122);
1386}
1387
1388.scTailwindSharedRich_text_editorToolbarMobiletoolbarattachment,
1389.scTailwindSharedRich_text_editorToolbarMobiletoolbartext-format {
1390 border-right: 1px solid var(--TWPT-interop-subtle-border);
1391}
1392
1393.scTailwindSharedRich_text_editorToolbarMobiletoolbartext-format-button {
1394 color: var(--TWPT-interop-secondary-text);
1395}
1396
1397.scTailwindSharedRich_text_editorToolbarMobiletoolbargroup {
1398 border-right: 1px solid var(--TWPT-interop-subtle-border);
1399}
1400
1401.scTailwindSharedRich_text_editorToolbargroup:not(:first-child) {
1402 border-left: 1px solid var(--TWPT-interop-subtle-border);
1403}
1404
1405.scTailwindSharedTitlefieldhelper-text {
1406 color: var(--TWPT-interop-secondary-text);
1407}
1408
1409.sc-select {
1410 border: .0625rem solid var(--TWPT-interop-secondary-text);
1411 color: #e3e3e3;
1412}
1413
1414.sc-select.keyboard-focus {
1415 border-color: transparent;
1416 box-shadow: 0 0 0 .125rem #a8c7fa;
1417}
1418
1419.sc-select svg {
1420 fill: var(--TWPT-interop-secondary-text);
1421}
1422
1423.sc-select ol {
1424 background: #272727;
1425 box-shadow: 0 .1875rem .3125rem -.0625rem rgba(0, 0, 0, 0.4), 0 .375rem .625rem 0 rgba(0, 0, 0, 0.28), 0 .0625rem 1.125rem 0 rgba(0, 0, 0, 0.24);
1426}
1427
1428.sc-select .sc-select-highlight {
1429 background-color: #5ab3f0;
1430 color: #1f1f1f;
1431}
1432
1433/* Unified profile view (see the "IMPORTANT NOTICE" comment above) */
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001434.scTailwindUser_profileAchievementsempty a,
1435 .scTailwindUser_profileAchievementsempty a:visited,
1436 sc-tailwind-user_profile-user-profile .link-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001437 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001438}
1439
1440.scTailwindUser_profileBiosectionsection-heading {
1441 color: var(--TWPT-interop-secondary-text)!important;
1442}
1443
1444.scTailwindUser_profileBiosectionbio {
1445 color: var(--TWPT-interop-primary-text)!important;
1446}
1447
1448.scTailwindUser_profileBiosectionlinks,
1449 .scTailwindUser_profileBiosectionlink {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001450 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001451}
1452
1453.scTailwindUser_profileBiosectioninput-label {
1454 color: var(--TWPT-interop-secondary-text)!important;
1455}
1456
1457.scTailwindUser_profileEmaildisplayemail-display {
1458 color: var(--TWPT-interop-secondary-text)!important;
1459}
1460
1461.scTailwindUser_profileEmaildisplayshow-email {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001462 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001463}
1464
1465.scTailwindUser_profileMessagecardthread-link {
1466 color: var(--TWPT-interop-secondary-text)!important;
1467}
1468
1469.scTailwindUser_profileMessagecardlabel {
1470 color: var(--TWPT-interop-secondary-text)!important;
1471}
1472
1473.scTailwindUser_profileMessagecardcontent {
1474 border-left: 2px solid var(--TWPT-interop-subtle-border)!important;
1475 color: var(--TWPT-interop-primary-text)!important;
1476}
1477
1478.scTailwindUser_profileMessagecardcount {
1479 color: var(--TWPT-interop-secondary-text)!important;
1480}
1481
1482.scTailwindUser_profileMessagecardrecommended-answer {
1483 color: #6dd58c!important;
1484}
1485
1486.scTailwindUser_profileMessagecardrecommended-answer .icon {
1487 background-color: #6dd58c!important;
1488 color: #1f1f1f!important;
1489}
1490
1491sc-tailwind-user_profile-user-profile .notificationIcon {
1492 color: var(--TWPT-interop-secondary-text)!important;
1493}
1494
1495sc-tailwind-user_profile-user-profile .deleteIcon,
1496 sc-tailwind-user_profile-user-profile .reportAbuseIcon,
1497 sc-tailwind-user_profile-user-profile .reactivateIcon {
1498 color: var(--TWPT-interop-secondary-text)!important;
1499}
1500
1501.scTailwindUser_profilePosthistorysection+.scTailwindUser_profilePosthistorysection {
1502 border-top-color: var(--TWPT-interop-subtle-border)!important;
1503}
1504
1505.scTailwindUser_profilePosthistorycontent,
1506 .scTailwindUser_profilePosthistoryheader,
1507 .scTailwindUser_profilePosthistoryerror {
1508 border-color: var(--TWPT-interop-subtle-border)!important;
1509}
1510
1511.scTailwindUser_profileThreadcardtitle {
1512 color: var(--TWPT-interop-primary-text)!important;
1513}
1514
1515.scTailwindUser_profileThreadcardlabel {
1516 color: var(--TWPT-interop-secondary-text)!important;
1517}
1518
1519.scTailwindUser_profileThreadcardcontent {
1520 color: var(--TWPT-interop-primary-text)!important;
1521}
1522
1523.scTailwindUser_profileThreadcardcount {
1524 color: var(--TWPT-interop-secondary-text)!important;
1525}
1526
1527.scTailwindUser_profileThreadcardreply .icon {
1528 color: var(--TWPT-interop-secondary-text)!important;
1529}
1530
1531.scTailwindUser_profileThreadcardrecommended-answer {
1532 color: #6dd58c!important;
1533}
1534
1535.scTailwindUser_profileThreadcardrecommended-answer .icon {
1536 background-color: #6dd58c!important;
1537 color: #1f1f1f!important;
1538}
1539
1540.scTailwindUser_profileUsercardroot {
1541 border: 1px solid var(--TWPT-interop-subtle-border)!important;
1542}
1543
1544.scTailwindUser_profileUsercardinput-label {
1545 color: var(--TWPT-interop-secondary-text)!important;
1546}
1547
1548.scTailwindUser_profileUsercardheadline {
1549 color: var(--TWPT-interop-primary-text)!important;
1550}
1551
1552.scTailwindUser_profileUsercarddetails {
1553 color: var(--TWPT-interop-secondary-text)!important;
1554}
1555
1556.scTailwindUser_profileUsercardlinks,
1557 .scTailwindUser_profileUsercardlink {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001558 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001559}
1560
1561.scTailwindUser_profileUsercardhorizontal-separator {
1562 background-color: var(--TWPT-interop-subtle-border)!important;
1563 color: var(--TWPT-interop-subtle-border)!important;
1564}
1565
1566.scTailwindUser_profileUsercardsection-heading {
1567 color: var(--TWPT-interop-secondary-text)!important;
1568}
1569
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001570/* Interop thread view (see the "IMPORTANT NOTICE" comment above) */
1571.scTailwindThreadEditquestiondialogroot.scTailwindThreadEditquestiondialogscrollable {
1572 -webkit-box-shadow: inset 0 -11px 5px -11px #000;
1573 box-shadow: inset 0 -11px 5px -11px #000;
1574}
1575
1576.scTailwindThreadEditquestiondialogerror {
1577 color: #ec928e;
1578}
1579
1580.scTailwindThreadGetlinkdialoglink-container {
1581 border-bottom: 2px solid #a8c7fa;
1582}
1583
1584h4.scTailwindThreadMessageHelpfulnessbuttonslabel {
1585 color: #e3e3e3;
1586}
1587
1588.scTailwindThreadMessageMessagecardsub-content {
1589 background: #3c4043;
1590 border-top: 1px solid var(--TWPT-interop-subtle-border);
1591}
1592
1593.scTailwindThreadMessageMessagecardnested-reply:not(:first-child) {
1594 border-top: 1px solid var(--TWPT-interop-subtle-border);
1595}
1596
1597.scTailwindThreadMessageMessagecardtargeted {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001598 border-left: .125rem solid var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001599}
1600
1601.scTailwindThreadMessageMessagecardcalloutroot.scTailwindThreadMessageMessagecardcalloutrecommended {
1602 background: #0f5223;
1603 border-color: #6dd58c;
1604}
1605
1606.scTailwindThreadMessageMessagecardcalloutroot.scTailwindThreadMessageMessagecardcalloutrelevant {
1607 background: #394457;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001608 border-color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001609}
1610
1611.scTailwindThreadMessageMessagetagrecommended.scTailwindThreadMessageMessagetagnormal {
1612 color: #6dd58c;
1613}
1614
1615.scTailwindThreadMessageMessagetagrecommended.scTailwindThreadMessageMessagetagstrong {
1616 color: #6dd58c;
1617}
1618
1619.scTailwindThreadMessageMessagetagrelevant.scTailwindThreadMessageMessagetagnormal {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001620 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001621}
1622
1623.scTailwindThreadMessageMessagetagrelevant.scTailwindThreadMessageMessagetagstrong {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001624 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001625}
1626
1627.scTailwindThreadMessageMessageinteractionsinteraction {
1628 color: var(--TWPT-interop-secondary-text);
1629}
1630
1631p.scTailwindThreadMessageMessagetombstoneroot {
1632 color: var(--TWPT-interop-secondary-text);
1633}
1634
1635p.scTailwindThreadMessageMessagetombstoneroot .scTailwindThreadMessageMessagetombstoneclickable {
1636 color: var(--TWPT-interop-secondary-text);
1637}
1638
1639.scTailwindThreadPostcontentroot {
1640 color: #e3e3e3;
1641}
1642
1643.scTailwindThreadPostcontentroot a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001644 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001645}
1646
1647.scTailwindThreadPost_headerOverflowmenuicon {
1648 color: var(--TWPT-interop-secondary-text);
1649}
1650
1651.scTailwindThreadPost_headerPostdateroot {
1652 color: var(--TWPT-interop-secondary-text);
1653}
1654
1655.scTailwindThreadPost_headerUserinfoname a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001656 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001657}
1658
1659.scTailwindThreadPost_headerUserinfotag {
1660 color: var(--color, #e3e3e3);
1661}
1662
1663.scTailwindThreadPost_headerUserinfoheadline {
1664 color: var(--TWPT-interop-secondary-text);
1665}
1666
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001667.scTailwindThreadReplyeditorroot {
1668 background: #2a2b2f;
1669 border-color: var(--TWPT-interop-subtle-border);
1670}
1671
1672.scTailwindThreadReplyeditortop-row {
1673 border-bottom-color: 1px solid rgba(255, 255, 255, 0.239);
1674}
1675
1676.scTailwindThreadReplyeditorfooter {
1677 background: #36373a;
1678 border-top-color: rgba(255, 255, 255, 0.239);
1679}
1680
1681.scTailwindThreadReplyeditorfooter a {
1682 color: var(--TWPT-interop-blue);
1683}
1684
1685.scTailwindThreadReplyeditorroot .scTailwindThreadReplyeditorerror {
1686 color: #ec928e;
1687}
1688
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001689.scTailwindThreadReplydialogroot {
1690 background: #2a2b2f;
1691}
1692
1693.scTailwindThreadReplydialogheader {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001694 background: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001695}
1696
1697.scTailwindThreadReplydialogheader h1.scTailwindThreadReplydialogheading {
1698 color: #1f1f1f;
1699}
1700
1701.scTailwindThreadReplydialogheading-button {
1702 color: #1f1f1f;
1703}
1704
1705.scTailwindThreadReplydialogtop-row {
1706 border-bottom: 1px solid var(--TWPT-interop-subtle-border);
1707}
1708
1709.scTailwindThreadReplydialogfooter {
1710 background: #36373a;
1711}
1712
1713.scTailwindThreadReplydialogfooter a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001714 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001715}
1716
1717.scTailwindThreadReplydialogminimized .scTailwindThreadReplydialogheader {
1718 background: #e3e3e3;
1719 color: #1f1f1f;
1720}
1721
1722.scTailwindThreadReplydialogroot .scTailwindThreadReplydialogerror {
1723 color: #ec928e;
1724}
1725
1726@media (min-width:48.125rem) {
1727 .scTailwindThreadReplydialogroot {
1728 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
1729 }
1730}
1731
1732.scTailwindThreadMessageMessagelisthelp-icon {
1733 color: var(--TWPT-interop-secondary-text);
1734}
1735
1736.scTailwindThreadMessageMessagelistrecommended-icon {
1737 color: #c4eed0;
1738}
1739
1740.scTailwindThreadMessageMessagelistrelevant-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001741 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001742}
1743
1744.scTailwindThreadMorebuttondivider {
1745 background: var(--TWPT-interop-subtle-border);
1746}
1747
1748.scTailwindThreadMorebuttonbutton {
1749 background: #1f1f1f;
1750 border: 1px solid var(--TWPT-interop-subtle-border);
1751 color: var(--TWPT-interop-secondary-text);
1752}
1753
1754.scTailwindThreadPesignupdialogclose-button-row button {
1755 color: #fff;
1756}
1757
1758.scTailwindThreadPesignupdialogdialog-body p {
1759 color: #e3e3e3;
1760}
1761
1762.scTailwindThreadPesignupdialogpe-dialog-container {
1763 background-color: #1f1f1f;
1764 -webkit-box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1765 box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1766}
1767
1768.scTailwindThreadPostconfirmationdialogclose-button-row button {
1769 color: #e3e3e3;
1770}
1771
1772.scTailwindThreadPostconfirmationdialogdialog-body p {
1773 color: #e3e3e3;
1774}
1775
1776.scTailwindThreadPostconfirmationdialogdialog-container {
1777 background-color: #1f1f1f;
1778 -webkit-box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1779 box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1780}
1781
1782.scTailwindThreadQuestionQuestioncardsub-content {
1783 background: #3c4043;
1784 border-top: 1px solid var(--TWPT-interop-subtle-border);
1785}
1786
1787.scTailwindThreadQuestionQuestioncardtitle {
1788 color: #e3e3e3;
1789}
1790
1791.scTailwindThreadQuestionQuestioncardbody {
1792 color: #e3e3e3;
1793}
1794
1795.scTailwindThreadQuestionQuestioncardbody a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001796 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001797}
1798
1799.scTailwindThreadQuestionQuestioncarddisclaimer,
1800.scTailwindThreadQuestionQuestioncardedited {
1801 color: var(--TWPT-interop-secondary-text);
1802}
1803
1804.scTailwindThreadQuestionQuestioncarddisclaimer a,
1805.scTailwindThreadQuestionQuestioncardedited a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001806 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001807}
1808
1809.scTailwindThreadQuestionQuestiondetailsdetail-link {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001810 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001811}
1812
1813.scTailwindThreadQuestionQuestionpurposetag {
1814 background: #394457;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001815 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001816}
1817
1818.scTailwindThreadQuestionStatechipschip {
1819 border: 1px solid var(--TWPT-interop-subtle-border);
1820 color: var(--TWPT-interop-secondary-text);
1821}
1822
1823.scTailwindThreadThreaddeleted-icon {
1824 color: var(--TWPT-interop-secondary-text);
1825}
1826
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001827/* Some fixes for the interop components in the Community Console */
1828/* Alumnus */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001829.scTailwindThreadPost_headerUserinfotag[style*="--color:#0F9D58"],
1830 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#0F9D58"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001831 --color: #C4EED0!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001832 --userLabelColor: #C4EED0!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001833}
1834
1835/* Bronze */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001836.scTailwindThreadPost_headerUserinfotag[style*="--color:#896E63"],
1837 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#896E63"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001838 --color: #B9ABA3!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001839 --userLabelColor: #B9ABA3!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001840}
1841
1842/* Silver */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001843.scTailwindThreadPost_headerUserinfotag[style*="--color:#5F6368"],
1844 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#5F6368"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001845 --color: #C4C7C5!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001846 --userLabelColor: #C4C7C5!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001847}
1848
1849/* Gold */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001850.scTailwindThreadPost_headerUserinfotag[style*="--color:#E37400"],
1851 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#E37400"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001852 --color: #F09D00!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001853 --userLabelColor: #F09D00!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001854}
1855
1856/* Platinum */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001857.scTailwindThreadPost_headerUserinfotag[style*="--color:#455A64"],
1858 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#455A64"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001859 --color: #E3E3E3!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001860 --userLabelColor: #E3E3E3!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001861}
1862
1863/* Diamond, Community Specialist, Community Manager and Google Employee */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001864.scTailwindThreadPost_headerUserinfotag[style*="--color:#1A73E8"],
1865 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#1A73E8"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001866 --color: #A8C7FA!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001867 --userLabelColor: #A8C7FA!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001868}
1869
avm999630bc113a2020-09-07 13:02:11 +02001870/* Duplicate thread feature */
1871.search-results ec-thread-option material-expansionpanel .panel {
1872 background-color: var(--TWPT-primary-background)!important;
1873}
1874
1875.search-results ec-thread-option material-expansionpanel.selected .panel,
1876 .search-results ec-thread-option material-expansionpanel .panel > .main-header > .header.closed:hover,
1877 .search-results ec-thread-option material-expansionpanel .panel > .main-header > .header.closed:focus {
1878 background-color: #17191c!important;
1879}
1880
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001881.search-results .results-title {
1882 color: var(--TWPT-primary-text-alt)!important;
1883}
1884
1885.search-results ec-thread-option material-expansionpanel .panel > .main > .main-content .snippet {
1886 color: var(--TWPT-secondary-text)!important;
1887}
1888
avm999630bc113a2020-09-07 13:02:11 +02001889/* Disabled buttons */
1890material-button[disabled] {
1891 color: rgba(255, 255, 255, .26)!important;
1892}
1893
1894/* Material icons */
1895ec-filter-drawer-item material-icon,
1896 ec-filter-drawer-item ec-icon,
1897 material-drawer .drawer-section material-icon,
1898 material-drawer .drawer-section ec-icon,
1899 material-list material-icon,
1900 ec-query-builder material-icon,
avm999630bc113a2020-09-07 13:02:11 +02001901 ec-thread-summary material-expansionpanel .title material-icon,
1902 .search-results ec-thread-option material-icon,
1903 .search-results ec-thread-option ec-icon,
1904 ec-rich-text-editor material-icon,
1905 ec-editor-command material-icon,
avm99963223416c2021-04-21 22:13:14 +02001906 ec-canned-responses ec-canned-response-row material-icon,
1907 ec-ask-flow > .header material-button {
avm999630bc113a2020-09-07 13:02:11 +02001908 color: rgba(255, 255, 255, .87)!important;
1909}
1910
1911material-drawer ec-icon,
avm99963223416c2021-04-21 22:13:14 +02001912 .search-results ec-thread-option ec-icon,
avm9996315b23d72021-04-26 18:07:15 +02001913 ec-thread-summary material-expansionpanel .title ec-icon,
1914 ec-announcements-menu-item ec-icon {
avm999630bc113a2020-09-07 13:02:11 +02001915 fill: rgba(255, 255, 255, .87)!important;
1916}
1917
1918/* Dialogs */
1919material-dialog, material-dialog .dialog-header {
1920 background-color: var(--TWPT-primary-background)!important;
1921}
1922
1923ec-movable-dialog[showminimize] material-dialog .dialog-header {
1924 background-color: #d2e3fc!important;
1925}
1926
1927material-dialog .title {
1928 color: var(--TWPT-primary-text-alt)!important;
1929}
1930
1931ec-movable-dialog[showminimize] material-dialog .dialog-header .title, ec-movable-dialog[showminimize] material-dialog header material-icon {
1932 color: var(--TWPT-primary-background)!important;
1933}
1934
1935ec-movable-dialog[showminimize] material-dialog .header-notice, material-dialog .legal-prompt {
1936 background-color: #170f01!important;
1937}
1938
avm99963223416c2021-04-21 22:13:14 +02001939ec-movable-dialog[showminimize] material-dialog .main .header-notice material-icon[icon="info_outline"] {
1940 color: var(--TWPT-blue-A100)!important;
1941}
1942
avm999630bc113a2020-09-07 13:02:11 +02001943material-dialog .section-title,
1944 material-dialog .select-label,
1945 material-dialog .input-label,
1946 material-dialog .btn-no,
1947 ec-display-name-editor,
1948 .forum-selection-label {
1949 color: var(--TWPT-secondary-text)!important;
1950}
1951
avm9996301818912021-05-24 11:53:18 +02001952material-dialog main > .user {
1953 border-bottom-color: var(--TWPT-card-border)!important;
1954}
1955
avm999630bc113a2020-09-07 13:02:11 +02001956ec-movable-dialog[showminimize] material-dialog footer > [footer] > .footer > [footer] > simple-html {
1957 color: var(--TWPT-secondary-text)!important;
1958 background-color: var(--TWPT-active-background)!important;
1959 border-top-color: #25231f!important;
1960}
1961
avm9996301818912021-05-24 11:53:18 +02001962ec-movable-dialog[showminimize] material-dialog footer > [footer] > .footer > [footer] > simple-html a {
1963 color: var(--TWPT-link)!important;
1964}
1965
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001966material-dialog .footer material-button[raised]:not([disabled]) {
1967 background-color: var(--TWPT-blue-A100)!important;
1968 color: #1f1f1f!important;
1969}
1970
avm999630bc113a2020-09-07 13:02:11 +02001971/* Keyboard shortcuts dialog */
Adrià Vilanova Martínezd28af562021-09-19 22:27:55 +02001972material-dialog .main.with-scroll-strokes table th {
avm999630bc113a2020-09-07 13:02:11 +02001973 color: var(--TWPT-primary-text)!important;
1974}
1975
Adrià Vilanova Martínezd28af562021-09-19 22:27:55 +02001976material-dialog .main.with-scroll-strokes table td {
1977 color: var(--TWPT-primary-text-alt)!important;
1978}
1979
1980material-dialog .main.with-scroll-strokes table tr,
1981 material-dialog .main.with-scroll-strokes .shortcut {
1982 border-color: var(--TWPT-card-border)!important;
1983}
1984
1985material-dialog .main.with-scroll-strokes.bottom-scroll-stroke {
1986 border-bottom-color: var(--TWPT-card-border)!important;
1987}
1988
1989material-dialog .main.with-scroll-strokes.top-scroll-stroke {
1990 border-top-color: var(--TWPT-card-border)!important;
1991}
1992
avm999630bc113a2020-09-07 13:02:11 +02001993/* Rich text editor */
1994ec-editor-command material-button,
1995 ec-formatting-popup material-button {
1996 box-shadow: none!important;
1997}
1998
1999ec-editor-command material-button.is-active {
2000 background: var(--TWPT-active-background)!important;
2001}
2002
2003ec-rich-text-editor .placeholder {
2004 color: rgba(255, 255, 255, .38)!important;
2005}
2006
avm9996301818912021-05-24 11:53:18 +02002007ec-rich-text-editor .input-wrapper,
2008 ec-rich-text-editor .spacer {
2009 border-color: var(--TWPT-card-border)!important;
2010}
2011
2012ec-rich-text-editor .input-wrapper.input-wrapper--focused {
2013 border-color: var(--TWPT-blue-A100)!important;
2014}
2015
avm999630bc113a2020-09-07 13:02:11 +02002016ec-rich-text-editor .input {
2017 color: var(--TWPT-primary-text)!important;
2018}
2019
2020ec-rich-text-editor .hint {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002021 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002022}
2023
2024material-select-searchbox + material-list material-list-item {
2025 color: rgba(255, 255, 255, .87)!important;
2026}
2027
2028ec-attachment .filename {
2029 color: var(--TWPT-primary-text)!important;
2030}
2031
2032/* Thread insert */
2033ec-thread-insert .title {
2034 color: var(--TWPT-primary-text)!important;
2035}
2036
2037ec-thread-insert ec-thread-counts,
2038 ec-thread-insert .details,
2039 ec-thread-insert ec-relative-time {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002040 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002041}
2042
2043/* Text input */
2044material-input input {
2045 color: var(--TWPT-primary-text)!important;
2046}
2047
2048material-input .label-text,
2049 material-input .hint-text,
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02002050 material-input .counter,
2051 material-input .leading-text,
2052 material-input .leading-text material-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002053 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002054}
2055
2056material-input .underline .unfocused-underline {
avm99963223416c2021-04-21 22:13:14 +02002057 background-color: var(--TWPT-input-underline)!important;
avm999630bc113a2020-09-07 13:02:11 +02002058}
2059
avm9996301818912021-05-24 11:53:18 +02002060material-input .underline .focused-underline {
2061 background-color: var(--TWPT-blue-A100)!important;
2062}
2063
avm999630bc113a2020-09-07 13:02:11 +02002064label .label {
2065 color: var(--TWPT-primary-text)!important;
2066}
2067
2068/* Input underline */
2069material-input .underline .unfocused-underline,
2070 material-dropdown-select dropdown-button [buttondecorator] {
avm9996301818912021-05-24 11:53:18 +02002071 border-color: var(--TWPT-input-underline)!important;
avm999630bc113a2020-09-07 13:02:11 +02002072}
2073
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02002074/* Material yes/no buttons */
2075material-yes-no-buttons material-button:not([disabled]).highlighted:not([raised]) {
2076 color: var(--TWPT-blue-A100)!important;
2077}
2078
Adrià Vilanova Martínez9605cb82021-09-07 13:04:10 +02002079/* Checkbox input (except for forum checkboxes in the drawer) */
Adrià Vilanova Martínezdd8075f2021-09-08 21:57:32 +02002080material-checkbox material-icon:not(ec-forum-drawer-item material-icon, ec-thread-list material-icon),
2081 material-checkbox .content:not(ec-forum-drawer-item material-icon, ec-thread-list material-icon) {
avm999630bc113a2020-09-07 13:02:11 +02002082 color: var(--TWPT-secondary-text)!important;
2083}
2084
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +02002085/* .gm-icons is added by the SMEI_GOOGLE_MATERIAL_ICONS experiment. */
Adrià Vilanova Martínezdd8075f2021-09-08 21:57:32 +02002086material-checkbox material-icon.filled:not(ec-forum-drawer-item material-icon, ec-thread-list material-icon) {
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +02002087 color: var(--TWPT-blue-A100)!important;
2088}
2089
2090material-checkbox:focus:not(.disabled).gm-icons .icon,
2091 .gm-icons material-checkbox:focus:not(.disabled) .icon,
2092 material-checkbox:hover:not(.disabled).gm-icons .icon,
2093 .gm-icons material-checkbox:hover:not(.disabled) .icon {
2094 color: #cfd2d8!important; /* custom value */
2095}
2096
2097material-checkbox:focus:not(.disabled).gm-icons .icon.filled,
2098 .gm-icons material-checkbox:focus:not(.disabled) .icon.filled,
2099 material-checkbox:hover:not(.disabled).gm-icons .icon.filled,
2100 .gm-icons material-checkbox:hover:not(.disabled) .icon.filled {
2101 color: var(--TWPT-blue-100)!important;
2102}
2103
2104.gm-icons material-checkbox .icon-container::before{
2105 background-color: #dfdedb!important; /* custom value */
2106}
2107
2108/* Radio input */
2109material-radio .icon-container:not(.checked) material-icon {
2110 color: var(--TWPT-secondary-text)!important;
2111}
2112
2113material-radio .icon-container.checked material-icon {
2114 color: var(--TWPT-blue-A100)!important;
2115}
2116
2117/* Material switch */
2118.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
2119 background-color: #7d7d7d!important; /* custom value */
2120}
2121
2122.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
2123 border-color: #fff!important; /* custom value */
2124}
2125
2126.mdc-switch.mdc-switch--checked .mdc-switch__track {
2127 background-color: var(--TWPT-blue-A100)!important;
2128}
2129
2130.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
2131 border-color: var(--TWPT-blue-A100)!important;
2132}
2133
avm999630bc113a2020-09-07 13:02:11 +02002134/* Material menu button and dropdown select */
2135material-menu material-button, material-dropdown-select dropdown-button {
avm99963223416c2021-04-21 22:13:14 +02002136 color: var(--TWPT-primary-text)!important;
avm999630bc113a2020-09-07 13:02:11 +02002137}
2138
avm9996348c87d12021-04-09 13:00:21 +02002139material-dropdown-select dropdown-button .button.is-disabled .button-text,
2140 material-dropdown-select dropdown-button .button.is-disabled material-icon {
2141 color: rgba(255, 255, 255, .32)!important;
avm999630bc113a2020-09-07 13:02:11 +02002142}
2143
2144/* Announcements content */
avm99963223416c2021-04-21 22:13:14 +02002145ec-announcements-content .header,
2146 ec-announcements-content .no-announcements,
2147 ec-announcements-content .announcement {
2148 border-bottom-color: var(--TWPT-card-border)!important;
2149}
2150
avm999630bc113a2020-09-07 13:02:11 +02002151ec-announcements-content .header .title, ec-announcements-content .announcement-title {
2152 color: var(--TWPT-primary-text-alt)!important;
2153}
2154
avm9996315b23d72021-04-26 18:07:15 +02002155ec-announcements-content .announcement-date {
2156 color: var(--TWPT-secondary-text)!important;
2157}
2158
avm999630bc113a2020-09-07 13:02:11 +02002159ec-announcements-content .no-announcements-message {
2160 color: #c3bfbc!important;
2161}
2162
avm9996315b23d72021-04-26 18:07:15 +02002163ec-announcements-content .view-all-link,
2164 ec-announcements-content .read-more-button {
avm99963223416c2021-04-21 22:13:14 +02002165 color: var(--TWPT-link)!important;
2166}
2167
avm9996315b23d72021-04-26 18:07:15 +02002168ec-announcements-content ::-webkit-scrollbar-thumb {
2169 background-color: rgba(255, 255, 255, .26)!important;
2170}
2171
2172ec-announcements-content ::-webkit-scrollbar-thumb:hover {
2173 background-color: #4285f4!important;
2174}
2175
avm99963b2329632021-02-06 20:05:34 +01002176/* Generic popup (for notification bell, account selector, etc.) */
2177.popup-wrapper .header-text {
2178 color: var(--TWPT-primary-text)!important;
2179}
2180
avm9996348c87d12021-04-09 13:00:21 +02002181/* Notifications bell popup/panel */
Adrià Vilanova Martínez47d33bc2021-08-14 18:50:50 +02002182.notification-panel .header {
2183 border-bottom-color: var(--TWPT-card-border)!important;
2184}
2185
avm9996348c87d12021-04-09 13:00:21 +02002186.notification-panel .header material-button {
2187 color: var(--TWPT-secondary-text)!important;
2188}
2189
2190.notification-panel .cards-container .promo-message {
2191 color: var(--TWPT-secondary-text)!important;
2192}
2193
2194.notification-panel .cards-container .promo-message .header-text {
2195 color: var(--TWPT-primary-text)!important;
2196}
2197
Adrià Vilanova Martínez47d33bc2021-08-14 18:50:50 +02002198.notification-panel .cards-container ec-notification-card-content {
2199 border-bottom-color: var(--TWPT-card-border)!important;
2200}
2201
2202.notification-panel .cards-container ec-notification-card-content .text {
2203 color: var(--TWPT-primary-text)!important;
2204}
2205
2206.notification-panel .cards-container ec-notification-card-content .time,
2207 .notification-panel .cards-container ec-notification-card-content .close material-button {
2208 color: var(--TWPT-secondary-text)!important;
2209}
2210
avm999630bc113a2020-09-07 13:02:11 +02002211/* Account selector */
2212.popup-wrapper .profile .email {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002213 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002214}
2215
2216material-gaia-picker-footer {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002217 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002218 background-color: var(--TWPT-active-background)!important;
2219}
2220
avm9996348c87d12021-04-09 13:00:21 +02002221material-gaia-picker-footer material-button {
2222 color: var(--TWPT-secondary-text)!important;
2223}
2224
avm999630bc113a2020-09-07 13:02:11 +02002225/* Canned responses */
2226ec-canned-responses .filter-label,
avm9996325a0d602020-11-25 19:24:16 +01002227 ec-canned-responses ec-canned-response-row .name {
avm999630bc113a2020-09-07 13:02:11 +02002228 color: var(--TWPT-primary-text)!important;
2229}
2230
avm9996325a0d602020-11-25 19:24:16 +01002231ec-canned-responses .label-row,
2232 ec-canned-responses ec-canned-response-row .snippet,
Adrià Vilanova Martínez74a25202022-01-23 23:36:58 +01002233 ec-canned-responses ec-canned-response-row .tag .content,
2234 ec-canned-responses ec-canned-response-row .TWPT-tag .TWPT-content {
avm9996325a0d602020-11-25 19:24:16 +01002235 color: var(--TWPT-secondary-text)!important;
2236}
2237
avm999630bc113a2020-09-07 13:02:11 +02002238ec-canned-responses ec-canned-response-row .header.closed:hover,
2239 ec-canned-responses ec-canned-response-row .header.closed:focus,
2240 ec-canned-responses ec-canned-response-row .header.closed:hover .toolbar,
2241 ec-canned-responses ec-canned-response-row .header.closed:focus .toolbar {
2242 background-color: var(--TWPT-active-background)!important;
2243}
2244
avm9996325a0d602020-11-25 19:24:16 +01002245ec-canned-responses .filter-row,
2246 ec-canned-responses .label-row,
2247 ec-canned-responses ec-canned-response-row material-expansionpanel {
2248 border-bottom-color: var(--TWPT-subtle-border)!important;
2249}
2250
avm999630bc113a2020-09-07 13:02:11 +02002251/* Reply button */
Adrià Vilanova Martínez1d44d3d2021-07-26 15:34:19 +02002252material-fab.reply-button,
2253 material-fab.reply-fab {
avm999630bc113a2020-09-07 13:02:11 +02002254 background-color: var(--TWPT-link)!important;
2255 color: var(--TWPT-primary-background)!important;
2256}
2257
avm99963223416c2021-04-21 22:13:14 +02002258/* Settings view */
2259ec-settings .forum-language-container {
2260 border-bottom-color: var(--TWPT-subtle-border)!important;
2261}
2262
2263ec-settings .forum-language-container material-button {
2264 color: var(--TWPT-secondary-text)!important;
2265}
2266
Adrià Vilanova Martínez3356df72021-07-09 19:27:04 +02002267/* Loading spinner */
2268material-spinner {
2269 border-color: var(--TWPT-blue-A100)!important;
2270}
2271
avm99963f5923962020-12-07 16:44:37 +01002272/* Custom injected components */
2273.TWPT-log {
2274 background-color: #424242!important;
2275}
2276
2277.TWPT-log-entry.TWPT-log-entry--error {
2278 color: #ff8A80!important;
2279}