blob: 0282658387b7934056b9bf7e2c68baf3f7524ef1 [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ínez1f454612022-09-29 23:22:31 +020019 --TWPT-starred: #fbbc04;
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +020020 --TWPT-blue-100: #BBDEFB;
avm99963fb7107c2021-04-14 19:39:05 +020021 --TWPT-blue-A100: #82B1FF;
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +020022 --TWPT-bad-text: #f6aea9;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +010023 --TWPT-bad-text-lightbg: #ffc4c0;
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +020024 --TWPT-good-text: #34a853;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +010025 --TWPT-good-text-lightbg: #3cc160;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +020026 --TWPT-interop-primary-text: var(--TWPT-primary-text);
27 --TWPT-interop-secondary-text: #c4c7c5;
28 --TWPT-interop-subtle-border: #474747;
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +010029 --TWPT-interop-success: #37be5f;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +020030 --TWPT-interop-blue: #7cacf8;
Adrià Vilanova Martínez6f62c7d2022-11-05 20:48:52 +010031
32 /* MD3 dark theme variables */
33 --TWPT-md-sys-color-primary: #bda5ff;
34 --TWPT-md-sys-color-on-primary: #000;
35 --TWPT-md-sys-color-surface: var(--TWPT-drawer-background);
36 --TWPT-md-sys-color-on-surface: var(--TWPT-primary-text);
37 --TWPT-md-sys-color-on-surface-rgb: 154, 160, 166;
38 --TWPT-md-sys-color-on-surface-variant: var(--TWPT-secondary-text);
39 --TWPT-md-list-list-divider-color: var(--TWPT-subtle-border);
40 --TWPT-md-ripple-hover-state-layer-color: white;
41 --TWPT-md-ripple-pressed-state-layer-color: white;
42 --TWPT-custom-md-icon-color: var(--TWPT-subtle-button-background);
avm999630bc113a2020-09-07 13:02:11 +020043}
44
45body {
46 color: var(--TWPT-primary-text);
47 background-color: var(--TWPT-primary-background)!important;
48}
49
50p {
51 color: var(--TWPT-primary-text);
52}
53
Adrià Vilanova Martínezb06c13d2022-06-20 17:30:14 +000054body.ec a {
avm999630bc113a2020-09-07 13:02:11 +020055 color: var(--TWPT-link);
56}
57
58/* Header */
59.material-content > header {
60 background-color: var(--TWPT-primary-background)!important;
61}
62
avm9996315b23d72021-04-26 18:07:15 +020063.material-content > header .app-title-button,
64 .material-content > header .app-title-text {
65 color: var(--TWPT-secondary-text)!important;
avm99963ea9b23f2021-04-22 14:06:03 +020066}
67
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +020068.material-content > header :is(material-button,
69 material-button material-icon,
70 .mdc-button.mdc-icon-button,
avm99963d08c37e2022-09-25 20:41:58 +020071 .mdc-button.mdc-icon-button material-icon,
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +020072 notification-bell material-icon) {
avm999630bc113a2020-09-07 13:02:11 +020073 color: rgba(255, 255, 255, .87)!important;
74}
75
76.search-box {
77 background-color: #313235!important;
78}
79
80.search-box .clear-icon {
81 opacity: 0.8;
82 color: rgba(255, 255, 255, .87)!important;
83}
84
85.material-content > header .bell.mixin {
86 fill: rgba(255, 255, 255, .87)!important;
87}
88
Adrià Vilanova Martínez47d33bc2021-08-14 18:50:50 +020089/* Notification bell */
90notification-bell:focus {
91 background-color: rgba(255, 255, 255, .10)!important;
92}
93
avm999630bc113a2020-09-07 13:02:11 +020094/* Drawer */
95material-drawer, material-drawer .panel, material-list-item {
96 background-color: var(--TWPT-drawer-background)!important;
97}
98
avm9996324ef6522020-11-25 19:45:43 +010099material-list-item:hover, material-list-item:focus, material-list-item.item--active {
avm999630bc113a2020-09-07 13:02:11 +0200100 background-color: var(--TWPT-active-background)!important;
101}
102
103material-drawer .panel {
104 border-bottom-color: #25231f!important;
105}
106
107material-drawer .drawer-section-title, material-drawer .header > material-icon {
108 color: var(--TWPT-secondary-text)!important;
109}
110
avm9996315b23d72021-04-26 18:07:15 +0200111material-drawer material-list-item,
112 material-drawer material-list-item .title {
avm999630bc113a2020-09-07 13:02:11 +0200113 color: #d2cecb!important;
114}
115
116material-drawer ec-forum-drawer-item material-checkbox material-icon {
117 filter: brightness(1.5);
118}
119
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200120/* Tabs */
121material-tab-strip tab-button {
122 color: var(--TWPT-secondary-text)!important;
123}
124
125material-tab-strip tab-button.active {
126 color: var(--TWPT-blue-A100)!important;
127}
128
129material-tab-strip .tab-indicator {
130 border-top-color: var(--TWPT-blue-A100)!important;
131}
132
avm9996315b23d72021-04-26 18:07:15 +0200133/* Header menus */
134.popup material-list-item {
135 color: #d2cecb!important;
136}
137
avm99963223416c2021-04-21 22:13:14 +0200138/* Filters (ec-query-builder) */
139material-condition-builder .compound-condition-operator {
140 color: var(--TWPT-secondary-text)!important;
141}
142
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200143material-condition-builder .compound-condition-operator:is(::before, ::after) {
avm99963223416c2021-04-21 22:13:14 +0200144 border-left-color: rgba(255, 255, 255, .20)!important;
145}
146
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200147material-condition-builder .add-button,
148 ec-query-builder .save-filter-button:not([disabled]) {
149 color: var(--TWPT-blue-A100)!important;
150}
151
152material-condition-builder .add-condition,
153 ec-query-builder .close-button {
154 background-color: var(--TWPT-interop-blue)!important;
155 color: #1f1f1f!important;
156}
157
avm999630bc113a2020-09-07 13:02:11 +0200158/* Selector */
avm99963a51c7612020-11-25 23:58:56 +0100159
160/*
161 * This applies not only to the selector but also to the ec-work-state-picker.
162 */
avm99963a091be12021-02-18 17:03:28 +0100163.popup-wrapper, material-list, .popup .item-group-list {
avm999630bc113a2020-09-07 13:02:11 +0200164 background-color: var(--TWPT-drawer-background)!important;
165}
166
avm99963a091be12021-02-18 17:03:28 +0100167material-list [group]:not(.empty) + *:not(script):not(template):not(.empty),
168 .popup .item-group-list [group]:not(.empty) + *:not(script):not(template):not(.empty) {
avm999630bc113a2020-09-07 13:02:11 +0200169 box-shadow: inset 0 8px 0 0 var(--TWPT-drawer-background)!important;
170 border-top-color: #1f1f1f!important;
171}
172
173material-list material-select-item:hover,
174 material-list material-select-item:focus,
175 material-list material-select-dropdown-item:hover,
176 material-list material-select-dropdown-item:focus,
177 material-list material-select-dropdown-item.active,
avm99963a091be12021-02-18 17:03:28 +0100178 material-list material-select-dropdown-item:not(.multiselect).selected,
avm999634298b432021-08-16 16:38:00 +0200179 material-select-searchbox:focus-within + material-list .single-select-item:first-of-type,
avm99963a091be12021-02-18 17:03:28 +0100180 .popup .item-group-list material-select-item:hover,
181 .popup .item-group-list material-select-item:focus,
avm99963744d0cf2021-03-23 22:05:57 +0100182 .popup .item-group-list material-select-item.active,
avm99963a091be12021-02-18 17:03:28 +0100183 .popup .item-group-list material-select-dropdown-item:hover,
184 .popup .item-group-list material-select-dropdown-item:focus,
185 .popup .item-group-list material-select-dropdown-item.active,
186 .popup .item-group-list material-select-dropdown-item:not(.multiselect).selected {
avm99963744d0cf2021-03-23 22:05:57 +0100187 background-color: var(--TWPT-highlighted-item-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200188}
189
avm999634298b432021-08-16 16:38:00 +0200190material-list .single-select-item,
191 material-list .menu-item-label,
avm99963a091be12021-02-18 17:03:28 +0100192 material-list .label,
193 material-list .text-segment,
avm9996355acfae2021-08-19 18:06:56 +0200194 menu-item-groups .single-select-item,
195 menu-item-groups .menu-item-label,
196 menu-item-groups .label,
197 menu-item-groups .text-segment {
avm999630bc113a2020-09-07 13:02:11 +0200198 color: rgba(255, 255, 255, .87)!important;
199}
200
avm99963a091be12021-02-18 17:03:28 +0100201.popup .item-group-list material-icon {
202 color: rgba(255, 255, 255, .7)!important;
203}
204
avm999630bc113a2020-09-07 13:02:11 +0200205material-list [group] > [label] {
206 color: #8a8a8a!important;
207}
208
avm9996348c87d12021-04-09 13:00:21 +0200209/* This is shown in the new thread view */
210ec-forum-language-picker .labeled-select .select-label {
211 color: var(--TWPT-secondary-text)!important;
212}
213
avm999630bc113a2020-09-07 13:02:11 +0200214/* Main */
215.main {
216 color: var(--TWPT-primary-text)!important;
217}
218
avm9996325a0d602020-11-25 19:24:16 +0100219/* Border color for the page title bar (most pages use .title-bar although
220 * some use .page-header).
221 */
222main .title-bar, main .page-header {
avm999630bc113a2020-09-07 13:02:11 +0200223 border-bottom-color: var(--TWPT-subtle-border)!important;
224}
225
226main .title-bar .title, main .page-header h1, main .header h1 {
227 color: var(--TWPT-primary-text)!important;
228}
229
230.card {
231 background-color: var(--TWPT-secondary-background)!important;
232 color: var(--TWPT-primary-text)!important;
233 border-color: var(--TWPT-card-border)!important;
234}
235
236.card .card-title, .card, .card-section-title {
237 color: var(--TWPT-primary-text)!important;
238}
239
avm99963223416c2021-04-21 22:13:14 +0200240.card .card-section-hint, .card .card-section-checkbox-hint {
avm999630bc113a2020-09-07 13:02:11 +0200241 color: var(--TWPT-secondary-text)!important;
242}
243
244/* Action bar */
245.material-content .action-bar material-button,
246 ec-bulk-actions material-button,
avm99963b2329632021-02-06 20:05:34 +0100247 ec-back-button material-button,
avm9996348c87d12021-04-09 13:00:21 +0200248 .sort-options material-button {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200249 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200250}
251
avm99963ea9b23f2021-04-22 14:06:03 +0200252.material-content .action-bar .review-button.reviewing {
253 color: #1a73e8!important;
254 background: #dae7ff!important;
255}
256
avm999630bc113a2020-09-07 13:02:11 +0200257.material-content .action-bar material-button.starred {
Adrià Vilanova Martínez1f454612022-09-29 23:22:31 +0200258 color: var(--TWPT-starred)!important;
avm999630bc113a2020-09-07 13:02:11 +0200259}
260
Adrià Vilanova Martínez2c8913b2021-07-22 23:33:37 +0200261/* ec-work-state-picker and ec-symptom-picker */
262ec-work-state-picker > button,
263 ec-symptom-picker > button {
avm99963a51c7612020-11-25 23:58:56 +0100264 color: var(--TWPT-secondary-text)!important;
265 background-color: var(--TWPT-button-background)!important;
266 border-color: var(--TWPT-subtle-border)!important;
267}
268
269.material-popup-content .popup-content .title {
270 color: var(--TWPT-primary-text)!important;
271}
272
avm999630bc113a2020-09-07 13:02:11 +0200273/* Thread list */
274ec-thread-list ul.thread-group {
275 background-color: var(--TWPT-primary-background)!important;
276}
277
278ec-thread-list ec-bulk-actions, ec-thread-list ec-thread-summary material-expansionpanel {
279 border-bottom-color: var(--TWPT-subtle-border)!important;
280}
281
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200282ec-thread-list .no-results {
283 color: var(--TWPT-primary-text-alt)!important;
284}
285
avm99963a2a06442020-11-25 21:11:10 +0100286ec-thread-summary material-expansionpanel.read:not(.checked) {
avm999630bc113a2020-09-07 13:02:11 +0200287 background-color: var(--TWPT-thread-read-background)!important;
288}
289
avm99963e65bec42020-11-25 18:26:29 +0100290ec-thread-summary material-expansionpanel.read .title span:not(.icon) {
avm9996395da0772020-09-09 01:07:36 +0200291 opacity: 0.8;
292}
293
avm99963e65bec42020-11-25 18:26:29 +0100294ec-thread-summary material-expansionpanel.read .title .icon {
295 opacity: 0.48!important;
296}
297
avm999630bc113a2020-09-07 13:02:11 +0200298ec-thread-summary material-expansionpanel.checked {
avm99963a2a06442020-11-25 21:11:10 +0100299 background-color: #2c4b77!important;
avm999630bc113a2020-09-07 13:02:11 +0200300}
301
302ec-thread-summary material-expansionpanel .title {
303 color: var(--TWPT-primary-text)!important;
304}
305
306ec-thread-summary material-expansionpanel ec-second-summary-line,
307 material-expansionpanel .header-content,
avm9996348c87d12021-04-09 13:00:21 +0200308 material-expansionpanel ec-thread-counts > span:not(.recommended-answers),
309 material-expansionpanel .duplicate-label {
avm999630bc113a2020-09-07 13:02:11 +0200310 color: #928e89!important;
311}
312
avm9996348c87d12021-04-09 13:00:21 +0200313material-expansionpanel .removed-label {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200314 color: var(--TWPT-bad-text)!important;
avm9996348c87d12021-04-09 13:00:21 +0200315}
316
avm999631558e6c2020-12-08 13:42:40 +0100317ec-thread-summary material-expansionpanel ec-safe-html.body,
318 material-expansionpanel .issue-tracking-work-state {
avm999630bc113a2020-09-07 13:02:11 +0200319 color: var(--TWPT-primary-text)!important;
320}
321
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +0200322/*
323 * The following section changes the styles of the checkboxes in thread lists,
324 * based in the styles defined in the "Checkbox input" section.
325 **/
Adrià Vilanova Martínez1f454612022-09-29 23:22:31 +0200326ec-thread-summary material-expansionpanel .action material-button:not(.starred),
Adrià Vilanova Martínezfb2169a2021-07-09 00:26:37 +0200327 ec-thread-list material-checkbox material-icon,
avm99963d08c37e2022-09-25 20:41:58 +0200328 ec-thread-summary material-expansionpanel .star-button:not(.starred),
329 ec-thread-summary material-expansionpanel .mdc-button.mdc-icon-button material-icon {
Adrià Vilanova Martínezfb2169a2021-07-09 00:26:37 +0200330 color: #696867!important; /* Custom value to match previous behavior */
331 opacity: 1!important;
332}
333
Adrià Vilanova Martínez1f454612022-09-29 23:22:31 +0200334ec-thread-summary material-expansionpanel .action material-button.starred {
335 color: var(--TWPT-starred)!important;
336}
337
Adrià Vilanova Martínezfb2169a2021-07-09 00:26:37 +0200338ec-thread-list material-checkbox material-icon.filled {
339 color: #62a5ff!important; /* Custom value to contrast well with the background */
340}
341
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +0200342/* .gm-icons is added by the SMEI_GOOGLE_MATERIAL_ICONS experiment. */
Adrià Vilanova Martínezfb2169a2021-07-09 00:26:37 +0200343ec-thread-list material-checkbox:focus:not(.disabled).gm-icons .icon,
344 .gm-icons ec-thread-list material-checkbox:focus:not(.disabled) .icon,
345 ec-thread-list material-checkbox:hover:not(.disabled).gm-icons .icon,
346 .gm-icons ec-thread-list material-checkbox:hover:not(.disabled) .icon {
347 color: #807d7c!important; /* custom value */
348}
349
350ec-thread-list material-checkbox:focus:not(.disabled).gm-icons .icon.filled,
351 .gm-icons ec-thread-list material-checkbox:focus:not(.disabled) .icon.filled,
352 ec-thread-list material-checkbox:hover:not(.disabled).gm-icons .icon.filled,
353 .gm-icons ec-thread-list material-checkbox:hover:not(.disabled) .icon.filled {
354 color: #92c1ff!important; /* custom value */
355}
356
avm99963b2329632021-02-06 20:05:34 +0100357/* Thread view (including review/live review components) */
avm999630bc113a2020-09-07 13:02:11 +0200358ec-question, .heading + .group, ec-message {
359 background-color: var(--TWPT-secondary-background)!important;
360}
361
avm99963b2329632021-02-06 20:05:34 +0100362ec-thread .no-review-needed {
363 background-color: #155829!important;
364 border-color: var(--TWPT-subtle-border)!important;
365}
366
Adrià Vilanova Martínez1f454612022-09-29 23:22:31 +0200367/* "Original thread" box inside escalations */
368sc-tailwind-thread-question-thread-summary .scTailwindThreadQuestionThreadsummarythread-summary {
369 background: var(--TWPT-active-background)!important;
370 border-color: var(--TWPT-card-border)!important;
371}
372
373sc-tailwind-thread-question-thread-summary .scTailwindThreadQuestionThreadsummarydetails {
374 color: var(--TWPT-secondary-text)!important;
375}
376
377sc-tailwind-thread-question-thread-summary .scTailwindThreadQuestionThreadsummarytitle {
378 color: var(--TWPT-primary-text)!important;
379}
380
avm99963b2329632021-02-06 20:05:34 +0100381/* Review bar shown above the main message or replies */
382ec-review-bar {
avm999630bc113a2020-09-07 13:02:11 +0200383 background-color: var(--TWPT-active-background)!important;
384}
385
avm99963b2329632021-02-06 20:05:34 +0100386ec-review-bar material-chip {
387 background-color: var(--TWPT-button-background)!important;
388}
389
390ec-review-bar material-chip:not(.relevant-active):not(.active) {
avm99963b2329632021-02-06 20:05:34 +0100391 border-color: var(--TWPT-card-border)!important;
392}
393
394ec-review-bar material-chip:not(.relevant-active):not(.active) material-icon {
395 color: var(--TWPT-primary-text)!important;
396 fill: var(--TWPT-primary-text)!important;
397}
398
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200399ec-review-bar material-chip:not(.relevant-active):not(.active) .content {
400 color: var(--TWPT-primary-text)!important;
401}
402
avm99963b2329632021-02-06 20:05:34 +0100403ec-review-bar material-chip.relevant-active {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200404 border-color: var(--TWPT-good-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100405}
406
407ec-review-bar material-chip.relevant-active material-icon {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200408 color: var(--TWPT-good-text)!important;
409 fill: var(--TWPT-good-text)!important;
410}
411
412ec-review-bar material-chip.relevant-active .content {
413 color: var(--TWPT-good-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100414}
415
416ec-review-bar material-chip.active {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200417 border-color: var(--TWPT-bad-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100418}
419
420ec-review-bar material-chip.active material-icon {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200421 color: var(--TWPT-bad-text)!important;
422 fill: var(--TWPT-bad-text)!important;
423}
424
425ec-review-bar material-chip.active .content {
426 color: var(--TWPT-bad-text)!important;
avm99963b2329632021-02-06 20:05:34 +0100427}
428
avm999630bc113a2020-09-07 13:02:11 +0200429ec-message-header .header, ec-question .state, ec-question ec-thread-counts > span, ec-message ec-thread-counts > span {
430 color: var(--TWPT-secondary-text)!important;
431}
432
avm9996395da0772020-09-09 01:07:36 +0200433ec-question .alert, ec-message .alert {
avm999630bc113a2020-09-07 13:02:11 +0200434 background-color: var(--TWPT-active-background)!important;
435}
436
avm9996395da0772020-09-09 01:07:36 +0200437ec-question .alert material-icon, ec-message .alert material-icon {
avm999630bc113a2020-09-07 13:02:11 +0200438 color: var(--TWPT-primary-text)!important;
439}
440
avm9996395da0772020-09-09 01:07:36 +0200441ec-question .alert ec-icon, ec-message .alert ec-icon {
avm999630bc113a2020-09-07 13:02:11 +0200442 color: var(--TWPT-primary-text)!important;
443 fill: var(--TWPT-primary-text)!important;
444}
445
Adrià Vilanova Martínezdb57f362022-01-13 23:46:24 +0100446ec-question .alert material-button {
447 color: var(--TWPT-link)!important;
448}
449
avm999630bc113a2020-09-07 13:02:11 +0200450ec-question .title {
451 color: var(--TWPT-primary-text-alt)!important;
452}
453
avm99963b2329632021-02-06 20:05:34 +0100454ec-user-link .name-text {
455 color: var(--TWPT-link)!important;
456}
457
458ec-message-header ec-avatar svg, ec-message-header .role,
459 ec-message .footer .role {
avm999630bc113a2020-09-07 13:02:11 +0200460 filter: brightness(1.5);
461}
462
463ec-question .body, ec-message .body {
464 color: var(--TWPT-primary-text)!important;
465}
466
467ec-question .thread-insert {
468 background: none!important;
469}
470
471ec-question .details-heading {
472 color: var(--TWPT-primary-text-alt) !important;
473}
474
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100475ec-question .state-chips material-chip,
476 .TWPT-extrainfo-chip {
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200477 background-color: var(--TWPT-button-background)!important;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100478 border: none!important;
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200479 box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
480 0 1px 1px 0 rgba(0, 0, 0, 0.14),
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100481 0 1px 3px 0 rgba(0, 0, 0, 0.12)!important;
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200482}
483
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100484ec-question .state-chips material-chip .content,
485 .TWPT-extrainfo-chip .TWPT-content {
Adrià Vilanova Martínez0ab61ea2021-06-03 20:25:18 +0200486 color: var(--TWPT-primary-text)!important;
487}
488
avm9996348c87d12021-04-09 13:00:21 +0200489ec-question .footer,
490 ec-ask-flow .content-disclaimer {
avm999630bc113a2020-09-07 13:02:11 +0200491 color: var(--TWPT-primary-text)!important;
492 background-color: var(--TWPT-active-background)!important;
493 border-top-color: var(--TWPT-card-border)!important;
494}
495
496.heading {
497 color: var(--TWPT-primary-text)!important;
498}
499
500.heading + .group,
501 .load-more-bar,
502 ec-message:not(:first-child),
503 .load-more-bar .load-more-button,
504 .load-more-bar .load-all-button {
505 border-color: var(--TWPT-card-border)!important;
506}
507
avm9996395da0772020-09-09 01:07:36 +0200508ec-message .type {
509 color: var(--TWPT-primary-text)!important;
510}
511
avm999630bc113a2020-09-07 13:02:11 +0200512ec-message .footer ec-relative-time,
513 ec-message .footer ec-safe-html {
514 color: var(--TWPT-secondary-text)!important;
515}
516
517ec-message .helpful-prompt {
518 color: var(--TWPT-primary-text)!important;
519}
520
521ec-question .me-too-button,
522 ec-question .subscribe-button,
523 ec-message .upvote-button,
524 ec-message .downvote-button {
525 color: var(--TWPT-secondary-text)!important;
avm99963a51c7612020-11-25 23:58:56 +0100526 background-color: var(--TWPT-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200527}
528
avm99963223416c2021-04-21 22:13:14 +0200529ec-message .alert {
530 color: var(--TWPT-secondary-text)!important;
531}
532
avm999630bc113a2020-09-07 13:02:11 +0200533ec-question .me-too-button.selected,
534 ec-question .subscribe-button.selected,
535 ec-message .upvote-button.selected,
536 ec-message .downvote-button.selected {
537 color: #4285f4!important;
538}
539
540.load-more-bar .load-more-button, .load-more-bar .load-all-button {
541 background-color: var(--TWPT-secondary-background)!important;
542}
543
544.locked-alert {
545 background-color: var(--TWPT-active-background)!important;
546 border: var(--TWPT-card-border)!important;
547}
548
549.locked-alert material-icon {
550 color: rgba(255, 255, 255, .38)!important;
551}
552
avm99963b2329632021-02-06 20:05:34 +0100553ec-thread button.reply.collapsed {
554 color: var(--TWPT-secondary-text)!important;
555}
556
avm999630bc113a2020-09-07 13:02:11 +0200557ec-thread .finished-question {
558 background-color: var(--TWPT-active-background)!important;
559 border: var(--TWPT-card-border)!important;
560}
561
avm99963ea9b23f2021-04-22 14:06:03 +0200562ec-thread .finished-question .next-question {
563 color: var(--TWPT-link)!important;
564 border-color: var(--TWPT-link)!important;
565}
566
avm999630bc113a2020-09-07 13:02:11 +0200567.material-content .action-bar material-button.has-activity {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200568 color: var(--TWPT-blue-A100)!important;
avm999630bc113a2020-09-07 13:02:11 +0200569}
570
571.material-content .action-bar material-button.showing-sidebar {
572 background-color: var(--TWPT-active-background)!important;
573}
574
575ec-activity-panel .title-bar h3 {
576 color: #e8eaf2!important;
577}
578
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200579ec-activity-panel .title-bar material-button {
580 color: var(--TWPT-subtle-button-background)!important;
581}
582
avm999630bc113a2020-09-07 13:02:11 +0200583ec-activity-panel ec-activity {
584 color: var(--TWPT-secondary-text)!important;
585 border-color: var(--TWPT-card-border)!important;
586}
587
588ec-activity-panel ec-activity .message {
589 color: var(--TWPT-primary-text-alt)!important;
590}
591
592ec-activity-panel ec-activity .thread-title {
593 color: #c3bfbc!important;
594}
595
596/* Recommended answers - show in green where we've overwritten the colors */
597.recommended-answers {
598 color: #34a853!important;
599}
600
avm99963fb7107c2021-04-14 19:39:05 +0200601/* Suggested answers - show brighter blue */
602.suggested-icon {
603 color: var(--TWPT-blue-A100)!important;
604}
605
606/* Help button (shown in the suggested answers header) */
607.explanation-icon material-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200608 color: var(--TWPT-subtle-button-background)!important;
avm99963fb7107c2021-04-14 19:39:05 +0200609}
610
611/* Help button tooltip */
612.popup .paper-container {
613 background: var(--TWPT-drawer-background)!important;
614}
615
616.explanation-icon material-icon:hover {
617 color: var(--TWPT-blue-A100)!important;
618}
619
avm99963223416c2021-04-21 22:13:14 +0200620/* New thread and edit message views */
621material-stepper {
622 border-top-color: var(--TWPT-card-border)!important;
623}
624
avm999630bc113a2020-09-07 13:02:11 +0200625material-stepper .stepper-step-name,
626 material-stepper .purpose-title {
627 color: var(--TWPT-primary-text)!important;
628}
629
630ec-ask-flow .display-name-label,
avm99963223416c2021-04-21 22:13:14 +0200631 material-stepper .additional-details-label,
632 material-stepper .detail-label {
avm999630bc113a2020-09-07 13:02:11 +0200633 color: var(--TWPT-secondary-text)!important;
634}
635
avm99963223416c2021-04-21 22:13:14 +0200636material-stepper .stepper-step[selectable=true]:focus {
637 background-color: rgba(60, 64, 67, .24)!important;
638}
639
avm9996301818912021-05-24 11:53:18 +0200640/* Compose thread view */
641ec-thread-composer .main-content .title-label,
642 ec-thread-composer .main-content .post-label {
643 color: var(--TWPT-primary-text-alt)!important;
644}
645
646ec-thread-composer .main-content .title-input,
647 ec-thread-composer .main-content ec-rich-text-editor {
648 border-color: var(--TWPT-card-border)!important;
649}
650
651ec-thread-composer .main-content .title-alert {
Adrià Vilanova Martínezc5d40aa2021-06-11 14:18:23 +0200652 color: var(--TWPT-bad-text)!important;
avm9996301818912021-05-24 11:53:18 +0200653}
654
655ec-thread-composer material-drawer {
656 background-color: inherit!important;
657}
658
659ec-thread-composer material-drawer .right-panel {
660 border-left-color: var(--TWPT-card-border)!important;
661}
662
663ec-thread-composer material-drawer .panel-section-title {
664 color: var(--TWPT-primary-text)!important;
665}
666
667ec-thread-composer material-drawer .panel-section-divider {
668 border-color: var(--TWPT-card-border)!important;
669}
670
671ec-thread-composer material-drawer material-radio .radio-label {
672 color: var(--TWPT-primary-text-alt)!important;
673}
674
675ec-thread-composer material-drawer material-radio .radio-description,
676 ec-thread-composer material-drawer .settings-section .panel-section-item .select-label {
677 color: var(--TWPT-secondary-text)!important;
678}
679
avm9996348c87d12021-04-09 13:00:21 +0200680/* Note: see thread view section. There is a rule for the thread creation
681 * footer.
682 **/
683
Adrià Vilanova Martínez531cd072021-12-05 20:15:43 +0100684/* Chart in the profile view */
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200685ec-user bar-chart .axis text,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100686 ec-unified-user .scTailwindSharedActivitychartchart .axis text {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200687 fill: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +0200688}
689
690ec-user bar-chart .axis path,
691 ec-user bar-chart .axis .gridline,
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200692 ec-user bar-chart .axis line,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100693 ec-unified-user .scTailwindSharedActivitychartchart .axis path,
694 ec-unified-user .scTailwindSharedActivitychartchart .axis .gridline,
695 ec-unified-user .scTailwindSharedActivitychartchart .axis line {
avm999630bc113a2020-09-07 13:02:11 +0200696 stroke: rgba(255, 255, 255, .12)!important;
697}
698
699ec-user bar-chart .axis line.axis-zero-tick,
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200700 ec-user bar-chart .axis.x .tick-mark,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100701 ec-unified-user .scTailwindSharedActivitychartchart .axis line.axis-zero-tick,
702 ec-unified-user .scTailwindSharedActivitychartchart .axis.x .tick-mark {
avm999630bc113a2020-09-07 13:02:11 +0200703 stroke: rgba(255, 255, 255, .38)!important;
704}
705
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200706ec-user bar-chart .aplos-legend-entry,
Adrià Vilanova Martínezf4b4ac72022-02-01 13:44:56 +0100707 ec-unified-user .scTailwindSharedActivitychartchart .aplos-legend-entry {
avm999630bc113a2020-09-07 13:02:11 +0200708 color: var(--TWPT-secondary-text)!important;
709}
710
711.aplos-hovercard {
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200712 color: var(--TWPT-interop-secondary-text)!important;
avm999630bc113a2020-09-07 13:02:11 +0200713 background: var(--TWPT-secondary-background)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200714 border: none!important;
avm999630bc113a2020-09-07 13:02:11 +0200715}
716
717.aplos-hovercard .title {
718 color: var(--TWPT-primary-text)!important;
719}
720
721.aplos-hovercard .subtitle,
722 .aplos-donut-center .subtitle,
723 .aplos-hovercard .series,
724 .aplos-donut-center .series,
725 .aplos-hovercard .value,
726 .aplos-donut-center .value {
727 color: var(--TWPT-secondary-text)!important;
728}
729
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200730/*
731 * IMPORTANT NOTICE:
732 * Note: the following styles (for interop components) have been written by
733 * Googlers and thus are not included as part of the MIT license. This also
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100734 * applies to the styles of the unified profiles and the interop thread view.
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200735 **/
736
737/* Common styles for interop components */
738.scSharedCalloutroot {
739 color: var(--TWPT-interop-primary-text)!important;
740}
741
742.scSharedCallouterror {
743 background-color: #523a3b!important;
744 border-color: #f9dedc!important;
745}
746
747.scSharedCallouterror sc-shared-material-icon {
748 color: #f9dedc!important;
749}
750
751.scSharedCallouterror>.scSharedCalloutsecondary-button button {
752 color: #ec928e!important;
753}
754
755.scSharedCalloutcaution {
756 background-color: #554c33!important;
757 border-color: #ffdf99!important;
758}
759
760.scSharedCalloutcaution sc-shared-material-icon {
761 color: #ffdf99!important;
762}
763
764.scSharedCalloutcaution>.scSharedCalloutsecondary-button button {
765 color: #f09d00!important;
766}
767
768.scSharedCalloutinformational {
769 background-color: #394457!important;
770 border-color: #d3e3fd!important;
771}
772
773.scSharedCalloutinformational sc-shared-material-icon {
774 color: #d3e3fd!important;
775}
776
777.scSharedCalloutinformational>.scSharedCalloutsecondary-button button {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200778 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200779}
780
781.scSharedCalloutsuccess {
782 background-color: #37493f!important;
783 border-color: #c4eed0!important;
784}
785
786.scSharedCalloutsuccess sc-shared-material-icon {
787 color: #c4eed0!important;
788}
789
790.scSharedCalloutsuccess>.scSharedCalloutsecondary-button button {
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100791 color: var(--TWPT-interop-success)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200792}
793
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200794.scSharedMaterialbuttonroot {
795 --m-btn-text-color: var(--TWPT-interop-blue);
796 --m-btn-background-color: transparent;
797 --m-btn-outline-color: var(--TWPT-interop-blue);
798 background: var(--m-btn-background-color)!important;
799 color: var(--m-btn-text-color)!important;
800}
801
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200802.scSharedMaterialbuttonroot:disabled {
803 color: rgba(227, 227, 227, 0.369)!important;
804}
805
806.scSharedMaterialbuttontext {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200807 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200808}
809
810.scSharedMaterialbuttoncolor-label {
811 color: var(--TWPT-interop-secondary-text)!important;
812}
813
814.scSharedMaterialbuttoncolor-hint {
815 color: var(--TWPT-interop-secondary-text)!important;
816}
817
818.scSharedMaterialbuttonnavigational {
819 color: var(--TWPT-interop-primary-text)!important;
820}
821
822.scSharedMaterialbuttonnavigational-alt {
823 color: var(--TWPT-interop-secondary-text)!important;
824}
825
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200826.scSharedMaterialbuttonhairline, .scSharedMaterialbuttonpill {
827 outline: 1px solid var(--m-btn-outline-color)!important;
828}
829
830.scSharedMaterialbuttonhairline:hover, .scSharedMaterialbuttonhairline:focus, .scSharedMaterialbuttonpill:hover, .scSharedMaterialbuttonpill:focus {
831 --m-btn-outline-color: currentColor!important;
832}
833
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200834.scSharedMaterialbuttonhairline {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200835 --m-btn-outline-color: var(--TWPT-interop-subtle-border)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200836}
837
838.scSharedMaterialbuttonhairline:disabled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200839 --m-btn-outline-color: rgba(227, 227, 227, 0.369)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200840}
841
842.scSharedMaterialbuttonhairline:active {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200843 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 +0200844}
845
846.scSharedMaterialbuttontonal {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200847 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200848 background: #394457!important;
849}
850
851.scSharedMaterialbuttontonal:hover {
852 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
853}
854
855.scSharedMaterialbuttontonal:active {
856 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149)!important;
857}
858
859.scSharedMaterialbuttontonal:disabled {
860 background: rgba(227, 227, 227, 0.122)!important;
861}
862
863.scSharedMaterialbuttonfilled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200864 background: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200865 color: #1f1f1f!important;
866}
867
868.scSharedMaterialbuttonfilled:disabled {
869 background: rgba(227, 227, 227, 0.122)!important;
870}
871
872.scSharedMaterialbuttonfilled:hover,
873 .scSharedMaterialbuttonfilled:focus {
874 box-shadow: 0 1px 2px 0 rgba(124, 172, 248, 0.302), 0 1px 3px 1px rgba(124, 172, 248, 0.149)!important;
875}
876
877.scSharedMaterialbuttonfilled:active {
878 box-shadow: 0 1px 3px 0 rgba(124, 172, 248, 0.302), 0 4px 8px 3px rgba(124, 172, 248, 0.149)!important;
879}
880
881.scSharedMaterialbuttonprotected {
882 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
883 background: #1f1f1f!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200884 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200885}
886
887.scSharedMaterialbuttonprotected:disabled {
888 background: rgba(227, 227, 227, 0.122)!important;
889}
890
891.scSharedMaterialbuttonprotected:hover {
892 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
893}
894
895.scSharedMaterialbuttonprotected:focus {
896 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149)!important;
897}
898
899.scSharedMaterialbuttonprotected:active {
900 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149)!important;
901}
902
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100903.scSharedMaterialbuttonsuccess {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200904 --m-btn-text-color: var(--TWPT-interop-success)!important;
905 --m-btn-outline-color: var(--TWPT-interop-success)!important;
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100906}
907
908.scSharedMaterialbuttonsuccess.scSharedMaterialbuttonfilled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200909 --m-btn-text-color: #1f1f1f!important;
910 --m-btn-background-color: var(--TWPT-interop-success)!important;
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +0100911}
912
913.scSharedMaterialbuttonsuccess.scSharedMaterialbuttontonal {
914 --m-btn-background-color: #0f5223
915}
916
917@media (forced-colors:active) {
918 .scSharedMaterialbuttonroot:focus {
919 outline: 2px solid #e3e3e3;
920 }
921}
922
923@media (prefers-contrast:more) {
924 .scSharedMaterialbuttonroot:focus {
925 outline: 2px solid #e3e3e3;
926 }
927}
928
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200929.scSharedExpandabletextexpander {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200930 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200931}
932
933.scSharedMaterialborderfilled {
934 background: #313235!important;
935 border-bottom: 1px solid var(--TWPT-interop-secondary-text)!important;
936}
937
938.scSharedMaterialborderfilled-error {
939 border-bottom-color: #ec928e!important;
940}
941
942.scSharedMaterialborderfilled-bottom {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200943 background-color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200944}
945
946.scSharedMaterialborderfilled-label {
947 color: var(--TWPT-interop-secondary-text)!important;
948}
949
950.scSharedMaterialborderfilled-label-focused {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200951 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200952}
953
954.scSharedMaterialborderlabel {
955 color: var(--TWPT-interop-secondary-text)!important;
956}
957
958.scSharedMaterialborderleft {
959 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
960 border-left-color: var(--TWPT-interop-secondary-text)!important;
961 border-top-color: var(--TWPT-interop-secondary-text)!important;
962}
963
964.scSharedMaterialborderleft-error {
965 border-bottom-color: #ec928e!important;
966 border-left-color: #ec928e!important;
967 border-top-color: #ec928e!important;
968}
969
970.scSharedMaterialbordermid {
971 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
972 border-top-color: var(--TWPT-interop-secondary-text)!important;
973}
974
975.scSharedMaterialbordermid-error {
976 border-bottom-color: #ec928e!important;
977 border-top-color: #ec928e!important;
978}
979
980.scSharedMaterialborderright {
981 border-bottom-color: var(--TWPT-interop-secondary-text)!important;
982 border-right-color: var(--TWPT-interop-secondary-text)!important;
983 border-top-color: var(--TWPT-interop-secondary-text)!important;
984}
985
986.scSharedMaterialborderright-error {
987 border-bottom-color: #ec928e!important;
988 border-right-color: #ec928e!important;
989 border-top-color: #ec928e!important;
990}
991
992.scSharedMaterialborderfocused {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +0200993 border-color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +0200994}
995
996.scSharedMaterialborderdisabled {
997 border-color: var(--TWPT-interop-subtle-border)!important;
998}
999
1000.scSharedMaterialborderlabel-focused {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001001 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001002}
1003
1004.scSharedMaterialborderlabel-disabled {
1005 color: rgba(255, 255, 255, 0.239)!important;
1006}
1007
1008.scSharedMaterialborderlabel-error {
1009 color: #ec928e!important;
1010}
1011
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001012.scSharedMaterialcardroot {
1013 background: #1f1f1f;
1014 border: 1px solid var(--TWPT-interop-subtle-border);
1015}
1016
1017.scSharedMaterialcardelevation-1 {
1018 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1019 background: #2a2b2f;
1020}
1021
1022.scSharedMaterialcardelevation-2 {
1023 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
1024 background: #303135;
1025}
1026
1027.scSharedMaterialcardelevation-3 {
1028 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
1029 background: #36383a;
1030}
1031
1032.scSharedMaterialcardelevation-4 {
1033 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.302), 0 6px 10px 4px rgba(0, 0, 0, 0.149);
1034 background: #39393c;
1035}
1036
1037.scSharedMaterialcardelevation-5 {
1038 box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.302), 0 8px 12px 6px rgba(0, 0, 0, 0.149);
1039 background: #3c3e40;
1040}
1041
1042@media (forced-colors:active) {
1043 .scsharedmaterialcardroot {
1044 border-color: #e3e3e3;
1045 }
1046}
1047
1048@media (prefers-contrast:more) {
1049 .scsharedmaterialcardroot {
1050 border-color: #e3e3e3;
1051 }
1052}
1053
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001054.scSharedMaterialcheckboxcheckbox {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001055 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001056}
1057
1058.scSharedMaterialcheckboxbox {
1059 border-color: var(--TWPT-interop-secondary-text)!important;
1060}
1061
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001062.scSharedMaterialcheckboxnative-control:checked:disabled+.scSharedMaterialcheckboxbox,
1063.scSharedMaterialcheckboxnative-control:indeterminate:disabled+.scSharedMaterialcheckboxbox {
1064 background: rgba(0, 0, 0, .26);
1065 border-color: transparent;
1066}
1067
1068.scSharedMaterialcheckboxnative-control:disabled+.scSharedMaterialcheckboxbox {
1069 border-color: rgba(0, 0, 0, .26);
1070}
1071
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001072.scSharedMaterialcheckboxcheckmark-path {
1073 stroke: #1f1f1f!important;
1074}
1075
1076.scSharedMaterialcheckboxmixedmark {
1077 border-color: #1f1f1f!important;
1078}
1079
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001080.scSharedMaterialfabroot {
1081 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
1082 background: #303135;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001083 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001084}
1085
1086@media (forced-colors:active) {
1087 .scSharedMaterialfabroot {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001088 outline: 3px solid var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001089 }
1090}
1091
1092.scSharedMaterialfabroot.scSharedMaterialfabgrey {
1093 color: var(--TWPT-interop-secondary-text);
1094}
1095
1096.scSharedMaterialfabroot:.scSharedMaterialfabfake-focus,
1097.scSharedMaterialfabroot:hover,
1098.scSharedMaterialfabroot:focus {
1099 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.302), 0 6px 10px 4px rgba(0, 0, 0, 0.149);
1100}
1101
1102.scSharedMaterialfabroot:active {
1103 box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.302), 0 8px 12px 6px rgba(0, 0, 0, 0.149);
1104}
1105
1106.scSharedMaterialfablowered {
1107 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1108}
1109
1110.scSharedMaterialfablowered.scSharedMaterialfabfake-focus,
1111.scSharedMaterialfablowered:hover,
1112.scSharedMaterialfablowered:focus {
1113 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
1114}
1115
1116.scSharedMaterialfablowered:active {
1117 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
1118}
1119
1120.scSharedMaterialfabfilled {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001121 background: rgba(124,172,248,0.239);
1122 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001123}
1124
1125.scSharedMaterialfabfilled.scSharedMaterialfabgrey {
1126 background: var(--TWPT-interop-secondary-text);
1127 color: #1f1f1f;
1128}
1129
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001130.scSharedMaterial_dialogDialogcontentloading-overlay {
1131 background: rgba(227, 227, 227, 0.122)!important;
1132}
1133
1134.scSharedMaterialpopupbackground {
1135 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
1136 background: #2a2b2f!important;
1137 border: 1px solid var(--TWPT-interop-subtle-border)!important;
1138}
1139
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001140@media (forced-colors:active) {
1141 .scSharedMaterialpopupbackground {
1142 border-color: #e3e3e3;
1143 }
1144}
1145
1146@media (prefers-contrast:more) {
1147 .scSharedMaterialpopupbackground {
1148 border-color: #e3e3e3;
1149 }
1150}
1151
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001152.scSharedMaterialmenuroot {
1153 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
1154 background: #2a2b2f!important;
1155}
1156
1157.scSharedMaterialmenuitem {
1158 color: var(--TWPT-interop-primary-text)!important;
1159}
1160
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001161.scSharedMaterialmenuitem[disabled] {
1162 color: var(--TWPT-interop-subtle-border);
1163}
1164
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001165.scSharedMaterialmenuitem-separator {
1166 border-top-color: var(--TWPT-interop-subtle-border)!important;
1167}
1168
1169.scSharedMaterialmenuhighlight:focus,
1170 .scSharedMaterialmenuhighlight:hover {
1171 background-color: #394457!important;
1172}
1173
1174.scSharedMaterialmenuhighlight:focus {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001175 outline: auto var(--TWPT-interop-blue) 1px!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001176}
1177
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001178.scSharedMaterialtooltipcontainer {
1179 background-color: #e3e3e3;
1180 color: #1f1f1f;
1181}
1182
1183.scSharedMaterialradioradio {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001184 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001185}
1186
1187.scSharedMaterialradioring {
1188 border: 2px solid var(--TWPT-interop-secondary-text);
1189}
1190
1191.scSharedMaterialradionative-control:disabled~.scSharedMaterialradioring {
1192 border-color: rgba(0, 0, 0, .26);
1193}
1194
1195.scSharedMaterialradionative-control:disabled~.scSharedMaterialradiodot {
1196 background: rgba(0, 0, 0, .26);
1197}
1198
1199.scSharedMaterialrichtooltipcontainer {
1200 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1201}
1202
1203.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcontainer {
1204 background: #2a2b2f;
1205}
1206
1207.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-accented .scSharedMaterialrichtooltipcontainer {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001208 background: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001209 color: #1f1f1f;
1210}
1211
1212.scSharedMaterialrichtooltipcaret {
1213 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);
1214 background: #2a2b2f;
1215}
1216
1217.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcaret {
1218 background: #2a2b2f;
1219}
1220
1221.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-accented .scSharedMaterialrichtooltipcaret {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001222 background: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001223}
1224
1225.scSharedMaterialselectlabel {
1226 color: #e3e3e3;
1227}
1228
1229.scSharedMaterialselectarrow {
1230 color: var(--TWPT-interop-secondary-text);
1231}
1232
1233.scSharedMaterialselectactive .scSharedMaterialselectarrow {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001234 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001235}
1236
1237.scSharedMaterialselectdisabled .scSharedMaterialselectselection,
1238.scSharedMaterialselectdisabled .scSharedMaterialselectarrow {
1239 color: rgba(255, 255, 255, 0.239);
1240}
1241
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001242.scSharedMaterialsnackbarsnackbar {
1243 background: var(--TWPT-interop-primary-text)!important;
1244 color: #1f1f1f!important;
1245}
1246
1247.scSharedMaterialsnackbaraction button {
1248 color: #0b57d0!important;
1249}
1250
1251.scSharedMaterialtabbartab {
1252 color: var(--TWPT-interop-primary-text)!important;
1253}
1254
1255.scSharedMaterialtabbartab:hover,
1256 .scSharedMaterialtabbartab:focus {
1257 background-color: #313235!important;
1258}
1259
1260.scSharedMaterialtabbarselected {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001261 border-bottom-color: var(--TWPT-interop-blue)!important;
1262 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001263}
1264
1265.scSharedMaterialtextfieldlabel {
1266 color: var(--TWPT-interop-primary-text)!important;
1267}
1268
1269.scSharedMaterialtextfieldnative-control {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001270 caret-color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001271 color: var(--TWPT-interop-primary-text)!important;
1272}
1273
1274.scSharedMaterialtextfieldinvalid .scSharedMaterialtextfieldnative-control {
1275 caret-color: #ec928e!important;
1276}
1277
1278.scSharedMaterialtextfieldnative-control:disabled {
1279 color: var(--TWPT-interop-secondary-text)!important;
1280}
1281
1282.scSharedMaterialtextfieldfocused .scSharedMaterialtextfieldlabel {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001283 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001284}
1285
1286.scSharedMaterialtextfieldinvalid .scSharedMaterialtextfieldlabel {
1287 color: #ec928e!important;
1288}
1289
1290.scSharedMaterialtextfielddisabled .scSharedMaterialtextfieldlabel {
1291 color: var(--TWPT-interop-secondary-text)!important;
1292}
1293
1294.scSharedMaterialtextfieldhelper-text {
1295 color: var(--TWPT-interop-secondary-text)!important;
1296}
1297
1298.scSharedMaterialtextfieldhelper-text-invalid {
1299 color: #ec928e!important;
1300}
1301
1302.scSharedMaterialtextfieldhelper-text-disabled {
1303 color: var(--TWPT-interop-secondary-text)!important;
1304}
1305
1306.scTailwindSharedActivitychartroot {
1307 border: 1px solid var(--TWPT-interop-subtle-border)!important;
1308}
1309
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001310.scTailwindSharedAvatarroot {
1311 background-color: #f1f3f4;
1312 border: .375rem solid #f1f3f4;
1313}
1314
1315.scTailwindSharedAvatarroot.scTailwindSharedAvatarmedium.scTailwindSharedAvatarat-least-silver,
1316.scTailwindSharedAvatarroot.scTailwindSharedAvatarsmall.scTailwindSharedAvatarat-least-silver {
1317 border: .125rem solid #f1f3f4;
1318}
1319
1320.scTailwindSharedAvatarsilhouette {
1321 background-color: #fff;
1322}
1323
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001324.scTailwindSharedAvataravatar-loading {
1325 background: #1f1f1f!important;
1326}
1327
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001328.scTailwindSharedAvataruploadedit-button {
1329 background-color: rgba(0, 0, 0, 0.4);
1330 color: #fff;
1331}
1332
1333.scTailwindSharedAvataruploadroot:focus .scTailwindSharedAvataruploadedit-button,
1334.scTailwindSharedAvataruploadroot:focus-within .scTailwindSharedAvataruploadedit-button,
1335.scTailwindSharedAvataruploadroot:hover .scTailwindSharedAvataruploadedit-button {
1336 background-color: rgba(0, 0, 0, 0.54);
1337}
1338
1339.scTailwindSharedDisplay_name_editorDisplaynameeditorlabel {
1340 color: var(--TWPT-interop-secondary-text);
1341}
1342
1343.scTailwindSharedPiidialogfinding {
1344 color: var(--TWPT-interop-secondary-text);
1345}
1346
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001347.scTailwindSharedReportabusedialogcontent .abuse-link {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001348 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001349}
1350
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001351.scTailwindSharedRich_text_editorAttachmentFailedoverlayroot {
1352 background: rgba(0, 0, 0, 0.902);
1353 color: #ec928e;
1354}
1355
1356.scTailwindSharedRich_text_editorAttachmentLoadingoverlayroot {
1357 background: rgba(227, 227, 227, 0.369);
1358}
1359
1360.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button {
1361 background: #1f1f1f;
1362 border: 1px solid #27282b;
1363 color: var(--TWPT-interop-secondary-text);
1364}
1365
1366.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button:hover,
1367.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button:focus {
1368 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1369}
1370
1371.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentroot {
1372 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
1373 background: #36373a;
1374}
1375
1376.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentfilename {
1377 color: #e3e3e3;
1378}
1379
1380.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentextension {
1381 color: var(--TWPT-interop-secondary-text);
1382}
1383
1384.scTailwindSharedRich_text_editorLinktooltiproot button {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001385 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001386}
1387
1388.scTailwindSharedRichtexteditoreditor {
1389 background: #1f1f1f;
1390 color: #e3e3e3;
1391}
1392
1393.scTailwindSharedRichtexteditorplaceholder {
1394 color: var(--TWPT-interop-secondary-text);
1395}
1396
1397.scTailwindSharedRichtexteditorhas-bottom-panel {
1398 border-bottom: 1px solid var(--TWPT-interop-subtle-border);
1399}
1400
1401.scTailwindSharedRichtexteditorhint {
1402 color: var(--TWPT-interop-secondary-text);
1403}
1404
1405.scTailwindSharedRich_text_editorToolbarcontrolroot {
1406 color: var(--TWPT-interop-secondary-text);
1407}
1408
1409.scTailwindSharedRich_text_editorToolbarcontrolroot:hover {
1410 color: #e3e3e3;
1411}
1412
1413.scTailwindSharedRich_text_editorToolbarcontrolroot:focus {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001414 border: .125rem solid var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001415}
1416
1417.scTailwindSharedRich_text_editorToolbarcontrolactive {
1418 background: rgba(227, 227, 227, 0.122);
1419}
1420
1421.scTailwindSharedRich_text_editorToolbarMobiletoolbarattachment,
1422.scTailwindSharedRich_text_editorToolbarMobiletoolbartext-format {
1423 border-right: 1px solid var(--TWPT-interop-subtle-border);
1424}
1425
1426.scTailwindSharedRich_text_editorToolbarMobiletoolbartext-format-button {
1427 color: var(--TWPT-interop-secondary-text);
1428}
1429
1430.scTailwindSharedRich_text_editorToolbarMobiletoolbargroup {
1431 border-right: 1px solid var(--TWPT-interop-subtle-border);
1432}
1433
1434.scTailwindSharedRich_text_editorToolbargroup:not(:first-child) {
1435 border-left: 1px solid var(--TWPT-interop-subtle-border);
1436}
1437
1438.scTailwindSharedTitlefieldhelper-text {
1439 color: var(--TWPT-interop-secondary-text);
1440}
1441
1442.sc-select {
1443 border: .0625rem solid var(--TWPT-interop-secondary-text);
1444 color: #e3e3e3;
1445}
1446
1447.sc-select.keyboard-focus {
1448 border-color: transparent;
1449 box-shadow: 0 0 0 .125rem #a8c7fa;
1450}
1451
1452.sc-select svg {
1453 fill: var(--TWPT-interop-secondary-text);
1454}
1455
1456.sc-select ol {
1457 background: #272727;
1458 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);
1459}
1460
1461.sc-select .sc-select-highlight {
1462 background-color: #5ab3f0;
1463 color: #1f1f1f;
1464}
1465
1466/* Unified profile view (see the "IMPORTANT NOTICE" comment above) */
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001467.scTailwindUser_profileAchievementsempty a,
1468 .scTailwindUser_profileAchievementsempty a:visited,
1469 sc-tailwind-user_profile-user-profile .link-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001470 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001471}
1472
1473.scTailwindUser_profileBiosectionsection-heading {
1474 color: var(--TWPT-interop-secondary-text)!important;
1475}
1476
1477.scTailwindUser_profileBiosectionbio {
1478 color: var(--TWPT-interop-primary-text)!important;
1479}
1480
1481.scTailwindUser_profileBiosectionlinks,
1482 .scTailwindUser_profileBiosectionlink {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001483 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001484}
1485
1486.scTailwindUser_profileBiosectioninput-label {
1487 color: var(--TWPT-interop-secondary-text)!important;
1488}
1489
1490.scTailwindUser_profileEmaildisplayemail-display {
1491 color: var(--TWPT-interop-secondary-text)!important;
1492}
1493
1494.scTailwindUser_profileEmaildisplayshow-email {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001495 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001496}
1497
1498.scTailwindUser_profileMessagecardthread-link {
1499 color: var(--TWPT-interop-secondary-text)!important;
1500}
1501
1502.scTailwindUser_profileMessagecardlabel {
1503 color: var(--TWPT-interop-secondary-text)!important;
1504}
1505
1506.scTailwindUser_profileMessagecardcontent {
1507 border-left: 2px solid var(--TWPT-interop-subtle-border)!important;
1508 color: var(--TWPT-interop-primary-text)!important;
1509}
1510
1511.scTailwindUser_profileMessagecardcount {
1512 color: var(--TWPT-interop-secondary-text)!important;
1513}
1514
1515.scTailwindUser_profileMessagecardrecommended-answer {
1516 color: #6dd58c!important;
1517}
1518
1519.scTailwindUser_profileMessagecardrecommended-answer .icon {
1520 background-color: #6dd58c!important;
1521 color: #1f1f1f!important;
1522}
1523
1524sc-tailwind-user_profile-user-profile .notificationIcon {
1525 color: var(--TWPT-interop-secondary-text)!important;
1526}
1527
1528sc-tailwind-user_profile-user-profile .deleteIcon,
1529 sc-tailwind-user_profile-user-profile .reportAbuseIcon,
1530 sc-tailwind-user_profile-user-profile .reactivateIcon {
1531 color: var(--TWPT-interop-secondary-text)!important;
1532}
1533
1534.scTailwindUser_profilePosthistorysection+.scTailwindUser_profilePosthistorysection {
1535 border-top-color: var(--TWPT-interop-subtle-border)!important;
1536}
1537
1538.scTailwindUser_profilePosthistorycontent,
1539 .scTailwindUser_profilePosthistoryheader,
1540 .scTailwindUser_profilePosthistoryerror {
1541 border-color: var(--TWPT-interop-subtle-border)!important;
1542}
1543
1544.scTailwindUser_profileThreadcardtitle {
1545 color: var(--TWPT-interop-primary-text)!important;
1546}
1547
1548.scTailwindUser_profileThreadcardlabel {
1549 color: var(--TWPT-interop-secondary-text)!important;
1550}
1551
1552.scTailwindUser_profileThreadcardcontent {
1553 color: var(--TWPT-interop-primary-text)!important;
1554}
1555
1556.scTailwindUser_profileThreadcardcount {
1557 color: var(--TWPT-interop-secondary-text)!important;
1558}
1559
1560.scTailwindUser_profileThreadcardreply .icon {
1561 color: var(--TWPT-interop-secondary-text)!important;
1562}
1563
1564.scTailwindUser_profileThreadcardrecommended-answer {
1565 color: #6dd58c!important;
1566}
1567
1568.scTailwindUser_profileThreadcardrecommended-answer .icon {
1569 background-color: #6dd58c!important;
1570 color: #1f1f1f!important;
1571}
1572
1573.scTailwindUser_profileUsercardroot {
1574 border: 1px solid var(--TWPT-interop-subtle-border)!important;
1575}
1576
1577.scTailwindUser_profileUsercardinput-label {
1578 color: var(--TWPT-interop-secondary-text)!important;
1579}
1580
1581.scTailwindUser_profileUsercardheadline {
1582 color: var(--TWPT-interop-primary-text)!important;
1583}
1584
1585.scTailwindUser_profileUsercarddetails {
1586 color: var(--TWPT-interop-secondary-text)!important;
1587}
1588
1589.scTailwindUser_profileUsercardlinks,
1590 .scTailwindUser_profileUsercardlink {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001591 color: var(--TWPT-interop-blue)!important;
Adrià Vilanova Martínezd20e57e2021-10-13 23:12:13 +02001592}
1593
1594.scTailwindUser_profileUsercardhorizontal-separator {
1595 background-color: var(--TWPT-interop-subtle-border)!important;
1596 color: var(--TWPT-interop-subtle-border)!important;
1597}
1598
1599.scTailwindUser_profileUsercardsection-heading {
1600 color: var(--TWPT-interop-secondary-text)!important;
1601}
1602
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001603/* Interop thread view (see the "IMPORTANT NOTICE" comment above) */
1604.scTailwindThreadEditquestiondialogroot.scTailwindThreadEditquestiondialogscrollable {
1605 -webkit-box-shadow: inset 0 -11px 5px -11px #000;
1606 box-shadow: inset 0 -11px 5px -11px #000;
1607}
1608
1609.scTailwindThreadEditquestiondialogerror {
1610 color: #ec928e;
1611}
1612
1613.scTailwindThreadGetlinkdialoglink-container {
1614 border-bottom: 2px solid #a8c7fa;
1615}
1616
1617h4.scTailwindThreadMessageHelpfulnessbuttonslabel {
1618 color: #e3e3e3;
1619}
1620
1621.scTailwindThreadMessageMessagecardsub-content {
1622 background: #3c4043;
1623 border-top: 1px solid var(--TWPT-interop-subtle-border);
1624}
1625
1626.scTailwindThreadMessageMessagecardnested-reply:not(:first-child) {
1627 border-top: 1px solid var(--TWPT-interop-subtle-border);
1628}
1629
1630.scTailwindThreadMessageMessagecardtargeted {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001631 border-left: .125rem solid var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001632}
1633
1634.scTailwindThreadMessageMessagecardcalloutroot.scTailwindThreadMessageMessagecardcalloutrecommended {
1635 background: #0f5223;
1636 border-color: #6dd58c;
1637}
1638
1639.scTailwindThreadMessageMessagecardcalloutroot.scTailwindThreadMessageMessagecardcalloutrelevant {
1640 background: #394457;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001641 border-color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001642}
1643
1644.scTailwindThreadMessageMessagetagrecommended.scTailwindThreadMessageMessagetagnormal {
1645 color: #6dd58c;
1646}
1647
1648.scTailwindThreadMessageMessagetagrecommended.scTailwindThreadMessageMessagetagstrong {
1649 color: #6dd58c;
1650}
1651
1652.scTailwindThreadMessageMessagetagrelevant.scTailwindThreadMessageMessagetagnormal {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001653 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001654}
1655
1656.scTailwindThreadMessageMessagetagrelevant.scTailwindThreadMessageMessagetagstrong {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001657 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001658}
1659
1660.scTailwindThreadMessageMessageinteractionsinteraction {
1661 color: var(--TWPT-interop-secondary-text);
1662}
1663
1664p.scTailwindThreadMessageMessagetombstoneroot {
1665 color: var(--TWPT-interop-secondary-text);
1666}
1667
1668p.scTailwindThreadMessageMessagetombstoneroot .scTailwindThreadMessageMessagetombstoneclickable {
1669 color: var(--TWPT-interop-secondary-text);
1670}
1671
1672.scTailwindThreadPostcontentroot {
1673 color: #e3e3e3;
1674}
1675
1676.scTailwindThreadPostcontentroot a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001677 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001678}
1679
1680.scTailwindThreadPost_headerOverflowmenuicon {
1681 color: var(--TWPT-interop-secondary-text);
1682}
1683
1684.scTailwindThreadPost_headerPostdateroot {
1685 color: var(--TWPT-interop-secondary-text);
1686}
1687
1688.scTailwindThreadPost_headerUserinfoname a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001689 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001690}
1691
1692.scTailwindThreadPost_headerUserinfotag {
1693 color: var(--color, #e3e3e3);
1694}
1695
1696.scTailwindThreadPost_headerUserinfoheadline {
1697 color: var(--TWPT-interop-secondary-text);
1698}
1699
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001700.scTailwindThreadReplyeditorroot {
1701 background: #2a2b2f;
1702 border-color: var(--TWPT-interop-subtle-border);
1703}
1704
1705.scTailwindThreadReplyeditortop-row {
1706 border-bottom-color: 1px solid rgba(255, 255, 255, 0.239);
1707}
1708
1709.scTailwindThreadReplyeditorfooter {
1710 background: #36373a;
1711 border-top-color: rgba(255, 255, 255, 0.239);
1712}
1713
1714.scTailwindThreadReplyeditorfooter a {
1715 color: var(--TWPT-interop-blue);
1716}
1717
1718.scTailwindThreadReplyeditorroot .scTailwindThreadReplyeditorerror {
1719 color: #ec928e;
1720}
1721
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001722.scTailwindThreadReplydialogroot {
1723 background: #2a2b2f;
1724}
1725
1726.scTailwindThreadReplydialogheader {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001727 background: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001728}
1729
1730.scTailwindThreadReplydialogheader h1.scTailwindThreadReplydialogheading {
1731 color: #1f1f1f;
1732}
1733
1734.scTailwindThreadReplydialogheading-button {
1735 color: #1f1f1f;
1736}
1737
1738.scTailwindThreadReplydialogtop-row {
1739 border-bottom: 1px solid var(--TWPT-interop-subtle-border);
1740}
1741
1742.scTailwindThreadReplydialogfooter {
1743 background: #36373a;
1744}
1745
1746.scTailwindThreadReplydialogfooter a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001747 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001748}
1749
1750.scTailwindThreadReplydialogminimized .scTailwindThreadReplydialogheader {
1751 background: #e3e3e3;
1752 color: #1f1f1f;
1753}
1754
1755.scTailwindThreadReplydialogroot .scTailwindThreadReplydialogerror {
1756 color: #ec928e;
1757}
1758
1759@media (min-width:48.125rem) {
1760 .scTailwindThreadReplydialogroot {
1761 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
1762 }
1763}
1764
1765.scTailwindThreadMessageMessagelisthelp-icon {
1766 color: var(--TWPT-interop-secondary-text);
1767}
1768
1769.scTailwindThreadMessageMessagelistrecommended-icon {
1770 color: #c4eed0;
1771}
1772
1773.scTailwindThreadMessageMessagelistrelevant-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001774 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001775}
1776
1777.scTailwindThreadMorebuttondivider {
1778 background: var(--TWPT-interop-subtle-border);
1779}
1780
1781.scTailwindThreadMorebuttonbutton {
1782 background: #1f1f1f;
1783 border: 1px solid var(--TWPT-interop-subtle-border);
1784 color: var(--TWPT-interop-secondary-text);
1785}
1786
Adrià Vilanova Martínez88854972022-08-28 11:57:12 +02001787.scTailwindThreadMessagegapdivider {
1788 background: var(--TWPT-interop-subtle-border);
1789}
1790
1791.scTailwindThreadMessagegapbutton {
1792 background: #1f1f1f;
1793 border: 1px solid var(--TWPT-interop-subtle-border);
1794 color: var(--TWPT-interop-secondary-text);
1795}
1796
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001797.scTailwindThreadPesignupdialogclose-button-row button {
1798 color: #fff;
1799}
1800
1801.scTailwindThreadPesignupdialogdialog-body p {
1802 color: #e3e3e3;
1803}
1804
1805.scTailwindThreadPesignupdialogpe-dialog-container {
1806 background-color: #1f1f1f;
1807 -webkit-box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1808 box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1809}
1810
1811.scTailwindThreadPostconfirmationdialogclose-button-row button {
1812 color: #e3e3e3;
1813}
1814
1815.scTailwindThreadPostconfirmationdialogdialog-body p {
1816 color: #e3e3e3;
1817}
1818
1819.scTailwindThreadPostconfirmationdialogdialog-container {
1820 background-color: #1f1f1f;
1821 -webkit-box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1822 box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
1823}
1824
1825.scTailwindThreadQuestionQuestioncardsub-content {
1826 background: #3c4043;
1827 border-top: 1px solid var(--TWPT-interop-subtle-border);
1828}
1829
1830.scTailwindThreadQuestionQuestioncardtitle {
1831 color: #e3e3e3;
1832}
1833
1834.scTailwindThreadQuestionQuestioncardbody {
1835 color: #e3e3e3;
1836}
1837
1838.scTailwindThreadQuestionQuestioncardbody a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001839 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001840}
1841
1842.scTailwindThreadQuestionQuestioncarddisclaimer,
1843.scTailwindThreadQuestionQuestioncardedited {
1844 color: var(--TWPT-interop-secondary-text);
1845}
1846
1847.scTailwindThreadQuestionQuestioncarddisclaimer a,
1848.scTailwindThreadQuestionQuestioncardedited a {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001849 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001850}
1851
1852.scTailwindThreadQuestionQuestiondetailsdetail-link {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001853 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001854}
1855
1856.scTailwindThreadQuestionQuestionpurposetag {
1857 background: #394457;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001858 color: var(--TWPT-interop-blue);
Adrià Vilanova Martínez91c444f2022-01-28 14:51:31 +01001859}
1860
1861.scTailwindThreadQuestionStatechipschip {
1862 border: 1px solid var(--TWPT-interop-subtle-border);
1863 color: var(--TWPT-interop-secondary-text);
1864}
1865
1866.scTailwindThreadThreaddeleted-icon {
1867 color: var(--TWPT-interop-secondary-text);
1868}
1869
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001870/* Some fixes for the interop components in the Community Console */
1871/* Alumnus */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001872.scTailwindThreadPost_headerUserinfotag[style*="--color:#0F9D58"],
1873 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#0F9D58"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001874 --color: #C4EED0!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001875 --userLabelColor: #C4EED0!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001876}
1877
1878/* Bronze */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001879.scTailwindThreadPost_headerUserinfotag[style*="--color:#896E63"],
1880 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#896E63"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001881 --color: #B9ABA3!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001882 --userLabelColor: #B9ABA3!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001883}
1884
1885/* Silver */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001886.scTailwindThreadPost_headerUserinfotag[style*="--color:#5F6368"],
1887 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#5F6368"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001888 --color: #C4C7C5!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001889 --userLabelColor: #C4C7C5!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001890}
1891
1892/* Gold */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001893.scTailwindThreadPost_headerUserinfotag[style*="--color:#E37400"],
1894 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#E37400"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001895 --color: #F09D00!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001896 --userLabelColor: #F09D00!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001897}
1898
1899/* Platinum */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001900.scTailwindThreadPost_headerUserinfotag[style*="--color:#455A64"],
1901 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#455A64"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001902 --color: #E3E3E3!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001903 --userLabelColor: #E3E3E3!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001904}
1905
1906/* Diamond, Community Specialist, Community Manager and Google Employee */
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001907.scTailwindThreadPost_headerUserinfotag[style*="--color:#1A73E8"],
1908 .scTailwindThreadMessageMessageinteractionsuser-label[style*="--userLabelColor:#1A73E8"] {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001909 --color: #A8C7FA!important;
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001910 --userLabelColor: #A8C7FA!important;
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02001911}
1912
avm999630bc113a2020-09-07 13:02:11 +02001913/* Duplicate thread feature */
1914.search-results ec-thread-option material-expansionpanel .panel {
1915 background-color: var(--TWPT-primary-background)!important;
1916}
1917
1918.search-results ec-thread-option material-expansionpanel.selected .panel,
1919 .search-results ec-thread-option material-expansionpanel .panel > .main-header > .header.closed:hover,
1920 .search-results ec-thread-option material-expansionpanel .panel > .main-header > .header.closed:focus {
1921 background-color: #17191c!important;
1922}
1923
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02001924.search-results .results-title {
1925 color: var(--TWPT-primary-text-alt)!important;
1926}
1927
1928.search-results ec-thread-option material-expansionpanel .panel > .main > .main-content .snippet {
1929 color: var(--TWPT-secondary-text)!important;
1930}
1931
avm999630bc113a2020-09-07 13:02:11 +02001932/* Disabled buttons */
1933material-button[disabled] {
1934 color: rgba(255, 255, 255, .26)!important;
1935}
1936
Adrià Vilanova Martínez7249f132022-11-06 20:07:19 +01001937.mdc-button {
1938 --gm-colortextbutton-disabled-ink-color: rgba(255, 255, 255, .26);
1939}
1940
avm999630bc113a2020-09-07 13:02:11 +02001941/* Material icons */
1942ec-filter-drawer-item material-icon,
1943 ec-filter-drawer-item ec-icon,
1944 material-drawer .drawer-section material-icon,
1945 material-drawer .drawer-section ec-icon,
1946 material-list material-icon,
1947 ec-query-builder material-icon,
avm999630bc113a2020-09-07 13:02:11 +02001948 ec-thread-summary material-expansionpanel .title material-icon,
1949 .search-results ec-thread-option material-icon,
1950 .search-results ec-thread-option ec-icon,
1951 ec-rich-text-editor material-icon,
1952 ec-editor-command material-icon,
avm99963223416c2021-04-21 22:13:14 +02001953 ec-canned-responses ec-canned-response-row material-icon,
1954 ec-ask-flow > .header material-button {
avm999630bc113a2020-09-07 13:02:11 +02001955 color: rgba(255, 255, 255, .87)!important;
1956}
1957
1958material-drawer ec-icon,
avm99963223416c2021-04-21 22:13:14 +02001959 .search-results ec-thread-option ec-icon,
avm9996315b23d72021-04-26 18:07:15 +02001960 ec-thread-summary material-expansionpanel .title ec-icon,
1961 ec-announcements-menu-item ec-icon {
avm999630bc113a2020-09-07 13:02:11 +02001962 fill: rgba(255, 255, 255, .87)!important;
1963}
1964
1965/* Dialogs */
1966material-dialog, material-dialog .dialog-header {
1967 background-color: var(--TWPT-primary-background)!important;
1968}
1969
1970ec-movable-dialog[showminimize] material-dialog .dialog-header {
1971 background-color: #d2e3fc!important;
1972}
1973
1974material-dialog .title {
1975 color: var(--TWPT-primary-text-alt)!important;
1976}
1977
1978ec-movable-dialog[showminimize] material-dialog .dialog-header .title, ec-movable-dialog[showminimize] material-dialog header material-icon {
1979 color: var(--TWPT-primary-background)!important;
1980}
1981
1982ec-movable-dialog[showminimize] material-dialog .header-notice, material-dialog .legal-prompt {
1983 background-color: #170f01!important;
1984}
1985
avm99963223416c2021-04-21 22:13:14 +02001986ec-movable-dialog[showminimize] material-dialog .main .header-notice material-icon[icon="info_outline"] {
1987 color: var(--TWPT-blue-A100)!important;
1988}
1989
avm999630bc113a2020-09-07 13:02:11 +02001990material-dialog .section-title,
1991 material-dialog .select-label,
1992 material-dialog .input-label,
1993 material-dialog .btn-no,
1994 ec-display-name-editor,
1995 .forum-selection-label {
1996 color: var(--TWPT-secondary-text)!important;
1997}
1998
avm9996301818912021-05-24 11:53:18 +02001999material-dialog main > .user {
2000 border-bottom-color: var(--TWPT-card-border)!important;
2001}
2002
avm999630bc113a2020-09-07 13:02:11 +02002003ec-movable-dialog[showminimize] material-dialog footer > [footer] > .footer > [footer] > simple-html {
2004 color: var(--TWPT-secondary-text)!important;
2005 background-color: var(--TWPT-active-background)!important;
2006 border-top-color: #25231f!important;
2007}
2008
avm9996301818912021-05-24 11:53:18 +02002009ec-movable-dialog[showminimize] material-dialog footer > [footer] > .footer > [footer] > simple-html a {
2010 color: var(--TWPT-link)!important;
2011}
2012
Adrià Vilanova Martínez7249f132022-11-06 20:07:19 +01002013material-dialog .footer material-button[raised]:not([disabled]),
2014 material-dialog .footer .mdc-button.submit:not(:disabled){
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02002015 background-color: var(--TWPT-blue-A100)!important;
2016 color: #1f1f1f!important;
2017}
2018
avm999630bc113a2020-09-07 13:02:11 +02002019/* Keyboard shortcuts dialog */
Adrià Vilanova Martínezd28af562021-09-19 22:27:55 +02002020material-dialog .main.with-scroll-strokes table th {
avm999630bc113a2020-09-07 13:02:11 +02002021 color: var(--TWPT-primary-text)!important;
2022}
2023
Adrià Vilanova Martínezd28af562021-09-19 22:27:55 +02002024material-dialog .main.with-scroll-strokes table td {
2025 color: var(--TWPT-primary-text-alt)!important;
2026}
2027
2028material-dialog .main.with-scroll-strokes table tr,
2029 material-dialog .main.with-scroll-strokes .shortcut {
2030 border-color: var(--TWPT-card-border)!important;
2031}
2032
2033material-dialog .main.with-scroll-strokes.bottom-scroll-stroke {
2034 border-bottom-color: var(--TWPT-card-border)!important;
2035}
2036
2037material-dialog .main.with-scroll-strokes.top-scroll-stroke {
2038 border-top-color: var(--TWPT-card-border)!important;
2039}
2040
avm999630bc113a2020-09-07 13:02:11 +02002041/* Rich text editor */
2042ec-editor-command material-button,
2043 ec-formatting-popup material-button {
2044 box-shadow: none!important;
2045}
2046
2047ec-editor-command material-button.is-active {
2048 background: var(--TWPT-active-background)!important;
2049}
2050
2051ec-rich-text-editor .placeholder {
2052 color: rgba(255, 255, 255, .38)!important;
2053}
2054
avm9996301818912021-05-24 11:53:18 +02002055ec-rich-text-editor .input-wrapper,
2056 ec-rich-text-editor .spacer {
2057 border-color: var(--TWPT-card-border)!important;
2058}
2059
2060ec-rich-text-editor .input-wrapper.input-wrapper--focused {
2061 border-color: var(--TWPT-blue-A100)!important;
2062}
2063
avm999630bc113a2020-09-07 13:02:11 +02002064ec-rich-text-editor .input {
2065 color: var(--TWPT-primary-text)!important;
2066}
2067
2068ec-rich-text-editor .hint {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002069 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002070}
2071
2072material-select-searchbox + material-list material-list-item {
2073 color: rgba(255, 255, 255, .87)!important;
2074}
2075
2076ec-attachment .filename {
2077 color: var(--TWPT-primary-text)!important;
2078}
2079
2080/* Thread insert */
2081ec-thread-insert .title {
2082 color: var(--TWPT-primary-text)!important;
2083}
2084
2085ec-thread-insert ec-thread-counts,
2086 ec-thread-insert .details,
2087 ec-thread-insert ec-relative-time {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002088 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002089}
2090
2091/* Text input */
2092material-input input {
2093 color: var(--TWPT-primary-text)!important;
2094}
2095
2096material-input .label-text,
2097 material-input .hint-text,
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02002098 material-input .counter,
2099 material-input .leading-text,
2100 material-input .leading-text material-icon {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002101 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002102}
2103
2104material-input .underline .unfocused-underline {
avm99963223416c2021-04-21 22:13:14 +02002105 background-color: var(--TWPT-input-underline)!important;
avm999630bc113a2020-09-07 13:02:11 +02002106}
2107
avm9996301818912021-05-24 11:53:18 +02002108material-input .underline .focused-underline {
2109 background-color: var(--TWPT-blue-A100)!important;
2110}
2111
avm999630bc113a2020-09-07 13:02:11 +02002112label .label {
2113 color: var(--TWPT-primary-text)!important;
2114}
2115
2116/* Input underline */
2117material-input .underline .unfocused-underline,
2118 material-dropdown-select dropdown-button [buttondecorator] {
avm9996301818912021-05-24 11:53:18 +02002119 border-color: var(--TWPT-input-underline)!important;
avm999630bc113a2020-09-07 13:02:11 +02002120}
2121
Adrià Vilanova Martínezdb116192022-06-20 21:46:15 +02002122/* Material yes/no buttons */
2123material-yes-no-buttons material-button:not([disabled]).highlighted:not([raised]) {
2124 color: var(--TWPT-blue-A100)!important;
2125}
2126
Adrià Vilanova Martínez9605cb82021-09-07 13:04:10 +02002127/* Checkbox input (except for forum checkboxes in the drawer) */
Adrià Vilanova Martínez7249f132022-11-06 20:07:19 +01002128material-checkbox material-icon:not(ec-forum-drawer-item material-icon, ec-thread-list material-icon) {
avm999630bc113a2020-09-07 13:02:11 +02002129 color: var(--TWPT-secondary-text)!important;
2130}
2131
Adrià Vilanova Martínez7249f132022-11-06 20:07:19 +01002132material-checkbox .content:not(ec-forum-drawer-item material-icon, ec-thread-list material-icon) {
2133 color: var(--TWPT-primary-text);
2134}
2135
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +02002136/* .gm-icons is added by the SMEI_GOOGLE_MATERIAL_ICONS experiment. */
Adrià Vilanova Martínezdd8075f2021-09-08 21:57:32 +02002137material-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 +02002138 color: var(--TWPT-blue-A100)!important;
2139}
2140
2141material-checkbox:focus:not(.disabled).gm-icons .icon,
2142 .gm-icons material-checkbox:focus:not(.disabled) .icon,
2143 material-checkbox:hover:not(.disabled).gm-icons .icon,
2144 .gm-icons material-checkbox:hover:not(.disabled) .icon {
2145 color: #cfd2d8!important; /* custom value */
2146}
2147
2148material-checkbox:focus:not(.disabled).gm-icons .icon.filled,
2149 .gm-icons material-checkbox:focus:not(.disabled) .icon.filled,
2150 material-checkbox:hover:not(.disabled).gm-icons .icon.filled,
2151 .gm-icons material-checkbox:hover:not(.disabled) .icon.filled {
2152 color: var(--TWPT-blue-100)!important;
2153}
2154
2155.gm-icons material-checkbox .icon-container::before{
2156 background-color: #dfdedb!important; /* custom value */
2157}
2158
2159/* Radio input */
2160material-radio .icon-container:not(.checked) material-icon {
2161 color: var(--TWPT-secondary-text)!important;
2162}
2163
2164material-radio .icon-container.checked material-icon {
2165 color: var(--TWPT-blue-A100)!important;
2166}
2167
Adrià Vilanova Martínez7249f132022-11-06 20:07:19 +01002168material-radio {
2169 --gm-radio-stroke-color--checked: var(--TWPT-blue-A100);
2170 --gm-radio-ink-color: var(--TWPT-blue-A100);
2171}
2172
Adrià Vilanova Martínez0d15aeb2021-07-26 15:18:43 +02002173/* Material switch */
2174.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
2175 background-color: #7d7d7d!important; /* custom value */
2176}
2177
2178.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
2179 border-color: #fff!important; /* custom value */
2180}
2181
2182.mdc-switch.mdc-switch--checked .mdc-switch__track {
2183 background-color: var(--TWPT-blue-A100)!important;
2184}
2185
2186.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
2187 border-color: var(--TWPT-blue-A100)!important;
2188}
2189
avm999630bc113a2020-09-07 13:02:11 +02002190/* Material menu button and dropdown select */
2191material-menu material-button, material-dropdown-select dropdown-button {
avm99963223416c2021-04-21 22:13:14 +02002192 color: var(--TWPT-primary-text)!important;
avm999630bc113a2020-09-07 13:02:11 +02002193}
2194
avm9996348c87d12021-04-09 13:00:21 +02002195material-dropdown-select dropdown-button .button.is-disabled .button-text,
2196 material-dropdown-select dropdown-button .button.is-disabled material-icon {
2197 color: rgba(255, 255, 255, .32)!important;
avm999630bc113a2020-09-07 13:02:11 +02002198}
2199
2200/* Announcements content */
avm99963223416c2021-04-21 22:13:14 +02002201ec-announcements-content .header,
2202 ec-announcements-content .no-announcements,
2203 ec-announcements-content .announcement {
2204 border-bottom-color: var(--TWPT-card-border)!important;
2205}
2206
avm999630bc113a2020-09-07 13:02:11 +02002207ec-announcements-content .header .title, ec-announcements-content .announcement-title {
2208 color: var(--TWPT-primary-text-alt)!important;
2209}
2210
avm9996315b23d72021-04-26 18:07:15 +02002211ec-announcements-content .announcement-date {
2212 color: var(--TWPT-secondary-text)!important;
2213}
2214
avm999630bc113a2020-09-07 13:02:11 +02002215ec-announcements-content .no-announcements-message {
2216 color: #c3bfbc!important;
2217}
2218
avm9996315b23d72021-04-26 18:07:15 +02002219ec-announcements-content .view-all-link,
2220 ec-announcements-content .read-more-button {
avm99963223416c2021-04-21 22:13:14 +02002221 color: var(--TWPT-link)!important;
2222}
2223
avm9996315b23d72021-04-26 18:07:15 +02002224ec-announcements-content ::-webkit-scrollbar-thumb {
2225 background-color: rgba(255, 255, 255, .26)!important;
2226}
2227
2228ec-announcements-content ::-webkit-scrollbar-thumb:hover {
2229 background-color: #4285f4!important;
2230}
2231
avm99963b2329632021-02-06 20:05:34 +01002232/* Generic popup (for notification bell, account selector, etc.) */
2233.popup-wrapper .header-text {
2234 color: var(--TWPT-primary-text)!important;
2235}
2236
avm9996348c87d12021-04-09 13:00:21 +02002237/* Notifications bell popup/panel */
Adrià Vilanova Martínez47d33bc2021-08-14 18:50:50 +02002238.notification-panel .header {
2239 border-bottom-color: var(--TWPT-card-border)!important;
2240}
2241
avm9996348c87d12021-04-09 13:00:21 +02002242.notification-panel .header material-button {
2243 color: var(--TWPT-secondary-text)!important;
2244}
2245
2246.notification-panel .cards-container .promo-message {
2247 color: var(--TWPT-secondary-text)!important;
2248}
2249
2250.notification-panel .cards-container .promo-message .header-text {
2251 color: var(--TWPT-primary-text)!important;
2252}
2253
Adrià Vilanova Martínez47d33bc2021-08-14 18:50:50 +02002254.notification-panel .cards-container ec-notification-card-content {
2255 border-bottom-color: var(--TWPT-card-border)!important;
2256}
2257
2258.notification-panel .cards-container ec-notification-card-content .text {
2259 color: var(--TWPT-primary-text)!important;
2260}
2261
2262.notification-panel .cards-container ec-notification-card-content .time,
2263 .notification-panel .cards-container ec-notification-card-content .close material-button {
2264 color: var(--TWPT-secondary-text)!important;
2265}
2266
avm999630bc113a2020-09-07 13:02:11 +02002267/* Account selector */
2268.popup-wrapper .profile .email {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002269 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002270}
2271
2272material-gaia-picker-footer {
Adrià Vilanova Martínez0b49e722022-06-18 21:00:00 +02002273 color: var(--TWPT-subtle-button-background)!important;
avm999630bc113a2020-09-07 13:02:11 +02002274 background-color: var(--TWPT-active-background)!important;
2275}
2276
avm9996348c87d12021-04-09 13:00:21 +02002277material-gaia-picker-footer material-button {
2278 color: var(--TWPT-secondary-text)!important;
2279}
2280
avm999630bc113a2020-09-07 13:02:11 +02002281/* Canned responses */
2282ec-canned-responses .filter-label,
avm9996325a0d602020-11-25 19:24:16 +01002283 ec-canned-responses ec-canned-response-row .name {
avm999630bc113a2020-09-07 13:02:11 +02002284 color: var(--TWPT-primary-text)!important;
2285}
2286
avm9996325a0d602020-11-25 19:24:16 +01002287ec-canned-responses .label-row,
2288 ec-canned-responses ec-canned-response-row .snippet,
Adrià Vilanova Martínez74a25202022-01-23 23:36:58 +01002289 ec-canned-responses ec-canned-response-row .tag .content,
2290 ec-canned-responses ec-canned-response-row .TWPT-tag .TWPT-content {
avm9996325a0d602020-11-25 19:24:16 +01002291 color: var(--TWPT-secondary-text)!important;
2292}
2293
avm999630bc113a2020-09-07 13:02:11 +02002294ec-canned-responses ec-canned-response-row .header.closed:hover,
2295 ec-canned-responses ec-canned-response-row .header.closed:focus,
2296 ec-canned-responses ec-canned-response-row .header.closed:hover .toolbar,
Adrià Vilanova Martínez7249f132022-11-06 20:07:19 +01002297 ec-canned-responses ec-canned-response-row .header.closed:focus .toolbar,
2298 ec-canned-responses ec-canned-response-row material-expansionpanel:not(.expanded) .main-header:focus-within,
2299 ec-canned-responses ec-canned-response-row material-expansionpanel:not(.expanded) .main-header:hover {
avm999630bc113a2020-09-07 13:02:11 +02002300 background-color: var(--TWPT-active-background)!important;
2301}
2302
avm9996325a0d602020-11-25 19:24:16 +01002303ec-canned-responses .filter-row,
2304 ec-canned-responses .label-row,
2305 ec-canned-responses ec-canned-response-row material-expansionpanel {
2306 border-bottom-color: var(--TWPT-subtle-border)!important;
2307}
2308
Adrià Vilanova Martínez1f454612022-09-29 23:22:31 +02002309/* Bug/case links dialog */
2310.bug-case-links-dialog material-button.add-button {
2311 color: var(--TWPT-blue-A100)!important;
2312}
2313
2314ec-bug-case-link material-button {
2315 color: var(--TWPT-secondary-text)!important;
2316}
2317
avm999630bc113a2020-09-07 13:02:11 +02002318/* Reply button */
Adrià Vilanova Martínez1d44d3d2021-07-26 15:34:19 +02002319material-fab.reply-button,
2320 material-fab.reply-fab {
avm999630bc113a2020-09-07 13:02:11 +02002321 background-color: var(--TWPT-link)!important;
2322 color: var(--TWPT-primary-background)!important;
2323}
2324
avm99963223416c2021-04-21 22:13:14 +02002325/* Settings view */
2326ec-settings .forum-language-container {
2327 border-bottom-color: var(--TWPT-subtle-border)!important;
2328}
2329
Adrià Vilanova Martínez7249f132022-11-06 20:07:19 +01002330ec-settings .forum-language-container :is(material-button, button) {
avm99963223416c2021-04-21 22:13:14 +02002331 color: var(--TWPT-secondary-text)!important;
2332}
2333
Adrià Vilanova Martínez3356df72021-07-09 19:27:04 +02002334/* Loading spinner */
2335material-spinner {
2336 border-color: var(--TWPT-blue-A100)!important;
2337}
2338
avm99963f5923962020-12-07 16:44:37 +01002339/* Custom injected components */
2340.TWPT-log {
2341 background-color: #424242!important;
2342}
2343
2344.TWPT-log-entry.TWPT-log-entry--error {
2345 color: #ff8A80!important;
2346}
Adrià Vilanova Martínez5a8055b2022-09-29 13:05:19 +02002347
2348.TWPT-warning {
2349 background-color: #670505!important;
2350}