blob: ddc4b3fcda673f3363f8f7f2ee7a08a371b4c88f [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,
avm99963d08c37e2022-09-25 20:41:58 +020058 .mdc-button.mdc-icon-button material-icon,
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +020059 notification-bell material-icon) {
avm999630bc113a2020-09-07 13:02:11 +020060 color: rgba(255, 255, 255, .87)!important;
61}
62
63.search-box {
64 background-color: #313235!important;
65}
66
67.search-box .clear-icon {
68 opacity: 0.8;
69 color: rgba(255, 255, 255, .87)!important;
70}
71
72.material-content > header .bell.mixin {
73 fill: rgba(255, 255, 255, .87)!important;
74}
75
Adrià Vilanova Martínez47d33bc2021-08-14 18:50:50 +020076/* Notification bell */
77notification-bell:focus {
78 background-color: rgba(255, 255, 255, .10)!important;
79}
80
avm999630bc113a2020-09-07 13:02:11 +020081/* Drawer */
82material-drawer, material-drawer .panel, material-list-item {
83 background-color: var(--TWPT-drawer-background)!important;
84}
85
avm9996324ef6522020-11-25 19:45:43 +010086material-list-item:hover, material-list-item:focus, material-list-item.item--active {
avm999630bc113a2020-09-07 13:02:11 +020087 background-color: var(--TWPT-active-background)!important;
88}
89
90material-drawer .panel {
91 border-bottom-color: #25231f!important;
92}
93
94material-drawer .drawer-section-title, material-drawer .header > material-icon {
95 color: var(--TWPT-secondary-text)!important;
96}
97
avm9996315b23d72021-04-26 18:07:15 +020098material-drawer material-list-item,
99 material-drawer material-list-item .title {
avm999630bc113a2020-09-07 13:02:11 +0200100 color: #d2cecb!important;
101}
102
103material-drawer ec-forum-drawer-item material-checkbox material-icon {
104 filter: brightness(1.5);
105}
106
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200107/* Tabs */
108material-tab-strip tab-button {
109 color: var(--TWPT-secondary-text)!important;
110}
111
112material-tab-strip tab-button.active {
113 color: var(--TWPT-blue-A100)!important;
114}
115
116material-tab-strip .tab-indicator {
117 border-top-color: var(--TWPT-blue-A100)!important;
118}
119
avm9996315b23d72021-04-26 18:07:15 +0200120/* Header menus */
121.popup material-list-item {
122 color: #d2cecb!important;
123}
124
avm99963223416c2021-04-21 22:13:14 +0200125/* Filters (ec-query-builder) */
126material-condition-builder .compound-condition-operator {
127 color: var(--TWPT-secondary-text)!important;
128}
129
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200130material-condition-builder .compound-condition-operator:is(::before, ::after) {
avm99963223416c2021-04-21 22:13:14 +0200131 border-left-color: rgba(255, 255, 255, .20)!important;
132}
133
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200134material-condition-builder .add-button,
135 ec-query-builder .save-filter-button:not([disabled]) {
136 color: var(--TWPT-blue-A100)!important;
137}
138
139material-condition-builder .add-condition,
140 ec-query-builder .close-button {
141 background-color: var(--TWPT-interop-blue)!important;
142 color: #1f1f1f!important;
143}
144
avm999630bc113a2020-09-07 13:02:11 +0200145/* Selector */
avm99963a51c7612020-11-25 23:58:56 +0100146
147/*
148 * This applies not only to the selector but also to the ec-work-state-picker.
149 */
avm99963a091be12021-02-18 17:03:28 +0100150.popup-wrapper, material-list, .popup .item-group-list {
avm999630bc113a2020-09-07 13:02:11 +0200151 background-color: var(--TWPT-drawer-background)!important;
152}
153
avm99963a091be12021-02-18 17:03:28 +0100154material-list [group]:not(.empty) + *:not(script):not(template):not(.empty),
155 .popup .item-group-list [group]:not(.empty) + *:not(script):not(template):not(.empty) {
avm999630bc113a2020-09-07 13:02:11 +0200156 box-shadow: inset 0 8px 0 0 var(--TWPT-drawer-background)!important;
157 border-top-color: #1f1f1f!important;
158}
159
160material-list material-select-item:hover,
161 material-list material-select-item:focus,
162 material-list material-select-dropdown-item:hover,
163 material-list material-select-dropdown-item:focus,
164 material-list material-select-dropdown-item.active,
avm99963a091be12021-02-18 17:03:28 +0100165 material-list material-select-dropdown-item:not(.multiselect).selected,
avm999634298b432021-08-16 16:38:00 +0200166 material-select-searchbox:focus-within + material-list .single-select-item:first-of-type,
avm99963a091be12021-02-18 17:03:28 +0100167 .popup .item-group-list material-select-item:hover,
168 .popup .item-group-list material-select-item:focus,
avm99963744d0cf2021-03-23 22:05:57 +0100169 .popup .item-group-list material-select-item.active,
avm99963a091be12021-02-18 17:03:28 +0100170 .popup .item-group-list material-select-dropdown-item:hover,
171 .popup .item-group-list material-select-dropdown-item:focus,
172 .popup .item-group-list material-select-dropdown-item.active,
173 .popup .item-group-list material-select-dropdown-item:not(.multiselect).selected {
avm99963744d0cf2021-03-23 22:05:57 +0100174 background-color: var(--TWPT-highlighted-item-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200175}
176
avm999634298b432021-08-16 16:38:00 +0200177material-list .single-select-item,
178 material-list .menu-item-label,
avm99963a091be12021-02-18 17:03:28 +0100179 material-list .label,
180 material-list .text-segment,
avm9996355acfae2021-08-19 18:06:56 +0200181 menu-item-groups .single-select-item,
182 menu-item-groups .menu-item-label,
183 menu-item-groups .label,
184 menu-item-groups .text-segment {
avm999630bc113a2020-09-07 13:02:11 +0200185 color: rgba(255, 255, 255, .87)!important;
186}
187
avm99963a091be12021-02-18 17:03:28 +0100188.popup .item-group-list material-icon {
189 color: rgba(255, 255, 255, .7)!important;
190}
191
avm999630bc113a2020-09-07 13:02:11 +0200192material-list [group] > [label] {
193 color: #8a8a8a!important;
194}
195
avm9996348c87d12021-04-09 13:00:21 +0200196/* This is shown in the new thread view */
197ec-forum-language-picker .labeled-select .select-label {
198 color: var(--TWPT-secondary-text)!important;
199}
200
avm999630bc113a2020-09-07 13:02:11 +0200201/* Main */
202.main {
203 color: var(--TWPT-primary-text)!important;
204}
205
avm9996325a0d602020-11-25 19:24:16 +0100206/* Border color for the page title bar (most pages use .title-bar although
207 * some use .page-header).
208 */
209main .title-bar, main .page-header {
avm999630bc113a2020-09-07 13:02:11 +0200210 border-bottom-color: var(--TWPT-subtle-border)!important;
211}
212
213main .title-bar .title, main .page-header h1, main .header h1 {
214 color: var(--TWPT-primary-text)!important;
215}
216
217.card {
218 background-color: var(--TWPT-secondary-background)!important;
219 color: var(--TWPT-primary-text)!important;
220 border-color: var(--TWPT-card-border)!important;
221}
222
223.card .card-title, .card, .card-section-title {
224 color: var(--TWPT-primary-text)!important;
225}
226
avm99963223416c2021-04-21 22:13:14 +0200227.card .card-section-hint, .card .card-section-checkbox-hint {
avm999630bc113a2020-09-07 13:02:11 +0200228 color: var(--TWPT-secondary-text)!important;
229}
230
231/* Action bar */
232.material-content .action-bar material-button,
233 ec-bulk-actions material-button,
avm99963b2329632021-02-06 20:05:34 +0100234 ec-back-button material-button,
avm9996348c87d12021-04-09 13:00:21 +0200235 .sort-options material-button {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200236 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200237}
238
avm99963ea9b23f2021-04-22 14:06:03 +0200239.material-content .action-bar .review-button.reviewing {
240 color: #1a73e8!important;
241 background: #dae7ff!important;
242}
243
avm999630bc113a2020-09-07 13:02:11 +0200244.material-content .action-bar material-button.starred {
245 color: #fbbc04!important;
246}
247
Adrià Vilanova Martínez2c8913b2021-07-22 23:33:37 +0200248/* ec-work-state-picker and ec-symptom-picker */
249ec-work-state-picker > button,
250 ec-symptom-picker > button {
avm99963a51c7612020-11-25 23:58:56 +0100251 color: var(--TWPT-secondary-text)!important;
252 background-color: var(--TWPT-button-background)!important;
253 border-color: var(--TWPT-subtle-border)!important;
254}
255
256.material-popup-content .popup-content .title {
257 color: var(--TWPT-primary-text)!important;
258}
259
avm999630bc113a2020-09-07 13:02:11 +0200260/* Thread list */
261ec-thread-list ul.thread-group {
262 background-color: var(--TWPT-primary-background)!important;
263}
264
265ec-thread-list ec-bulk-actions, ec-thread-list ec-thread-summary material-expansionpanel {
266 border-bottom-color: var(--TWPT-subtle-border)!important;
267}
268
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200269ec-thread-list .no-results {
270 color: var(--TWPT-primary-text-alt)!important;
271}
272
avm99963a2a06442020-11-25 21:11:10 +0100273ec-thread-summary material-expansionpanel.read:not(.checked) {
avm999630bc113a2020-09-07 13:02:11 +0200274 background-color: var(--TWPT-thread-read-background)!important;
275}
276
avm99963e65bec42020-11-25 18:26:29 +0100277ec-thread-summary material-expansionpanel.read .title span:not(.icon) {
avm9996395da0772020-09-09 01:07:36 +0200278 opacity: 0.8;
279}
280
avm99963e65bec42020-11-25 18:26:29 +0100281ec-thread-summary material-expansionpanel.read .title .icon {
282 opacity: 0.48!important;
283}
284
avm999630bc113a2020-09-07 13:02:11 +0200285ec-thread-summary material-expansionpanel.checked {
avm99963a2a06442020-11-25 21:11:10 +0100286 background-color: #2c4b77!important;
avm999630bc113a2020-09-07 13:02:11 +0200287}
288
289ec-thread-summary material-expansionpanel .title {
290 color: var(--TWPT-primary-text)!important;
291}
292
293ec-thread-summary material-expansionpanel ec-second-summary-line,
294 material-expansionpanel .header-content,
avm9996348c87d12021-04-09 13:00:21 +0200295 material-expansionpanel ec-thread-counts > span:not(.recommended-answers),
296 material-expansionpanel .duplicate-label {
avm999630bc113a2020-09-07 13:02:11 +0200297 color: #928e89!important;
298}
299
avm9996348c87d12021-04-09 13:00:21 +0200300material-expansionpanel .removed-label {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200301 color: var(--TWPT-bad-text)!important;
avm9996348c87d12021-04-09 13:00:21 +0200302}
303
avm999631558e6c2020-12-08 13:42:40 +0100304ec-thread-summary material-expansionpanel ec-safe-html.body,
305 material-expansionpanel .issue-tracking-work-state {
avm999630bc113a2020-09-07 13:02:11 +0200306 color: var(--TWPT-primary-text)!important;
307}
308
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +0200309/*
310 * The following section changes the styles of the checkboxes in thread lists,
311 * based in the styles defined in the "Checkbox input" section.
312 **/
Adrià Vilanova Martínezfb2169a2021-07-09 00:26:37 +0200313ec-thread-summary material-expansionpanel .action material-button,
314 ec-thread-list material-checkbox material-icon,
avm99963d08c37e2022-09-25 20:41:58 +0200315 ec-thread-summary material-expansionpanel .star-button:not(.starred),
316 ec-thread-summary material-expansionpanel .mdc-button.mdc-icon-button material-icon {
Adrià Vilanova Martínezfb2169a2021-07-09 00:26:37 +0200317 color: #696867!important; /* Custom value to match previous behavior */
318 opacity: 1!important;
319}
320
321ec-thread-list material-checkbox material-icon.filled {
322 color: #62a5ff!important; /* Custom value to contrast well with the background */
323}
324
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +0200325/* .gm-icons is added by the SMEI_GOOGLE_MATERIAL_ICONS experiment. */
Adrià Vilanova Martínezfb2169a2021-07-09 00:26:37 +0200326ec-thread-list material-checkbox:focus:not(.disabled).gm-icons .icon,
327 .gm-icons ec-thread-list material-checkbox:focus:not(.disabled) .icon,
328 ec-thread-list material-checkbox:hover:not(.disabled).gm-icons .icon,
329 .gm-icons ec-thread-list material-checkbox:hover:not(.disabled) .icon {
330 color: #807d7c!important; /* custom value */
331}
332
333ec-thread-list material-checkbox:focus:not(.disabled).gm-icons .icon.filled,
334 .gm-icons ec-thread-list material-checkbox:focus:not(.disabled) .icon.filled,
335 ec-thread-list material-checkbox:hover:not(.disabled).gm-icons .icon.filled,
336 .gm-icons ec-thread-list material-checkbox:hover:not(.disabled) .icon.filled {
337 color: #92c1ff!important; /* custom value */
338}
339
avm99963b2329632021-02-06 20:05:34 +0100340/* Thread view (including review/live review components) */
avm999630bc113a2020-09-07 13:02:11 +0200341ec-question, .heading + .group, ec-message {
342 background-color: var(--TWPT-secondary-background)!important;
343}
344
avm99963b2329632021-02-06 20:05:34 +0100345ec-thread .no-review-needed {
346 background-color: #155829!important;
347 border-color: var(--TWPT-subtle-border)!important;
348}
349
350/* Review bar shown above the main message or replies */
351ec-review-bar {
avm999630bc113a2020-09-07 13:02:11 +0200352 background-color: var(--TWPT-active-background)!important;
353}
354
avm99963b2329632021-02-06 20:05:34 +0100355ec-review-bar material-chip {
356 background-color: var(--TWPT-button-background)!important;
357}
358
359ec-review-bar material-chip:not(.relevant-active):not(.active) {
avm99963b2329632021-02-06 20:05:34 +0100360 border-color: var(--TWPT-card-border)!important;
361}
362
363ec-review-bar material-chip:not(.relevant-active):not(.active) material-icon {
364 color: var(--TWPT-primary-text)!important;
365 fill: var(--TWPT-primary-text)!important;
366}
367
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200368ec-review-bar material-chip:not(.relevant-active):not(.active) .content {
369 color: var(--TWPT-primary-text)!important;
370}
371
avm99963b2329632021-02-06 20:05:34 +0100372ec-review-bar material-chip.relevant-active {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200373 border-color: var(--TWPT-good-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100374}
375
376ec-review-bar material-chip.relevant-active material-icon {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200377 color: var(--TWPT-good-text)!important;
378 fill: var(--TWPT-good-text)!important;
379}
380
381ec-review-bar material-chip.relevant-active .content {
382 color: var(--TWPT-good-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100383}
384
385ec-review-bar material-chip.active {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200386 border-color: var(--TWPT-bad-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100387}
388
389ec-review-bar material-chip.active material-icon {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200390 color: var(--TWPT-bad-text)!important;
391 fill: var(--TWPT-bad-text)!important;
392}
393
394ec-review-bar material-chip.active .content {
395 color: var(--TWPT-bad-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100396}
397
avm999630bc113a2020-09-07 13:02:11 +0200398ec-message-header .header, ec-question .state, ec-question ec-thread-counts > span, ec-message ec-thread-counts > span {
399 color: var(--TWPT-secondary-text)!important;
400}
401
avm9996395da0772020-09-09 01:07:36 +0200402ec-question .alert, ec-message .alert {
avm999630bc113a2020-09-07 13:02:11 +0200403 background-color: var(--TWPT-active-background)!important;
404}
405
avm9996395da0772020-09-09 01:07:36 +0200406ec-question .alert material-icon, ec-message .alert material-icon {
avm999630bc113a2020-09-07 13:02:11 +0200407 color: var(--TWPT-primary-text)!important;
408}
409
avm9996395da0772020-09-09 01:07:36 +0200410ec-question .alert ec-icon, ec-message .alert ec-icon {
avm999630bc113a2020-09-07 13:02:11 +0200411 color: var(--TWPT-primary-text)!important;
412 fill: var(--TWPT-primary-text)!important;
413}
414
Adrià Vilanova Martínezdb57f362022-01-13 23:46:24 +0100415ec-question .alert material-button {
416 color: var(--TWPT-link)!important;
417}
418
avm999630bc113a2020-09-07 13:02:11 +0200419ec-question .title {
420 color: var(--TWPT-primary-text-alt)!important;
421}
422
avm99963b2329632021-02-06 20:05:34 +0100423ec-user-link .name-text {
424 color: var(--TWPT-link)!important;
425}
426
427ec-message-header ec-avatar svg, ec-message-header .role,
428 ec-message .footer .role {
avm999630bc113a2020-09-07 13:02:11 +0200429 filter: brightness(1.5);
430}
431
432ec-question .body, ec-message .body {
433 color: var(--TWPT-primary-text)!important;
434}
435
436ec-question .thread-insert {
437 background: none!important;
438}
439
440ec-question .details-heading {
441 color: var(--TWPT-primary-text-alt) !important;
442}
443
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100444ec-question .state-chips material-chip,
445 .TWPT-extrainfo-chip {
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200446 background-color: var(--TWPT-button-background)!important;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100447 border: none!important;
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200448 box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
449 0 1px 1px 0 rgba(0, 0, 0, 0.14),
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100450 0 1px 3px 0 rgba(0, 0, 0, 0.12)!important;
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200451}
452
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100453ec-question .state-chips material-chip .content,
454 .TWPT-extrainfo-chip .TWPT-content {
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200455 color: var(--TWPT-primary-text)!important;
456}
457
avm9996348c87d12021-04-09 13:00:21 +0200458ec-question .footer,
459 ec-ask-flow .content-disclaimer {
avm999630bc113a2020-09-07 13:02:11 +0200460 color: var(--TWPT-primary-text)!important;
461 background-color: var(--TWPT-active-background)!important;
462 border-top-color: var(--TWPT-card-border)!important;
463}
464
465.heading {
466 color: var(--TWPT-primary-text)!important;
467}
468
469.heading + .group,
470 .load-more-bar,
471 ec-message:not(:first-child),
472 .load-more-bar .load-more-button,
473 .load-more-bar .load-all-button {
474 border-color: var(--TWPT-card-border)!important;
475}
476
avm9996395da0772020-09-09 01:07:36 +0200477ec-message .type {
478 color: var(--TWPT-primary-text)!important;
479}
480
avm999630bc113a2020-09-07 13:02:11 +0200481ec-message .footer ec-relative-time,
482 ec-message .footer ec-safe-html {
483 color: var(--TWPT-secondary-text)!important;
484}
485
486ec-message .helpful-prompt {
487 color: var(--TWPT-primary-text)!important;
488}
489
490ec-question .me-too-button,
491 ec-question .subscribe-button,
492 ec-message .upvote-button,
493 ec-message .downvote-button {
494 color: var(--TWPT-secondary-text)!important;
avm99963a51c7612020-11-25 23:58:56 +0100495 background-color: var(--TWPT-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200496}
497
avm99963223416c2021-04-21 22:13:14 +0200498ec-message .alert {
499 color: var(--TWPT-secondary-text)!important;
500}
501
avm999630bc113a2020-09-07 13:02:11 +0200502ec-question .me-too-button.selected,
503 ec-question .subscribe-button.selected,
504 ec-message .upvote-button.selected,
505 ec-message .downvote-button.selected {
506 color: #4285f4!important;
507}
508
509.load-more-bar .load-more-button, .load-more-bar .load-all-button {
510 background-color: var(--TWPT-secondary-background)!important;
511}
512
513.locked-alert {
514 background-color: var(--TWPT-active-background)!important;
515 border: var(--TWPT-card-border)!important;
516}
517
518.locked-alert material-icon {
519 color: rgba(255, 255, 255, .38)!important;
520}
521
avm99963b2329632021-02-06 20:05:34 +0100522ec-thread button.reply.collapsed {
523 color: var(--TWPT-secondary-text)!important;
524}
525
avm999630bc113a2020-09-07 13:02:11 +0200526ec-thread .finished-question {
527 background-color: var(--TWPT-active-background)!important;
528 border: var(--TWPT-card-border)!important;
529}
530
avm99963ea9b23f2021-04-22 14:06:03 +0200531ec-thread .finished-question .next-question {
532 color: var(--TWPT-link)!important;
533 border-color: var(--TWPT-link)!important;
534}
535
avm999630bc113a2020-09-07 13:02:11 +0200536.material-content .action-bar material-button.has-activity {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200537 color: var(--TWPT-blue-A100)!important;
avm999630bc113a2020-09-07 13:02:11 +0200538}
539
540.material-content .action-bar material-button.showing-sidebar {
541 background-color: var(--TWPT-active-background)!important;
542}
543
544ec-activity-panel .title-bar h3 {
545 color: #e8eaf2!important;
546}
547
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200548ec-activity-panel .title-bar material-button {
549 color: var(--TWPT-subtle-button-background)!important;
550}
551
avm999630bc113a2020-09-07 13:02:11 +0200552ec-activity-panel ec-activity {
553 color: var(--TWPT-secondary-text)!important;
554 border-color: var(--TWPT-card-border)!important;
555}
556
557ec-activity-panel ec-activity .message {
558 color: var(--TWPT-primary-text-alt)!important;
559}
560
561ec-activity-panel ec-activity .thread-title {
562 color: #c3bfbc!important;
563}
564
565/* Recommended answers - show in green where we've overwritten the colors */
566.recommended-answers {
567 color: #34a853!important;
568}
569
avm99963fb7107c2021-04-14 19:39:05 +0200570/* Suggested answers - show brighter blue */
571.suggested-icon {
572 color: var(--TWPT-blue-A100)!important;
573}
574
575/* Help button (shown in the suggested answers header) */
576.explanation-icon material-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200577 color: var(--TWPT-subtle-button-background)!important;
avm99963fb7107c2021-04-14 19:39:05 +0200578}
579
580/* Help button tooltip */
581.popup .paper-container {
582 background: var(--TWPT-drawer-background)!important;
583}
584
585.explanation-icon material-icon:hover {
586 color: var(--TWPT-blue-A100)!important;
587}
588
avm99963223416c2021-04-21 22:13:14 +0200589/* New thread and edit message views */
590material-stepper {
591 border-top-color: var(--TWPT-card-border)!important;
592}
593
avm999630bc113a2020-09-07 13:02:11 +0200594material-stepper .stepper-step-name,
595 material-stepper .purpose-title {
596 color: var(--TWPT-primary-text)!important;
597}
598
599ec-ask-flow .display-name-label,
avm99963223416c2021-04-21 22:13:14 +0200600 material-stepper .additional-details-label,
601 material-stepper .detail-label {
avm999630bc113a2020-09-07 13:02:11 +0200602 color: var(--TWPT-secondary-text)!important;
603}
604
avm99963223416c2021-04-21 22:13:14 +0200605material-stepper .stepper-step[selectable=true]:focus {
606 background-color: rgba(60, 64, 67, .24)!important;
607}
608
avm9996301818912021-05-24 11:53:18 +0200609/* Compose thread view */
610ec-thread-composer .main-content .title-label,
611 ec-thread-composer .main-content .post-label {
612 color: var(--TWPT-primary-text-alt)!important;
613}
614
615ec-thread-composer .main-content .title-input,
616 ec-thread-composer .main-content ec-rich-text-editor {
617 border-color: var(--TWPT-card-border)!important;
618}
619
620ec-thread-composer .main-content .title-alert {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200621 color: var(--TWPT-bad-text)!important;
avm9996301818912021-05-24 11:53:18 +0200622}
623
624ec-thread-composer material-drawer {
625 background-color: inherit!important;
626}
627
628ec-thread-composer material-drawer .right-panel {
629 border-left-color: var(--TWPT-card-border)!important;
630}
631
632ec-thread-composer material-drawer .panel-section-title {
633 color: var(--TWPT-primary-text)!important;
634}
635
636ec-thread-composer material-drawer .panel-section-divider {
637 border-color: var(--TWPT-card-border)!important;
638}
639
640ec-thread-composer material-drawer material-radio .radio-label {
641 color: var(--TWPT-primary-text-alt)!important;
642}
643
644ec-thread-composer material-drawer material-radio .radio-description,
645 ec-thread-composer material-drawer .settings-section .panel-section-item .select-label {
646 color: var(--TWPT-secondary-text)!important;
647}
648
avm9996348c87d12021-04-09 13:00:21 +0200649/* Note: see thread view section. There is a rule for the thread creation
650 * footer.
651 **/
652
Adrià Vilanova Martínez531cd072021-12-05 20:15:43 +0100653/* Chart in the profile view */
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200654ec-user bar-chart .axis text,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100655 ec-unified-user .scTailwindSharedActivitychartchart .axis text {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200656 fill: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200657}
658
659ec-user bar-chart .axis path,
660 ec-user bar-chart .axis .gridline,
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200661 ec-user bar-chart .axis line,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100662 ec-unified-user .scTailwindSharedActivitychartchart .axis path,
663 ec-unified-user .scTailwindSharedActivitychartchart .axis .gridline,
664 ec-unified-user .scTailwindSharedActivitychartchart .axis line {
avm999630bc113a2020-09-07 13:02:11 +0200665 stroke: rgba(255, 255, 255, .12)!important;
666}
667
668ec-user bar-chart .axis line.axis-zero-tick,
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200669 ec-user bar-chart .axis.x .tick-mark,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100670 ec-unified-user .scTailwindSharedActivitychartchart .axis line.axis-zero-tick,
671 ec-unified-user .scTailwindSharedActivitychartchart .axis.x .tick-mark {
avm999630bc113a2020-09-07 13:02:11 +0200672 stroke: rgba(255, 255, 255, .38)!important;
673}
674
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200675ec-user bar-chart .aplos-legend-entry,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100676 ec-unified-user .scTailwindSharedActivitychartchart .aplos-legend-entry {
avm999630bc113a2020-09-07 13:02:11 +0200677 color: var(--TWPT-secondary-text)!important;
678}
679
680.aplos-hovercard {
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200681 color: var(--TWPT-interop-secondary-text)!important;
avm999630bc113a2020-09-07 13:02:11 +0200682 background: var(--TWPT-secondary-background)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200683 border: none!important;
avm999630bc113a2020-09-07 13:02:11 +0200684}
685
686.aplos-hovercard .title {
687 color: var(--TWPT-primary-text)!important;
688}
689
690.aplos-hovercard .subtitle,
691 .aplos-donut-center .subtitle,
692 .aplos-hovercard .series,
693 .aplos-donut-center .series,
694 .aplos-hovercard .value,
695 .aplos-donut-center .value {
696 color: var(--TWPT-secondary-text)!important;
697}
698
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200699/*
700 * IMPORTANT NOTICE:
701 * Note: the following styles (for interop components) have been written by
702 * Googlers and thus are not included as part of the MIT license. This also
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100703 * applies to the styles of the unified profiles and the interop thread view.
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200704 **/
705
706/* Common styles for interop components */
707.scSharedCalloutroot {
708 color: var(--TWPT-interop-primary-text)!important;
709}
710
711.scSharedCallouterror {
712 background-color: #523a3b!important;
713 border-color: #f9dedc!important;
714}
715
716.scSharedCallouterror sc-shared-material-icon {
717 color: #f9dedc!important;
718}
719
720.scSharedCallouterror>.scSharedCalloutsecondary-button button {
721 color: #ec928e!important;
722}
723
724.scSharedCalloutcaution {
725 background-color: #554c33!important;
726 border-color: #ffdf99!important;
727}
728
729.scSharedCalloutcaution sc-shared-material-icon {
730 color: #ffdf99!important;
731}
732
733.scSharedCalloutcaution>.scSharedCalloutsecondary-button button {
734 color: #f09d00!important;
735}
736
737.scSharedCalloutinformational {
738 background-color: #394457!important;
739 border-color: #d3e3fd!important;
740}
741
742.scSharedCalloutinformational sc-shared-material-icon {
743 color: #d3e3fd!important;
744}
745
746.scSharedCalloutinformational>.scSharedCalloutsecondary-button button {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200747 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200748}
749
750.scSharedCalloutsuccess {
751 background-color: #37493f!important;
752 border-color: #c4eed0!important;
753}
754
755.scSharedCalloutsuccess sc-shared-material-icon {
756 color: #c4eed0!important;
757}
758
759.scSharedCalloutsuccess>.scSharedCalloutsecondary-button button {
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100760 color: var(--TWPT-interop-success)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200761}
762
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200763.scSharedMaterialbuttonroot {
764 --m-btn-text-color: var(--TWPT-interop-blue);
765 --m-btn-background-color: transparent;
766 --m-btn-outline-color: var(--TWPT-interop-blue);
767 background: var(--m-btn-background-color)!important;
768 color: var(--m-btn-text-color)!important;
769}
770
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200771.scSharedMaterialbuttonroot:disabled {
772 color: rgba(227, 227, 227, 0.369)!important;
773}
774
775.scSharedMaterialbuttontext {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200776 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200777}
778
779.scSharedMaterialbuttoncolor-label {
780 color: var(--TWPT-interop-secondary-text)!important;
781}
782
783.scSharedMaterialbuttoncolor-hint {
784 color: var(--TWPT-interop-secondary-text)!important;
785}
786
787.scSharedMaterialbuttonnavigational {
788 color: var(--TWPT-interop-primary-text)!important;
789}
790
791.scSharedMaterialbuttonnavigational-alt {
792 color: var(--TWPT-interop-secondary-text)!important;
793}
794
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200795.scSharedMaterialbuttonhairline, .scSharedMaterialbuttonpill {
796 outline: 1px solid var(--m-btn-outline-color)!important;
797}
798
799.scSharedMaterialbuttonhairline:hover, .scSharedMaterialbuttonhairline:focus, .scSharedMaterialbuttonpill:hover, .scSharedMaterialbuttonpill:focus {
800 --m-btn-outline-color: currentColor!important;
801}
802
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200803.scSharedMaterialbuttonhairline {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200804 --m-btn-outline-color: var(--TWPT-interop-subtle-border)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200805}
806
807.scSharedMaterialbuttonhairline:disabled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200808 --m-btn-outline-color: rgba(227, 227, 227, 0.369)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200809}
810
811.scSharedMaterialbuttonhairline:active {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200812 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 +0200813}
814
815.scSharedMaterialbuttontonal {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200816 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200817 background: #394457!important;
818}
819
820.scSharedMaterialbuttontonal:hover {
821 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
822}
823
824.scSharedMaterialbuttontonal:active {
825 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149)!important;
826}
827
828.scSharedMaterialbuttontonal:disabled {
829 background: rgba(227, 227, 227, 0.122)!important;
830}
831
832.scSharedMaterialbuttonfilled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200833 background: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200834 color: #1f1f1f!important;
835}
836
837.scSharedMaterialbuttonfilled:disabled {
838 background: rgba(227, 227, 227, 0.122)!important;
839}
840
841.scSharedMaterialbuttonfilled:hover,
842 .scSharedMaterialbuttonfilled:focus {
843 box-shadow: 0 1px 2px 0 rgba(124, 172, 248, 0.302), 0 1px 3px 1px rgba(124, 172, 248, 0.149)!important;
844}
845
846.scSharedMaterialbuttonfilled:active {
847 box-shadow: 0 1px 3px 0 rgba(124, 172, 248, 0.302), 0 4px 8px 3px rgba(124, 172, 248, 0.149)!important;
848}
849
850.scSharedMaterialbuttonprotected {
851 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
852 background: #1f1f1f!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200853 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200854}
855
856.scSharedMaterialbuttonprotected:disabled {
857 background: rgba(227, 227, 227, 0.122)!important;
858}
859
860.scSharedMaterialbuttonprotected:hover {
861 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
862}
863
864.scSharedMaterialbuttonprotected:focus {
865 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149)!important;
866}
867
868.scSharedMaterialbuttonprotected:active {
869 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149)!important;
870}
871
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100872.scSharedMaterialbuttonsuccess {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200873 --m-btn-text-color: var(--TWPT-interop-success)!important;
874 --m-btn-outline-color: var(--TWPT-interop-success)!important;
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100875}
876
877.scSharedMaterialbuttonsuccess.scSharedMaterialbuttonfilled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200878 --m-btn-text-color: #1f1f1f!important;
879 --m-btn-background-color: var(--TWPT-interop-success)!important;
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100880}
881
882.scSharedMaterialbuttonsuccess.scSharedMaterialbuttontonal {
883 --m-btn-background-color: #0f5223
884}
885
886@media (forced-colors:active) {
887 .scSharedMaterialbuttonroot:focus {
888 outline: 2px solid #e3e3e3;
889 }
890}
891
892@media (prefers-contrast:more) {
893 .scSharedMaterialbuttonroot:focus {
894 outline: 2px solid #e3e3e3;
895 }
896}
897
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200898.scSharedExpandabletextexpander {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200899 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200900}
901
902.scSharedMaterialborderfilled {
903 background: #313235!important;
904 border-bottom: 1px solid var(--TWPT-interop-secondary-text)!important;
905}
906
907.scSharedMaterialborderfilled-error {
908 border-bottom-color: #ec928e!important;
909}
910
911.scSharedMaterialborderfilled-bottom {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200912 background-color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200913}
914
915.scSharedMaterialborderfilled-label {
916 color: var(--TWPT-interop-secondary-text)!important;
917}
918
919.scSharedMaterialborderfilled-label-focused {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200920 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200921}
922
923.scSharedMaterialborderlabel {
924 color: var(--TWPT-interop-secondary-text)!important;
925}
926
927.scSharedMaterialborderleft {
928 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
929 border-left-color: var(--TWPT-interop-secondary-text)!important;
930 border-top-color: var(--TWPT-interop-secondary-text)!important;
931}
932
933.scSharedMaterialborderleft-error {
934 border-bottom-color: #ec928e!important;
935 border-left-color: #ec928e!important;
936 border-top-color: #ec928e!important;
937}
938
939.scSharedMaterialbordermid {
940 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
941 border-top-color: var(--TWPT-interop-secondary-text)!important;
942}
943
944.scSharedMaterialbordermid-error {
945 border-bottom-color: #ec928e!important;
946 border-top-color: #ec928e!important;
947}
948
949.scSharedMaterialborderright {
950 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
951 border-right-color: var(--TWPT-interop-secondary-text)!important;
952 border-top-color: var(--TWPT-interop-secondary-text)!important;
953}
954
955.scSharedMaterialborderright-error {
956 border-bottom-color: #ec928e!important;
957 border-right-color: #ec928e!important;
958 border-top-color: #ec928e!important;
959}
960
961.scSharedMaterialborderfocused {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200962 border-color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200963}
964
965.scSharedMaterialborderdisabled {
966 border-color: var(--TWPT-interop-subtle-border)!important;
967}
968
969.scSharedMaterialborderlabel-focused {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200970 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200971}
972
973.scSharedMaterialborderlabel-disabled {
974 color: rgba(255, 255, 255, 0.239)!important;
975}
976
977.scSharedMaterialborderlabel-error {
978 color: #ec928e!important;
979}
980
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100981.scSharedMaterialcardroot {
982 background: #1f1f1f;
983 border: 1px solid var(--TWPT-interop-subtle-border);
984}
985
986.scSharedMaterialcardelevation-1 {
987 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
988 background: #2a2b2f;
989}
990
991.scSharedMaterialcardelevation-2 {
992 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
993 background: #303135;
994}
995
996.scSharedMaterialcardelevation-3 {
997 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
998 background: #36383a;
999}
1000
1001.scSharedMaterialcardelevation-4 {
1002 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.302), 0 6px 10px 4px rgba(0, 0, 0, 0.149);
1003 background: #39393c;
1004}
1005
1006.scSharedMaterialcardelevation-5 {
1007 box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.302), 0 8px 12px 6px rgba(0, 0, 0, 0.149);
1008 background: #3c3e40;
1009}
1010
1011@media (forced-colors:active) {
1012 .scsharedmaterialcardroot {
1013 border-color: #e3e3e3;
1014 }
1015}
1016
1017@media (prefers-contrast:more) {
1018 .scsharedmaterialcardroot {
1019 border-color: #e3e3e3;
1020 }
1021}
1022
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001023.scSharedMaterialcheckboxcheckbox {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001024 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001025}
1026
1027.scSharedMaterialcheckboxbox {
1028 border-color: var(--TWPT-interop-secondary-text)!important;
1029}
1030
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001031.scSharedMaterialcheckboxnative-control:checked:disabled+.scSharedMaterialcheckboxbox,
1032.scSharedMaterialcheckboxnative-control:indeterminate:disabled+.scSharedMaterialcheckboxbox {
1033 background: rgba(0, 0, 0, .26);
1034 border-color: transparent;
1035}
1036
1037.scSharedMaterialcheckboxnative-control:disabled+.scSharedMaterialcheckboxbox {
1038 border-color: rgba(0, 0, 0, .26);
1039}
1040
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001041.scSharedMaterialcheckboxcheckmark-path {
1042 stroke: #1f1f1f!important;
1043}
1044
1045.scSharedMaterialcheckboxmixedmark {
1046 border-color: #1f1f1f!important;
1047}
1048
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001049.scSharedMaterialfabroot {
1050 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
1051 background: #303135;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001052 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001053}
1054
1055@media (forced-colors:active) {
1056 .scSharedMaterialfabroot {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001057 outline: 3px solid var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001058 }
1059}
1060
1061.scSharedMaterialfabroot.scSharedMaterialfabgrey {
1062 color: var(--TWPT-interop-secondary-text);
1063}
1064
1065.scSharedMaterialfabroot:.scSharedMaterialfabfake-focus,
1066.scSharedMaterialfabroot:hover,
1067.scSharedMaterialfabroot:focus {
1068 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.302), 0 6px 10px 4px rgba(0, 0, 0, 0.149);
1069}
1070
1071.scSharedMaterialfabroot:active {
1072 box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.302), 0 8px 12px 6px rgba(0, 0, 0, 0.149);
1073}
1074
1075.scSharedMaterialfablowered {
1076 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1077}
1078
1079.scSharedMaterialfablowered.scSharedMaterialfabfake-focus,
1080.scSharedMaterialfablowered:hover,
1081.scSharedMaterialfablowered:focus {
1082 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
1083}
1084
1085.scSharedMaterialfablowered:active {
1086 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
1087}
1088
1089.scSharedMaterialfabfilled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001090 background: rgba(124,172,248,0.239);
1091 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001092}
1093
1094.scSharedMaterialfabfilled.scSharedMaterialfabgrey {
1095 background: var(--TWPT-interop-secondary-text);
1096 color: #1f1f1f;
1097}
1098
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001099.scSharedMaterial_dialogDialogcontentloading-overlay {
1100 background: rgba(227, 227, 227, 0.122)!important;
1101}
1102
1103.scSharedMaterialpopupbackground {
1104 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
1105 background: #2a2b2f!important;
1106 border: 1px solid var(--TWPT-interop-subtle-border)!important;
1107}
1108
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001109@media (forced-colors:active) {
1110 .scSharedMaterialpopupbackground {
1111 border-color: #e3e3e3;
1112 }
1113}
1114
1115@media (prefers-contrast:more) {
1116 .scSharedMaterialpopupbackground {
1117 border-color: #e3e3e3;
1118 }
1119}
1120
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001121.scSharedMaterialmenuroot {
1122 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
1123 background: #2a2b2f!important;
1124}
1125
1126.scSharedMaterialmenuitem {
1127 color: var(--TWPT-interop-primary-text)!important;
1128}
1129
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001130.scSharedMaterialmenuitem[disabled] {
1131 color: var(--TWPT-interop-subtle-border);
1132}
1133
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001134.scSharedMaterialmenuitem-separator {
1135 border-top-color: var(--TWPT-interop-subtle-border)!important;
1136}
1137
1138.scSharedMaterialmenuhighlight:focus,
1139 .scSharedMaterialmenuhighlight:hover {
1140 background-color: #394457!important;
1141}
1142
1143.scSharedMaterialmenuhighlight:focus {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001144 outline: auto var(--TWPT-interop-blue) 1px!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001145}
1146
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001147.scSharedMaterialtooltipcontainer {
1148 background-color: #e3e3e3;
1149 color: #1f1f1f;
1150}
1151
1152.scSharedMaterialradioradio {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001153 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001154}
1155
1156.scSharedMaterialradioring {
1157 border: 2px solid var(--TWPT-interop-secondary-text);
1158}
1159
1160.scSharedMaterialradionative-control:disabled~.scSharedMaterialradioring {
1161 border-color: rgba(0, 0, 0, .26);
1162}
1163
1164.scSharedMaterialradionative-control:disabled~.scSharedMaterialradiodot {
1165 background: rgba(0, 0, 0, .26);
1166}
1167
1168.scSharedMaterialrichtooltipcontainer {
1169 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1170}
1171
1172.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcontainer {
1173 background: #2a2b2f;
1174}
1175
1176.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-accented .scSharedMaterialrichtooltipcontainer {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001177 background: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001178 color: #1f1f1f;
1179}
1180
1181.scSharedMaterialrichtooltipcaret {
1182 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);
1183 background: #2a2b2f;
1184}
1185
1186.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcaret {
1187 background: #2a2b2f;
1188}
1189
1190.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-accented .scSharedMaterialrichtooltipcaret {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001191 background: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001192}
1193
1194.scSharedMaterialselectlabel {
1195 color: #e3e3e3;
1196}
1197
1198.scSharedMaterialselectarrow {
1199 color: var(--TWPT-interop-secondary-text);
1200}
1201
1202.scSharedMaterialselectactive .scSharedMaterialselectarrow {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001203 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001204}
1205
1206.scSharedMaterialselectdisabled .scSharedMaterialselectselection,
1207.scSharedMaterialselectdisabled .scSharedMaterialselectarrow {
1208 color: rgba(255, 255, 255, 0.239);
1209}
1210
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001211.scSharedMaterialsnackbarsnackbar {
1212 background: var(--TWPT-interop-primary-text)!important;
1213 color: #1f1f1f!important;
1214}
1215
1216.scSharedMaterialsnackbaraction button {
1217 color: #0b57d0!important;
1218}
1219
1220.scSharedMaterialtabbartab {
1221 color: var(--TWPT-interop-primary-text)!important;
1222}
1223
1224.scSharedMaterialtabbartab:hover,
1225 .scSharedMaterialtabbartab:focus {
1226 background-color: #313235!important;
1227}
1228
1229.scSharedMaterialtabbarselected {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001230 border-bottom-color: var(--TWPT-interop-blue)!important;
1231 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001232}
1233
1234.scSharedMaterialtextfieldlabel {
1235 color: var(--TWPT-interop-primary-text)!important;
1236}
1237
1238.scSharedMaterialtextfieldnative-control {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001239 caret-color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001240 color: var(--TWPT-interop-primary-text)!important;
1241}
1242
1243.scSharedMaterialtextfieldinvalid .scSharedMaterialtextfieldnative-control {
1244 caret-color: #ec928e!important;
1245}
1246
1247.scSharedMaterialtextfieldnative-control:disabled {
1248 color: var(--TWPT-interop-secondary-text)!important;
1249}
1250
1251.scSharedMaterialtextfieldfocused .scSharedMaterialtextfieldlabel {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001252 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001253}
1254
1255.scSharedMaterialtextfieldinvalid .scSharedMaterialtextfieldlabel {
1256 color: #ec928e!important;
1257}
1258
1259.scSharedMaterialtextfielddisabled .scSharedMaterialtextfieldlabel {
1260 color: var(--TWPT-interop-secondary-text)!important;
1261}
1262
1263.scSharedMaterialtextfieldhelper-text {
1264 color: var(--TWPT-interop-secondary-text)!important;
1265}
1266
1267.scSharedMaterialtextfieldhelper-text-invalid {
1268 color: #ec928e!important;
1269}
1270
1271.scSharedMaterialtextfieldhelper-text-disabled {
1272 color: var(--TWPT-interop-secondary-text)!important;
1273}
1274
1275.scTailwindSharedActivitychartroot {
1276 border: 1px solid var(--TWPT-interop-subtle-border)!important;
1277}
1278
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001279.scTailwindSharedAvatarroot {
1280 background-color: #f1f3f4;
1281 border: .375rem solid #f1f3f4;
1282}
1283
1284.scTailwindSharedAvatarroot.scTailwindSharedAvatarmedium.scTailwindSharedAvatarat-least-silver,
1285.scTailwindSharedAvatarroot.scTailwindSharedAvatarsmall.scTailwindSharedAvatarat-least-silver {
1286 border: .125rem solid #f1f3f4;
1287}
1288
1289.scTailwindSharedAvatarsilhouette {
1290 background-color: #fff;
1291}
1292
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001293.scTailwindSharedAvataravatar-loading {
1294 background: #1f1f1f!important;
1295}
1296
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001297.scTailwindSharedAvataruploadedit-button {
1298 background-color: rgba(0, 0, 0, 0.4);
1299 color: #fff;
1300}
1301
1302.scTailwindSharedAvataruploadroot:focus .scTailwindSharedAvataruploadedit-button,
1303.scTailwindSharedAvataruploadroot:focus-within .scTailwindSharedAvataruploadedit-button,
1304.scTailwindSharedAvataruploadroot:hover .scTailwindSharedAvataruploadedit-button {
1305 background-color: rgba(0, 0, 0, 0.54);
1306}
1307
1308.scTailwindSharedDisplay_name_editorDisplaynameeditorlabel {
1309 color: var(--TWPT-interop-secondary-text);
1310}
1311
1312.scTailwindSharedPiidialogfinding {
1313 color: var(--TWPT-interop-secondary-text);
1314}
1315
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001316.scTailwindSharedReportabusedialogcontent .abuse-link {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001317 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001318}
1319
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001320.scTailwindSharedRich_text_editorAttachmentFailedoverlayroot {
1321 background: rgba(0, 0, 0, 0.902);
1322 color: #ec928e;
1323}
1324
1325.scTailwindSharedRich_text_editorAttachmentLoadingoverlayroot {
1326 background: rgba(227, 227, 227, 0.369);
1327}
1328
1329.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button {
1330 background: #1f1f1f;
1331 border: 1px solid #27282b;
1332 color: var(--TWPT-interop-secondary-text);
1333}
1334
1335.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button:hover,
1336.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button:focus {
1337 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1338}
1339
1340.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentroot {
1341 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1342 background: #36373a;
1343}
1344
1345.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentfilename {
1346 color: #e3e3e3;
1347}
1348
1349.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentextension {
1350 color: var(--TWPT-interop-secondary-text);
1351}
1352
1353.scTailwindSharedRich_text_editorLinktooltiproot button {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001354 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001355}
1356
1357.scTailwindSharedRichtexteditoreditor {
1358 background: #1f1f1f;
1359 color: #e3e3e3;
1360}
1361
1362.scTailwindSharedRichtexteditorplaceholder {
1363 color: var(--TWPT-interop-secondary-text);
1364}
1365
1366.scTailwindSharedRichtexteditorhas-bottom-panel {
1367 border-bottom: 1px solid var(--TWPT-interop-subtle-border);
1368}
1369
1370.scTailwindSharedRichtexteditorhint {
1371 color: var(--TWPT-interop-secondary-text);
1372}
1373
1374.scTailwindSharedRich_text_editorToolbarcontrolroot {
1375 color: var(--TWPT-interop-secondary-text);
1376}
1377
1378.scTailwindSharedRich_text_editorToolbarcontrolroot:hover {
1379 color: #e3e3e3;
1380}
1381
1382.scTailwindSharedRich_text_editorToolbarcontrolroot:focus {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001383 border: .125rem solid var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001384}
1385
1386.scTailwindSharedRich_text_editorToolbarcontrolactive {
1387 background: rgba(227, 227, 227, 0.122);
1388}
1389
1390.scTailwindSharedRich_text_editorToolbarMobiletoolbarattachment,
1391.scTailwindSharedRich_text_editorToolbarMobiletoolbartext-format {
1392 border-right: 1px solid var(--TWPT-interop-subtle-border);
1393}
1394
1395.scTailwindSharedRich_text_editorToolbarMobiletoolbartext-format-button {
1396 color: var(--TWPT-interop-secondary-text);
1397}
1398
1399.scTailwindSharedRich_text_editorToolbarMobiletoolbargroup {
1400 border-right: 1px solid var(--TWPT-interop-subtle-border);
1401}
1402
1403.scTailwindSharedRich_text_editorToolbargroup:not(:first-child) {
1404 border-left: 1px solid var(--TWPT-interop-subtle-border);
1405}
1406
1407.scTailwindSharedTitlefieldhelper-text {
1408 color: var(--TWPT-interop-secondary-text);
1409}
1410
1411.sc-select {
1412 border: .0625rem solid var(--TWPT-interop-secondary-text);
1413 color: #e3e3e3;
1414}
1415
1416.sc-select.keyboard-focus {
1417 border-color: transparent;
1418 box-shadow: 0 0 0 .125rem #a8c7fa;
1419}
1420
1421.sc-select svg {
1422 fill: var(--TWPT-interop-secondary-text);
1423}
1424
1425.sc-select ol {
1426 background: #272727;
1427 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);
1428}
1429
1430.sc-select .sc-select-highlight {
1431 background-color: #5ab3f0;
1432 color: #1f1f1f;
1433}
1434
1435/* Unified profile view (see the "IMPORTANT NOTICE" comment above) */
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001436.scTailwindUser_profileAchievementsempty a,
1437 .scTailwindUser_profileAchievementsempty a:visited,
1438 sc-tailwind-user_profile-user-profile .link-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001439 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001440}
1441
1442.scTailwindUser_profileBiosectionsection-heading {
1443 color: var(--TWPT-interop-secondary-text)!important;
1444}
1445
1446.scTailwindUser_profileBiosectionbio {
1447 color: var(--TWPT-interop-primary-text)!important;
1448}
1449
1450.scTailwindUser_profileBiosectionlinks,
1451 .scTailwindUser_profileBiosectionlink {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001452 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001453}
1454
1455.scTailwindUser_profileBiosectioninput-label {
1456 color: var(--TWPT-interop-secondary-text)!important;
1457}
1458
1459.scTailwindUser_profileEmaildisplayemail-display {
1460 color: var(--TWPT-interop-secondary-text)!important;
1461}
1462
1463.scTailwindUser_profileEmaildisplayshow-email {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001464 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001465}
1466
1467.scTailwindUser_profileMessagecardthread-link {
1468 color: var(--TWPT-interop-secondary-text)!important;
1469}
1470
1471.scTailwindUser_profileMessagecardlabel {
1472 color: var(--TWPT-interop-secondary-text)!important;
1473}
1474
1475.scTailwindUser_profileMessagecardcontent {
1476 border-left: 2px solid var(--TWPT-interop-subtle-border)!important;
1477 color: var(--TWPT-interop-primary-text)!important;
1478}
1479
1480.scTailwindUser_profileMessagecardcount {
1481 color: var(--TWPT-interop-secondary-text)!important;
1482}
1483
1484.scTailwindUser_profileMessagecardrecommended-answer {
1485 color: #6dd58c!important;
1486}
1487
1488.scTailwindUser_profileMessagecardrecommended-answer .icon {
1489 background-color: #6dd58c!important;
1490 color: #1f1f1f!important;
1491}
1492
1493sc-tailwind-user_profile-user-profile .notificationIcon {
1494 color: var(--TWPT-interop-secondary-text)!important;
1495}
1496
1497sc-tailwind-user_profile-user-profile .deleteIcon,
1498 sc-tailwind-user_profile-user-profile .reportAbuseIcon,
1499 sc-tailwind-user_profile-user-profile .reactivateIcon {
1500 color: var(--TWPT-interop-secondary-text)!important;
1501}
1502
1503.scTailwindUser_profilePosthistorysection+.scTailwindUser_profilePosthistorysection {
1504 border-top-color: var(--TWPT-interop-subtle-border)!important;
1505}
1506
1507.scTailwindUser_profilePosthistorycontent,
1508 .scTailwindUser_profilePosthistoryheader,
1509 .scTailwindUser_profilePosthistoryerror {
1510 border-color: var(--TWPT-interop-subtle-border)!important;
1511}
1512
1513.scTailwindUser_profileThreadcardtitle {
1514 color: var(--TWPT-interop-primary-text)!important;
1515}
1516
1517.scTailwindUser_profileThreadcardlabel {
1518 color: var(--TWPT-interop-secondary-text)!important;
1519}
1520
1521.scTailwindUser_profileThreadcardcontent {
1522 color: var(--TWPT-interop-primary-text)!important;
1523}
1524
1525.scTailwindUser_profileThreadcardcount {
1526 color: var(--TWPT-interop-secondary-text)!important;
1527}
1528
1529.scTailwindUser_profileThreadcardreply .icon {
1530 color: var(--TWPT-interop-secondary-text)!important;
1531}
1532
1533.scTailwindUser_profileThreadcardrecommended-answer {
1534 color: #6dd58c!important;
1535}
1536
1537.scTailwindUser_profileThreadcardrecommended-answer .icon {
1538 background-color: #6dd58c!important;
1539 color: #1f1f1f!important;
1540}
1541
1542.scTailwindUser_profileUsercardroot {
1543 border: 1px solid var(--TWPT-interop-subtle-border)!important;
1544}
1545
1546.scTailwindUser_profileUsercardinput-label {
1547 color: var(--TWPT-interop-secondary-text)!important;
1548}
1549
1550.scTailwindUser_profileUsercardheadline {
1551 color: var(--TWPT-interop-primary-text)!important;
1552}
1553
1554.scTailwindUser_profileUsercarddetails {
1555 color: var(--TWPT-interop-secondary-text)!important;
1556}
1557
1558.scTailwindUser_profileUsercardlinks,
1559 .scTailwindUser_profileUsercardlink {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001560 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001561}
1562
1563.scTailwindUser_profileUsercardhorizontal-separator {
1564 background-color: var(--TWPT-interop-subtle-border)!important;
1565 color: var(--TWPT-interop-subtle-border)!important;
1566}
1567
1568.scTailwindUser_profileUsercardsection-heading {
1569 color: var(--TWPT-interop-secondary-text)!important;
1570}
1571
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001572/* Interop thread view (see the "IMPORTANT NOTICE" comment above) */
1573.scTailwindThreadEditquestiondialogroot.scTailwindThreadEditquestiondialogscrollable {
1574 -webkit-box-shadow: inset 0 -11px 5px -11px #000;
1575 box-shadow: inset 0 -11px 5px -11px #000;
1576}
1577
1578.scTailwindThreadEditquestiondialogerror {
1579 color: #ec928e;
1580}
1581
1582.scTailwindThreadGetlinkdialoglink-container {
1583 border-bottom: 2px solid #a8c7fa;
1584}
1585
1586h4.scTailwindThreadMessageHelpfulnessbuttonslabel {
1587 color: #e3e3e3;
1588}
1589
1590.scTailwindThreadMessageMessagecardsub-content {
1591 background: #3c4043;
1592 border-top: 1px solid var(--TWPT-interop-subtle-border);
1593}
1594
1595.scTailwindThreadMessageMessagecardnested-reply:not(:first-child) {
1596 border-top: 1px solid var(--TWPT-interop-subtle-border);
1597}
1598
1599.scTailwindThreadMessageMessagecardtargeted {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001600 border-left: .125rem solid var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001601}
1602
1603.scTailwindThreadMessageMessagecardcalloutroot.scTailwindThreadMessageMessagecardcalloutrecommended {
1604 background: #0f5223;
1605 border-color: #6dd58c;
1606}
1607
1608.scTailwindThreadMessageMessagecardcalloutroot.scTailwindThreadMessageMessagecardcalloutrelevant {
1609 background: #394457;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001610 border-color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001611}
1612
1613.scTailwindThreadMessageMessagetagrecommended.scTailwindThreadMessageMessagetagnormal {
1614 color: #6dd58c;
1615}
1616
1617.scTailwindThreadMessageMessagetagrecommended.scTailwindThreadMessageMessagetagstrong {
1618 color: #6dd58c;
1619}
1620
1621.scTailwindThreadMessageMessagetagrelevant.scTailwindThreadMessageMessagetagnormal {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001622 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001623}
1624
1625.scTailwindThreadMessageMessagetagrelevant.scTailwindThreadMessageMessagetagstrong {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001626 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001627}
1628
1629.scTailwindThreadMessageMessageinteractionsinteraction {
1630 color: var(--TWPT-interop-secondary-text);
1631}
1632
1633p.scTailwindThreadMessageMessagetombstoneroot {
1634 color: var(--TWPT-interop-secondary-text);
1635}
1636
1637p.scTailwindThreadMessageMessagetombstoneroot .scTailwindThreadMessageMessagetombstoneclickable {
1638 color: var(--TWPT-interop-secondary-text);
1639}
1640
1641.scTailwindThreadPostcontentroot {
1642 color: #e3e3e3;
1643}
1644
1645.scTailwindThreadPostcontentroot a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001646 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001647}
1648
1649.scTailwindThreadPost_headerOverflowmenuicon {
1650 color: var(--TWPT-interop-secondary-text);
1651}
1652
1653.scTailwindThreadPost_headerPostdateroot {
1654 color: var(--TWPT-interop-secondary-text);
1655}
1656
1657.scTailwindThreadPost_headerUserinfoname a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001658 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001659}
1660
1661.scTailwindThreadPost_headerUserinfotag {
1662 color: var(--color, #e3e3e3);
1663}
1664
1665.scTailwindThreadPost_headerUserinfoheadline {
1666 color: var(--TWPT-interop-secondary-text);
1667}
1668
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001669.scTailwindThreadReplyeditorroot {
1670 background: #2a2b2f;
1671 border-color: var(--TWPT-interop-subtle-border);
1672}
1673
1674.scTailwindThreadReplyeditortop-row {
1675 border-bottom-color: 1px solid rgba(255, 255, 255, 0.239);
1676}
1677
1678.scTailwindThreadReplyeditorfooter {
1679 background: #36373a;
1680 border-top-color: rgba(255, 255, 255, 0.239);
1681}
1682
1683.scTailwindThreadReplyeditorfooter a {
1684 color: var(--TWPT-interop-blue);
1685}
1686
1687.scTailwindThreadReplyeditorroot .scTailwindThreadReplyeditorerror {
1688 color: #ec928e;
1689}
1690
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001691.scTailwindThreadReplydialogroot {
1692 background: #2a2b2f;
1693}
1694
1695.scTailwindThreadReplydialogheader {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001696 background: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001697}
1698
1699.scTailwindThreadReplydialogheader h1.scTailwindThreadReplydialogheading {
1700 color: #1f1f1f;
1701}
1702
1703.scTailwindThreadReplydialogheading-button {
1704 color: #1f1f1f;
1705}
1706
1707.scTailwindThreadReplydialogtop-row {
1708 border-bottom: 1px solid var(--TWPT-interop-subtle-border);
1709}
1710
1711.scTailwindThreadReplydialogfooter {
1712 background: #36373a;
1713}
1714
1715.scTailwindThreadReplydialogfooter a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001716 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001717}
1718
1719.scTailwindThreadReplydialogminimized .scTailwindThreadReplydialogheader {
1720 background: #e3e3e3;
1721 color: #1f1f1f;
1722}
1723
1724.scTailwindThreadReplydialogroot .scTailwindThreadReplydialogerror {
1725 color: #ec928e;
1726}
1727
1728@media (min-width:48.125rem) {
1729 .scTailwindThreadReplydialogroot {
1730 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
1731 }
1732}
1733
1734.scTailwindThreadMessageMessagelisthelp-icon {
1735 color: var(--TWPT-interop-secondary-text);
1736}
1737
1738.scTailwindThreadMessageMessagelistrecommended-icon {
1739 color: #c4eed0;
1740}
1741
1742.scTailwindThreadMessageMessagelistrelevant-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001743 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001744}
1745
1746.scTailwindThreadMorebuttondivider {
1747 background: var(--TWPT-interop-subtle-border);
1748}
1749
1750.scTailwindThreadMorebuttonbutton {
1751 background: #1f1f1f;
1752 border: 1px solid var(--TWPT-interop-subtle-border);
1753 color: var(--TWPT-interop-secondary-text);
1754}
1755
Adrià Vilanova Martínez88854972022-08-28 11:57:12 +02001756.scTailwindThreadMessagegapdivider {
1757 background: var(--TWPT-interop-subtle-border);
1758}
1759
1760.scTailwindThreadMessagegapbutton {
1761 background: #1f1f1f;
1762 border: 1px solid var(--TWPT-interop-subtle-border);
1763 color: var(--TWPT-interop-secondary-text);
1764}
1765
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001766.scTailwindThreadPesignupdialogclose-button-row button {
1767 color: #fff;
1768}
1769
1770.scTailwindThreadPesignupdialogdialog-body p {
1771 color: #e3e3e3;
1772}
1773
1774.scTailwindThreadPesignupdialogpe-dialog-container {
1775 background-color: #1f1f1f;
1776 -webkit-box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1777 box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1778}
1779
1780.scTailwindThreadPostconfirmationdialogclose-button-row button {
1781 color: #e3e3e3;
1782}
1783
1784.scTailwindThreadPostconfirmationdialogdialog-body p {
1785 color: #e3e3e3;
1786}
1787
1788.scTailwindThreadPostconfirmationdialogdialog-container {
1789 background-color: #1f1f1f;
1790 -webkit-box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1791 box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1792}
1793
1794.scTailwindThreadQuestionQuestioncardsub-content {
1795 background: #3c4043;
1796 border-top: 1px solid var(--TWPT-interop-subtle-border);
1797}
1798
1799.scTailwindThreadQuestionQuestioncardtitle {
1800 color: #e3e3e3;
1801}
1802
1803.scTailwindThreadQuestionQuestioncardbody {
1804 color: #e3e3e3;
1805}
1806
1807.scTailwindThreadQuestionQuestioncardbody a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001808 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001809}
1810
1811.scTailwindThreadQuestionQuestioncarddisclaimer,
1812.scTailwindThreadQuestionQuestioncardedited {
1813 color: var(--TWPT-interop-secondary-text);
1814}
1815
1816.scTailwindThreadQuestionQuestioncarddisclaimer a,
1817.scTailwindThreadQuestionQuestioncardedited a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001818 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001819}
1820
1821.scTailwindThreadQuestionQuestiondetailsdetail-link {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001822 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001823}
1824
1825.scTailwindThreadQuestionQuestionpurposetag {
1826 background: #394457;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001827 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001828}
1829
1830.scTailwindThreadQuestionStatechipschip {
1831 border: 1px solid var(--TWPT-interop-subtle-border);
1832 color: var(--TWPT-interop-secondary-text);
1833}
1834
1835.scTailwindThreadThreaddeleted-icon {
1836 color: var(--TWPT-interop-secondary-text);
1837}
1838
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001839/* Some fixes for the interop components in the Community Console */
1840/* Alumnus */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001841.scTailwindThreadPost_headerUserinfotag[style*="--color:#0F9D58"],
1842 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#0F9D58"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001843 --color: #C4EED0!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001844 --userLabelColor: #C4EED0!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001845}
1846
1847/* Bronze */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001848.scTailwindThreadPost_headerUserinfotag[style*="--color:#896E63"],
1849 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#896E63"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001850 --color: #B9ABA3!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001851 --userLabelColor: #B9ABA3!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001852}
1853
1854/* Silver */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001855.scTailwindThreadPost_headerUserinfotag[style*="--color:#5F6368"],
1856 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#5F6368"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001857 --color: #C4C7C5!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001858 --userLabelColor: #C4C7C5!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001859}
1860
1861/* Gold */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001862.scTailwindThreadPost_headerUserinfotag[style*="--color:#E37400"],
1863 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#E37400"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001864 --color: #F09D00!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001865 --userLabelColor: #F09D00!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001866}
1867
1868/* Platinum */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001869.scTailwindThreadPost_headerUserinfotag[style*="--color:#455A64"],
1870 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#455A64"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001871 --color: #E3E3E3!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001872 --userLabelColor: #E3E3E3!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001873}
1874
1875/* Diamond, Community Specialist, Community Manager and Google Employee */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001876.scTailwindThreadPost_headerUserinfotag[style*="--color:#1A73E8"],
1877 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#1A73E8"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001878 --color: #A8C7FA!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001879 --userLabelColor: #A8C7FA!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001880}
1881
avm999630bc113a2020-09-07 13:02:11 +02001882/* Duplicate thread feature */
1883.search-results ec-thread-option material-expansionpanel .panel {
1884 background-color: var(--TWPT-primary-background)!important;
1885}
1886
1887.search-results ec-thread-option material-expansionpanel.selected .panel,
1888 .search-results ec-thread-option material-expansionpanel .panel > .main-header > .header.closed:hover,
1889 .search-results ec-thread-option material-expansionpanel .panel > .main-header > .header.closed:focus {
1890 background-color: #17191c!important;
1891}
1892
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001893.search-results .results-title {
1894 color: var(--TWPT-primary-text-alt)!important;
1895}
1896
1897.search-results ec-thread-option material-expansionpanel .panel > .main > .main-content .snippet {
1898 color: var(--TWPT-secondary-text)!important;
1899}
1900
avm999630bc113a2020-09-07 13:02:11 +02001901/* Disabled buttons */
1902material-button[disabled] {
1903 color: rgba(255, 255, 255, .26)!important;
1904}
1905
1906/* Material icons */
1907ec-filter-drawer-item material-icon,
1908 ec-filter-drawer-item ec-icon,
1909 material-drawer .drawer-section material-icon,
1910 material-drawer .drawer-section ec-icon,
1911 material-list material-icon,
1912 ec-query-builder material-icon,
avm999630bc113a2020-09-07 13:02:11 +02001913 ec-thread-summary material-expansionpanel .title material-icon,
1914 .search-results ec-thread-option material-icon,
1915 .search-results ec-thread-option ec-icon,
1916 ec-rich-text-editor material-icon,
1917 ec-editor-command material-icon,
avm99963223416c2021-04-21 22:13:14 +02001918 ec-canned-responses ec-canned-response-row material-icon,
1919 ec-ask-flow > .header material-button {
avm999630bc113a2020-09-07 13:02:11 +02001920 color: rgba(255, 255, 255, .87)!important;
1921}
1922
1923material-drawer ec-icon,
avm99963223416c2021-04-21 22:13:14 +02001924 .search-results ec-thread-option ec-icon,
avm9996315b23d72021-04-26 18:07:15 +02001925 ec-thread-summary material-expansionpanel .title ec-icon,
1926 ec-announcements-menu-item ec-icon {
avm999630bc113a2020-09-07 13:02:11 +02001927 fill: rgba(255, 255, 255, .87)!important;
1928}
1929
1930/* Dialogs */
1931material-dialog, material-dialog .dialog-header {
1932 background-color: var(--TWPT-primary-background)!important;
1933}
1934
1935ec-movable-dialog[showminimize] material-dialog .dialog-header {
1936 background-color: #d2e3fc!important;
1937}
1938
1939material-dialog .title {
1940 color: var(--TWPT-primary-text-alt)!important;
1941}
1942
1943ec-movable-dialog[showminimize] material-dialog .dialog-header .title, ec-movable-dialog[showminimize] material-dialog header material-icon {
1944 color: var(--TWPT-primary-background)!important;
1945}
1946
1947ec-movable-dialog[showminimize] material-dialog .header-notice, material-dialog .legal-prompt {
1948 background-color: #170f01!important;
1949}
1950
avm99963223416c2021-04-21 22:13:14 +02001951ec-movable-dialog[showminimize] material-dialog .main .header-notice material-icon[icon="info_outline"] {
1952 color: var(--TWPT-blue-A100)!important;
1953}
1954
avm999630bc113a2020-09-07 13:02:11 +02001955material-dialog .section-title,
1956 material-dialog .select-label,
1957 material-dialog .input-label,
1958 material-dialog .btn-no,
1959 ec-display-name-editor,
1960 .forum-selection-label {
1961 color: var(--TWPT-secondary-text)!important;
1962}
1963
avm9996301818912021-05-24 11:53:18 +02001964material-dialog main > .user {
1965 border-bottom-color: var(--TWPT-card-border)!important;
1966}
1967
avm999630bc113a2020-09-07 13:02:11 +02001968ec-movable-dialog[showminimize] material-dialog footer > [footer] > .footer > [footer] > simple-html {
1969 color: var(--TWPT-secondary-text)!important;
1970 background-color: var(--TWPT-active-background)!important;
1971 border-top-color: #25231f!important;
1972}
1973
avm9996301818912021-05-24 11:53:18 +02001974ec-movable-dialog[showminimize] material-dialog footer > [footer] > .footer > [footer] > simple-html a {
1975 color: var(--TWPT-link)!important;
1976}
1977
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001978material-dialog .footer material-button[raised]:not([disabled]) {
1979 background-color: var(--TWPT-blue-A100)!important;
1980 color: #1f1f1f!important;
1981}
1982
avm999630bc113a2020-09-07 13:02:11 +02001983/* Keyboard shortcuts dialog */
Adrià Vilanova Martínezd28af562021-09-19 22:27:55 +02001984material-dialog .main.with-scroll-strokes table th {
avm999630bc113a2020-09-07 13:02:11 +02001985 color: var(--TWPT-primary-text)!important;
1986}
1987
Adrià Vilanova Martínezd28af562021-09-19 22:27:55 +02001988material-dialog .main.with-scroll-strokes table td {
1989 color: var(--TWPT-primary-text-alt)!important;
1990}
1991
1992material-dialog .main.with-scroll-strokes table tr,
1993 material-dialog .main.with-scroll-strokes .shortcut {
1994 border-color: var(--TWPT-card-border)!important;
1995}
1996
1997material-dialog .main.with-scroll-strokes.bottom-scroll-stroke {
1998 border-bottom-color: var(--TWPT-card-border)!important;
1999}
2000
2001material-dialog .main.with-scroll-strokes.top-scroll-stroke {
2002 border-top-color: var(--TWPT-card-border)!important;
2003}
2004
avm999630bc113a2020-09-07 13:02:11 +02002005/* Rich text editor */
2006ec-editor-command material-button,
2007 ec-formatting-popup material-button {
2008 box-shadow: none!important;
2009}
2010
2011ec-editor-command material-button.is-active {
2012 background: var(--TWPT-active-background)!important;
2013}
2014
2015ec-rich-text-editor .placeholder {
2016 color: rgba(255, 255, 255, .38)!important;
2017}
2018
avm9996301818912021-05-24 11:53:18 +02002019ec-rich-text-editor .input-wrapper,
2020 ec-rich-text-editor .spacer {
2021 border-color: var(--TWPT-card-border)!important;
2022}
2023
2024ec-rich-text-editor .input-wrapper.input-wrapper--focused {
2025 border-color: var(--TWPT-blue-A100)!important;
2026}
2027
avm999630bc113a2020-09-07 13:02:11 +02002028ec-rich-text-editor .input {
2029 color: var(--TWPT-primary-text)!important;
2030}
2031
2032ec-rich-text-editor .hint {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002033 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002034}
2035
2036material-select-searchbox + material-list material-list-item {
2037 color: rgba(255, 255, 255, .87)!important;
2038}
2039
2040ec-attachment .filename {
2041 color: var(--TWPT-primary-text)!important;
2042}
2043
2044/* Thread insert */
2045ec-thread-insert .title {
2046 color: var(--TWPT-primary-text)!important;
2047}
2048
2049ec-thread-insert ec-thread-counts,
2050 ec-thread-insert .details,
2051 ec-thread-insert ec-relative-time {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002052 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002053}
2054
2055/* Text input */
2056material-input input {
2057 color: var(--TWPT-primary-text)!important;
2058}
2059
2060material-input .label-text,
2061 material-input .hint-text,
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02002062 material-input .counter,
2063 material-input .leading-text,
2064 material-input .leading-text material-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002065 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002066}
2067
2068material-input .underline .unfocused-underline {
avm99963223416c2021-04-21 22:13:14 +02002069 background-color: var(--TWPT-input-underline)!important;
avm999630bc113a2020-09-07 13:02:11 +02002070}
2071
avm9996301818912021-05-24 11:53:18 +02002072material-input .underline .focused-underline {
2073 background-color: var(--TWPT-blue-A100)!important;
2074}
2075
avm999630bc113a2020-09-07 13:02:11 +02002076label .label {
2077 color: var(--TWPT-primary-text)!important;
2078}
2079
2080/* Input underline */
2081material-input .underline .unfocused-underline,
2082 material-dropdown-select dropdown-button [buttondecorator] {
avm9996301818912021-05-24 11:53:18 +02002083 border-color: var(--TWPT-input-underline)!important;
avm999630bc113a2020-09-07 13:02:11 +02002084}
2085
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02002086/* Material yes/no buttons */
2087material-yes-no-buttons material-button:not([disabled]).highlighted:not([raised]) {
2088 color: var(--TWPT-blue-A100)!important;
2089}
2090
Adrià Vilanova Martínez9605cb82021-09-07 13:04:10 +02002091/* Checkbox input (except for forum checkboxes in the drawer) */
Adrià Vilanova Martínezdd8075f2021-09-08 21:57:32 +02002092material-checkbox material-icon:not(ec-forum-drawer-item material-icon, ec-thread-list material-icon),
2093 material-checkbox .content:not(ec-forum-drawer-item material-icon, ec-thread-list material-icon) {
avm999630bc113a2020-09-07 13:02:11 +02002094 color: var(--TWPT-secondary-text)!important;
2095}
2096
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +02002097/* .gm-icons is added by the SMEI_GOOGLE_MATERIAL_ICONS experiment. */
Adrià Vilanova Martínezdd8075f2021-09-08 21:57:32 +02002098material-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 +02002099 color: var(--TWPT-blue-A100)!important;
2100}
2101
2102material-checkbox:focus:not(.disabled).gm-icons .icon,
2103 .gm-icons material-checkbox:focus:not(.disabled) .icon,
2104 material-checkbox:hover:not(.disabled).gm-icons .icon,
2105 .gm-icons material-checkbox:hover:not(.disabled) .icon {
2106 color: #cfd2d8!important; /* custom value */
2107}
2108
2109material-checkbox:focus:not(.disabled).gm-icons .icon.filled,
2110 .gm-icons material-checkbox:focus:not(.disabled) .icon.filled,
2111 material-checkbox:hover:not(.disabled).gm-icons .icon.filled,
2112 .gm-icons material-checkbox:hover:not(.disabled) .icon.filled {
2113 color: var(--TWPT-blue-100)!important;
2114}
2115
2116.gm-icons material-checkbox .icon-container::before{
2117 background-color: #dfdedb!important; /* custom value */
2118}
2119
2120/* Radio input */
2121material-radio .icon-container:not(.checked) material-icon {
2122 color: var(--TWPT-secondary-text)!important;
2123}
2124
2125material-radio .icon-container.checked material-icon {
2126 color: var(--TWPT-blue-A100)!important;
2127}
2128
2129/* Material switch */
2130.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
2131 background-color: #7d7d7d!important; /* custom value */
2132}
2133
2134.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
2135 border-color: #fff!important; /* custom value */
2136}
2137
2138.mdc-switch.mdc-switch--checked .mdc-switch__track {
2139 background-color: var(--TWPT-blue-A100)!important;
2140}
2141
2142.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
2143 border-color: var(--TWPT-blue-A100)!important;
2144}
2145
avm999630bc113a2020-09-07 13:02:11 +02002146/* Material menu button and dropdown select */
2147material-menu material-button, material-dropdown-select dropdown-button {
avm99963223416c2021-04-21 22:13:14 +02002148 color: var(--TWPT-primary-text)!important;
avm999630bc113a2020-09-07 13:02:11 +02002149}
2150
avm9996348c87d12021-04-09 13:00:21 +02002151material-dropdown-select dropdown-button .button.is-disabled .button-text,
2152 material-dropdown-select dropdown-button .button.is-disabled material-icon {
2153 color: rgba(255, 255, 255, .32)!important;
avm999630bc113a2020-09-07 13:02:11 +02002154}
2155
2156/* Announcements content */
avm99963223416c2021-04-21 22:13:14 +02002157ec-announcements-content .header,
2158 ec-announcements-content .no-announcements,
2159 ec-announcements-content .announcement {
2160 border-bottom-color: var(--TWPT-card-border)!important;
2161}
2162
avm999630bc113a2020-09-07 13:02:11 +02002163ec-announcements-content .header .title, ec-announcements-content .announcement-title {
2164 color: var(--TWPT-primary-text-alt)!important;
2165}
2166
avm9996315b23d72021-04-26 18:07:15 +02002167ec-announcements-content .announcement-date {
2168 color: var(--TWPT-secondary-text)!important;
2169}
2170
avm999630bc113a2020-09-07 13:02:11 +02002171ec-announcements-content .no-announcements-message {
2172 color: #c3bfbc!important;
2173}
2174
avm9996315b23d72021-04-26 18:07:15 +02002175ec-announcements-content .view-all-link,
2176 ec-announcements-content .read-more-button {
avm99963223416c2021-04-21 22:13:14 +02002177 color: var(--TWPT-link)!important;
2178}
2179
avm9996315b23d72021-04-26 18:07:15 +02002180ec-announcements-content ::-webkit-scrollbar-thumb {
2181 background-color: rgba(255, 255, 255, .26)!important;
2182}
2183
2184ec-announcements-content ::-webkit-scrollbar-thumb:hover {
2185 background-color: #4285f4!important;
2186}
2187
avm99963b2329632021-02-06 20:05:34 +01002188/* Generic popup (for notification bell, account selector, etc.) */
2189.popup-wrapper .header-text {
2190 color: var(--TWPT-primary-text)!important;
2191}
2192
avm9996348c87d12021-04-09 13:00:21 +02002193/* Notifications bell popup/panel */
Adrià Vilanova Martínez47d33bc2021-08-14 18:50:50 +02002194.notification-panel .header {
2195 border-bottom-color: var(--TWPT-card-border)!important;
2196}
2197
avm9996348c87d12021-04-09 13:00:21 +02002198.notification-panel .header material-button {
2199 color: var(--TWPT-secondary-text)!important;
2200}
2201
2202.notification-panel .cards-container .promo-message {
2203 color: var(--TWPT-secondary-text)!important;
2204}
2205
2206.notification-panel .cards-container .promo-message .header-text {
2207 color: var(--TWPT-primary-text)!important;
2208}
2209
Adrià Vilanova Martínez47d33bc2021-08-14 18:50:50 +02002210.notification-panel .cards-container ec-notification-card-content {
2211 border-bottom-color: var(--TWPT-card-border)!important;
2212}
2213
2214.notification-panel .cards-container ec-notification-card-content .text {
2215 color: var(--TWPT-primary-text)!important;
2216}
2217
2218.notification-panel .cards-container ec-notification-card-content .time,
2219 .notification-panel .cards-container ec-notification-card-content .close material-button {
2220 color: var(--TWPT-secondary-text)!important;
2221}
2222
avm999630bc113a2020-09-07 13:02:11 +02002223/* Account selector */
2224.popup-wrapper .profile .email {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002225 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002226}
2227
2228material-gaia-picker-footer {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002229 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002230 background-color: var(--TWPT-active-background)!important;
2231}
2232
avm9996348c87d12021-04-09 13:00:21 +02002233material-gaia-picker-footer material-button {
2234 color: var(--TWPT-secondary-text)!important;
2235}
2236
avm999630bc113a2020-09-07 13:02:11 +02002237/* Canned responses */
2238ec-canned-responses .filter-label,
avm9996325a0d602020-11-25 19:24:16 +01002239 ec-canned-responses ec-canned-response-row .name {
avm999630bc113a2020-09-07 13:02:11 +02002240 color: var(--TWPT-primary-text)!important;
2241}
2242
avm9996325a0d602020-11-25 19:24:16 +01002243ec-canned-responses .label-row,
2244 ec-canned-responses ec-canned-response-row .snippet,
Adrià Vilanova Martínez74a25202022-01-23 23:36:58 +01002245 ec-canned-responses ec-canned-response-row .tag .content,
2246 ec-canned-responses ec-canned-response-row .TWPT-tag .TWPT-content {
avm9996325a0d602020-11-25 19:24:16 +01002247 color: var(--TWPT-secondary-text)!important;
2248}
2249
avm999630bc113a2020-09-07 13:02:11 +02002250ec-canned-responses ec-canned-response-row .header.closed:hover,
2251 ec-canned-responses ec-canned-response-row .header.closed:focus,
2252 ec-canned-responses ec-canned-response-row .header.closed:hover .toolbar,
2253 ec-canned-responses ec-canned-response-row .header.closed:focus .toolbar {
2254 background-color: var(--TWPT-active-background)!important;
2255}
2256
avm9996325a0d602020-11-25 19:24:16 +01002257ec-canned-responses .filter-row,
2258 ec-canned-responses .label-row,
2259 ec-canned-responses ec-canned-response-row material-expansionpanel {
2260 border-bottom-color: var(--TWPT-subtle-border)!important;
2261}
2262
avm999630bc113a2020-09-07 13:02:11 +02002263/* Reply button */
Adrià Vilanova Martínez1d44d3d2021-07-26 15:34:19 +02002264material-fab.reply-button,
2265 material-fab.reply-fab {
avm999630bc113a2020-09-07 13:02:11 +02002266 background-color: var(--TWPT-link)!important;
2267 color: var(--TWPT-primary-background)!important;
2268}
2269
avm99963223416c2021-04-21 22:13:14 +02002270/* Settings view */
2271ec-settings .forum-language-container {
2272 border-bottom-color: var(--TWPT-subtle-border)!important;
2273}
2274
2275ec-settings .forum-language-container material-button {
2276 color: var(--TWPT-secondary-text)!important;
2277}
2278
Adrià Vilanova Martínez3356df72021-07-09 19:27:04 +02002279/* Loading spinner */
2280material-spinner {
2281 border-color: var(--TWPT-blue-A100)!important;
2282}
2283
avm99963f5923962020-12-07 16:44:37 +01002284/* Custom injected components */
2285.TWPT-log {
2286 background-color: #424242!important;
2287}
2288
2289.TWPT-log-entry.TWPT-log-entry--error {
2290 color: #ff8A80!important;
2291}
Adrià Vilanova Martínez5a8055b2022-09-29 13:05:19 +02002292
2293.TWPT-warning {
2294 background-color: #670505!important;
2295}