Dark theme: add interop thread CSS
Bug: twpowertools:96
Change-Id: Id14c1339824a3403a205656634665c16eae15f5c
diff --git a/src/static/css/ccdarktheme.css b/src/static/css/ccdarktheme.css
index b8ea787..e7fa12f 100644
--- a/src/static/css/ccdarktheme.css
+++ b/src/static/css/ccdarktheme.css
@@ -1,4 +1,6 @@
:root {
+ color-scheme: dark;
+
--TWPT-primary-text: #e8eaed;
--TWPT-primary-text-alt: var(--TWPT-primary-text);
--TWPT-secondary-text: #9aa0a6;
@@ -20,6 +22,7 @@
--TWPT-interop-primary-text: var(--TWPT-primary-text);
--TWPT-interop-secondary-text: #c4c7c5;
--TWPT-interop-subtle-border: #474747;
+ --TWPT-interop-success: #37be5f;
}
body {
@@ -656,7 +659,7 @@
* IMPORTANT NOTICE:
* Note: the following styles (for interop components) have been written by
* Googlers and thus are not included as part of the MIT license. This also
- * applies to the styles of the unified profiles.
+ * applies to the styles of the unified profiles and the interop thread view.
**/
/* Common styles for interop components */
@@ -713,7 +716,7 @@
}
.scSharedCalloutsuccess>.scSharedCalloutsecondary-button button {
- color: #37be5f!important;
+ color: var(--TWPT-interop-success)!important;
}
.scSharedMaterialbuttonroot:disabled {
@@ -815,6 +818,32 @@
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149)!important;
}
+.scSharedMaterialbuttonsuccess {
+ --m-btn-text-color: var(--TWPT-interop-success);
+ --m-btn-outline-color: var(--TWPT-interop-success);
+}
+
+.scSharedMaterialbuttonsuccess.scSharedMaterialbuttonfilled {
+ --m-btn-text-color: #1f1f1f;
+ --m-btn-background-color: var(--TWPT-interop-success);
+}
+
+.scSharedMaterialbuttonsuccess.scSharedMaterialbuttontonal {
+ --m-btn-background-color: #0f5223
+}
+
+@media (forced-colors:active) {
+ .scSharedMaterialbuttonroot:focus {
+ outline: 2px solid #e3e3e3;
+ }
+}
+
+@media (prefers-contrast:more) {
+ .scSharedMaterialbuttonroot:focus {
+ outline: 2px solid #e3e3e3;
+ }
+}
+
.scSharedExpandabletextexpander {
color: #7cacf8!important;
}
@@ -898,6 +927,48 @@
color: #ec928e!important;
}
+.scSharedMaterialcardroot {
+ background: #1f1f1f;
+ border: 1px solid var(--TWPT-interop-subtle-border);
+}
+
+.scSharedMaterialcardelevation-1 {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
+ background: #2a2b2f;
+}
+
+.scSharedMaterialcardelevation-2 {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
+ background: #303135;
+}
+
+.scSharedMaterialcardelevation-3 {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
+ background: #36383a;
+}
+
+.scSharedMaterialcardelevation-4 {
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.302), 0 6px 10px 4px rgba(0, 0, 0, 0.149);
+ background: #39393c;
+}
+
+.scSharedMaterialcardelevation-5 {
+ box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.302), 0 8px 12px 6px rgba(0, 0, 0, 0.149);
+ background: #3c3e40;
+}
+
+@media (forced-colors:active) {
+ .scsharedmaterialcardroot {
+ border-color: #e3e3e3;
+ }
+}
+
+@media (prefers-contrast:more) {
+ .scsharedmaterialcardroot {
+ border-color: #e3e3e3;
+ }
+}
+
.scSharedMaterialcheckboxcheckbox {
color: #7cacf8!important;
}
@@ -906,6 +977,16 @@
border-color: var(--TWPT-interop-secondary-text)!important;
}
+.scSharedMaterialcheckboxnative-control:checked:disabled+.scSharedMaterialcheckboxbox,
+.scSharedMaterialcheckboxnative-control:indeterminate:disabled+.scSharedMaterialcheckboxbox {
+ background: rgba(0, 0, 0, .26);
+ border-color: transparent;
+}
+
+.scSharedMaterialcheckboxnative-control:disabled+.scSharedMaterialcheckboxbox {
+ border-color: rgba(0, 0, 0, .26);
+}
+
.scSharedMaterialcheckboxcheckmark-path {
stroke: #1f1f1f!important;
}
@@ -914,6 +995,56 @@
border-color: #1f1f1f!important;
}
+.scSharedMaterialfabroot {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
+ background: #303135;
+ color: #7cacf8;
+}
+
+@media (forced-colors:active) {
+ .scSharedMaterialfabroot {
+ outline: 3px solid #7cacf8;
+ }
+}
+
+.scSharedMaterialfabroot.scSharedMaterialfabgrey {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scSharedMaterialfabroot:.scSharedMaterialfabfake-focus,
+.scSharedMaterialfabroot:hover,
+.scSharedMaterialfabroot:focus {
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.302), 0 6px 10px 4px rgba(0, 0, 0, 0.149);
+}
+
+.scSharedMaterialfabroot:active {
+ box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.302), 0 8px 12px 6px rgba(0, 0, 0, 0.149);
+}
+
+.scSharedMaterialfablowered {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
+}
+
+.scSharedMaterialfablowered.scSharedMaterialfabfake-focus,
+.scSharedMaterialfablowered:hover,
+.scSharedMaterialfablowered:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
+}
+
+.scSharedMaterialfablowered:active {
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(0, 0, 0, 0.149);
+}
+
+.scSharedMaterialfabfilled {
+ background: #7cacf8;
+ color: #1f1f1f;
+}
+
+.scSharedMaterialfabfilled.scSharedMaterialfabgrey {
+ background: var(--TWPT-interop-secondary-text);
+ color: #1f1f1f;
+}
+
.scSharedMaterial_dialogDialogcontentloading-overlay {
background: rgba(227, 227, 227, 0.122)!important;
}
@@ -924,6 +1055,18 @@
border: 1px solid var(--TWPT-interop-subtle-border)!important;
}
+@media (forced-colors:active) {
+ .scSharedMaterialpopupbackground {
+ border-color: #e3e3e3;
+ }
+}
+
+@media (prefers-contrast:more) {
+ .scSharedMaterialpopupbackground {
+ border-color: #e3e3e3;
+ }
+}
+
.scSharedMaterialmenuroot {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149)!important;
background: #2a2b2f!important;
@@ -933,6 +1076,10 @@
color: var(--TWPT-interop-primary-text)!important;
}
+.scSharedMaterialmenuitem[disabled] {
+ color: var(--TWPT-interop-subtle-border);
+}
+
.scSharedMaterialmenuitem-separator {
border-top-color: var(--TWPT-interop-subtle-border)!important;
}
@@ -946,6 +1093,70 @@
outline: auto #7cacf8 1px!important;
}
+.scSharedMaterialtooltipcontainer {
+ background-color: #e3e3e3;
+ color: #1f1f1f;
+}
+
+.scSharedMaterialradioradio {
+ color: #7cacf8;
+}
+
+.scSharedMaterialradioring {
+ border: 2px solid var(--TWPT-interop-secondary-text);
+}
+
+.scSharedMaterialradionative-control:disabled~.scSharedMaterialradioring {
+ border-color: rgba(0, 0, 0, .26);
+}
+
+.scSharedMaterialradionative-control:disabled~.scSharedMaterialradiodot {
+ background: rgba(0, 0, 0, .26);
+}
+
+.scSharedMaterialrichtooltipcontainer {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
+}
+
+.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcontainer {
+ background: #2a2b2f;
+}
+
+.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-accented .scSharedMaterialrichtooltipcontainer {
+ background: #7cacf8;
+ color: #1f1f1f;
+}
+
+.scSharedMaterialrichtooltipcaret {
+ 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);
+ background: #2a2b2f;
+}
+
+.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-normal .scSharedMaterialrichtooltipcaret {
+ background: #2a2b2f;
+}
+
+.scSharedMaterialrichtooltiproot.scSharedMaterialrichtooltipstyle-accented .scSharedMaterialrichtooltipcaret {
+ background: #7cacf8;
+}
+
+.scSharedMaterialselectlabel {
+ color: #e3e3e3;
+}
+
+.scSharedMaterialselectarrow {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scSharedMaterialselectactive .scSharedMaterialselectarrow {
+ color: #7cacf8;
+}
+
+.scSharedMaterialselectdisabled .scSharedMaterialselectselection,
+.scSharedMaterialselectdisabled .scSharedMaterialselectarrow {
+ color: rgba(255, 255, 255, 0.239);
+}
+
.scSharedMaterialsnackbarsnackbar {
background: var(--TWPT-interop-primary-text)!important;
color: #1f1f1f!important;
@@ -1014,15 +1225,163 @@
border: 1px solid var(--TWPT-interop-subtle-border)!important;
}
+.scTailwindSharedAvatarroot {
+ background-color: #f1f3f4;
+ border: .375rem solid #f1f3f4;
+}
+
+.scTailwindSharedAvatarroot.scTailwindSharedAvatarmedium.scTailwindSharedAvatarat-least-silver,
+.scTailwindSharedAvatarroot.scTailwindSharedAvatarsmall.scTailwindSharedAvatarat-least-silver {
+ border: .125rem solid #f1f3f4;
+}
+
+.scTailwindSharedAvatarsilhouette {
+ background-color: #fff;
+}
+
.scTailwindSharedAvataravatar-loading {
background: #1f1f1f!important;
}
+.scTailwindSharedAvataruploadedit-button {
+ background-color: rgba(0, 0, 0, 0.4);
+ color: #fff;
+}
+
+.scTailwindSharedAvataruploadroot:focus .scTailwindSharedAvataruploadedit-button,
+.scTailwindSharedAvataruploadroot:focus-within .scTailwindSharedAvataruploadedit-button,
+.scTailwindSharedAvataruploadroot:hover .scTailwindSharedAvataruploadedit-button {
+ background-color: rgba(0, 0, 0, 0.54);
+}
+
+.scTailwindSharedDisplay_name_editorDisplaynameeditorlabel {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindSharedPiidialogfinding {
+ color: var(--TWPT-interop-secondary-text);
+}
+
.scTailwindSharedReportabusedialogcontent .abuse-link {
color: #7cacf8!important;
}
-/* Unified profile view */
+.scTailwindSharedRich_text_editorAttachmentFailedoverlayroot {
+ background: rgba(0, 0, 0, 0.902);
+ color: #ec928e;
+}
+
+.scTailwindSharedRich_text_editorAttachmentLoadingoverlayroot {
+ background: rgba(227, 227, 227, 0.369);
+}
+
+.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button {
+ background: #1f1f1f;
+ border: 1px solid #27282b;
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button:hover,
+.scTailwindSharedRich_text_editorAttachmentRemovebuttonremove-button:focus {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
+}
+
+.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentroot {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 1px 3px 1px rgba(0, 0, 0, 0.149);
+ background: #36373a;
+}
+
+.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentfilename {
+ color: #e3e3e3;
+}
+
+.scTailwindSharedRich_text_editorAttachmentNoninlinedattachmentextension {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindSharedRich_text_editorLinktooltiproot button {
+ color: #7cacf8;
+}
+
+.scTailwindSharedRichtexteditoreditor {
+ background: #1f1f1f;
+ color: #e3e3e3;
+}
+
+.scTailwindSharedRichtexteditorplaceholder {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindSharedRichtexteditorhas-bottom-panel {
+ border-bottom: 1px solid var(--TWPT-interop-subtle-border);
+}
+
+.scTailwindSharedRichtexteditorhint {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindSharedRich_text_editorToolbarcontrolroot {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindSharedRich_text_editorToolbarcontrolroot:hover {
+ color: #e3e3e3;
+}
+
+.scTailwindSharedRich_text_editorToolbarcontrolroot:focus {
+ border: .125rem solid #7cacf8;
+}
+
+.scTailwindSharedRich_text_editorToolbarcontrolactive {
+ background: rgba(227, 227, 227, 0.122);
+}
+
+.scTailwindSharedRich_text_editorToolbarMobiletoolbarattachment,
+.scTailwindSharedRich_text_editorToolbarMobiletoolbartext-format {
+ border-right: 1px solid var(--TWPT-interop-subtle-border);
+}
+
+.scTailwindSharedRich_text_editorToolbarMobiletoolbartext-format-button {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindSharedRich_text_editorToolbarMobiletoolbargroup {
+ border-right: 1px solid var(--TWPT-interop-subtle-border);
+}
+
+.scTailwindSharedRich_text_editorToolbargroup:not(:first-child) {
+ border-left: 1px solid var(--TWPT-interop-subtle-border);
+}
+
+.scTailwindSharedTitlefieldhelper-text {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.sc-select {
+ border: .0625rem solid var(--TWPT-interop-secondary-text);
+ color: #e3e3e3;
+}
+
+.sc-select.keyboard-focus {
+ border-color: transparent;
+ box-shadow: 0 0 0 .125rem #a8c7fa;
+}
+
+.sc-select svg {
+ fill: var(--TWPT-interop-secondary-text);
+}
+
+.sc-select ol {
+ background: #272727;
+ 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);
+}
+
+.sc-select .sc-select-highlight {
+ background-color: #5ab3f0;
+ color: #1f1f1f;
+}
+
+/* Unified profile view (see the "IMPORTANT NOTICE" comment above) */
.scTailwindUser_profileAchievementsempty a,
.scTailwindUser_profileAchievementsempty a:visited,
sc-tailwind-user_profile-user-profile .link-icon {
@@ -1159,6 +1518,241 @@
color: var(--TWPT-interop-secondary-text)!important;
}
+/* Interop thread view (see the "IMPORTANT NOTICE" comment above) */
+.scTailwindThreadEditquestiondialogroot.scTailwindThreadEditquestiondialogscrollable {
+ -webkit-box-shadow: inset 0 -11px 5px -11px #000;
+ box-shadow: inset 0 -11px 5px -11px #000;
+}
+
+.scTailwindThreadEditquestiondialogerror {
+ color: #ec928e;
+}
+
+.scTailwindThreadGetlinkdialoglink-container {
+ border-bottom: 2px solid #a8c7fa;
+}
+
+h4.scTailwindThreadMessageHelpfulnessbuttonslabel {
+ color: #e3e3e3;
+}
+
+.scTailwindThreadMessageMessagecardsub-content {
+ background: #3c4043;
+ border-top: 1px solid var(--TWPT-interop-subtle-border);
+}
+
+.scTailwindThreadMessageMessagecardnested-reply:not(:first-child) {
+ border-top: 1px solid var(--TWPT-interop-subtle-border);
+}
+
+.scTailwindThreadMessageMessagecardtargeted {
+ border-left: .125rem solid #7cacf8;
+}
+
+.scTailwindThreadMessageMessagecardcalloutroot.scTailwindThreadMessageMessagecardcalloutrecommended {
+ background: #0f5223;
+ border-color: #6dd58c;
+}
+
+.scTailwindThreadMessageMessagecardcalloutroot.scTailwindThreadMessageMessagecardcalloutrelevant {
+ background: #394457;
+ border-color: #7cacf8;
+}
+
+.scTailwindThreadMessageMessagetagrecommended.scTailwindThreadMessageMessagetagnormal {
+ color: #6dd58c;
+}
+
+.scTailwindThreadMessageMessagetagrecommended.scTailwindThreadMessageMessagetagstrong {
+ color: #6dd58c;
+}
+
+.scTailwindThreadMessageMessagetagrelevant.scTailwindThreadMessageMessagetagnormal {
+ color: #7cacf8;
+}
+
+.scTailwindThreadMessageMessagetagrelevant.scTailwindThreadMessageMessagetagstrong {
+ color: #7cacf8;
+}
+
+.scTailwindThreadMessageMessageinteractionsinteraction {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+p.scTailwindThreadMessageMessagetombstoneroot {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+p.scTailwindThreadMessageMessagetombstoneroot .scTailwindThreadMessageMessagetombstoneclickable {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindThreadPostcontentroot {
+ color: #e3e3e3;
+}
+
+.scTailwindThreadPostcontentroot a {
+ color: #7cacf8;
+}
+
+.scTailwindThreadPost_headerOverflowmenuicon {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindThreadPost_headerPostdateroot {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindThreadPost_headerUserinfoname a {
+ color: #7cacf8;
+}
+
+.scTailwindThreadPost_headerUserinfotag {
+ color: var(--color, #e3e3e3);
+}
+
+.scTailwindThreadPost_headerUserinfoheadline {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindThreadReplydialogroot {
+ background: #2a2b2f;
+}
+
+.scTailwindThreadReplydialogheader {
+ background: #7cacf8;
+}
+
+.scTailwindThreadReplydialogheader h1.scTailwindThreadReplydialogheading {
+ color: #1f1f1f;
+}
+
+.scTailwindThreadReplydialogheading-button {
+ color: #1f1f1f;
+}
+
+.scTailwindThreadReplydialogtop-row {
+ border-bottom: 1px solid var(--TWPT-interop-subtle-border);
+}
+
+.scTailwindThreadReplydialogfooter {
+ background: #36373a;
+}
+
+.scTailwindThreadReplydialogfooter a {
+ color: #7cacf8;
+}
+
+.scTailwindThreadReplydialogminimized .scTailwindThreadReplydialogheader {
+ background: #e3e3e3;
+ color: #1f1f1f;
+}
+
+.scTailwindThreadReplydialogroot .scTailwindThreadReplydialogerror {
+ color: #ec928e;
+}
+
+@media (min-width:48.125rem) {
+ .scTailwindThreadReplydialogroot {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.302), 0 2px 6px 2px rgba(0, 0, 0, 0.149);
+ }
+}
+
+.scTailwindThreadMessageMessagelisthelp-icon {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindThreadMessageMessagelistrecommended-icon {
+ color: #c4eed0;
+}
+
+.scTailwindThreadMessageMessagelistrelevant-icon {
+ color: #7cacf8;
+}
+
+.scTailwindThreadMorebuttondivider {
+ background: var(--TWPT-interop-subtle-border);
+}
+
+.scTailwindThreadMorebuttonbutton {
+ background: #1f1f1f;
+ border: 1px solid var(--TWPT-interop-subtle-border);
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindThreadPesignupdialogclose-button-row button {
+ color: #fff;
+}
+
+.scTailwindThreadPesignupdialogdialog-body p {
+ color: #e3e3e3;
+}
+
+.scTailwindThreadPesignupdialogpe-dialog-container {
+ background-color: #1f1f1f;
+ -webkit-box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
+ box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
+}
+
+.scTailwindThreadPostconfirmationdialogclose-button-row button {
+ color: #e3e3e3;
+}
+
+.scTailwindThreadPostconfirmationdialogdialog-body p {
+ color: #e3e3e3;
+}
+
+.scTailwindThreadPostconfirmationdialogdialog-container {
+ background-color: #1f1f1f;
+ -webkit-box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
+ box-shadow: 0 .063rem .188rem rgba(60, 64, 67, 0.3), 0 .25rem .5rem rgba(60, 64, 67, 0.15);
+}
+
+.scTailwindThreadQuestionQuestioncardsub-content {
+ background: #3c4043;
+ border-top: 1px solid var(--TWPT-interop-subtle-border);
+}
+
+.scTailwindThreadQuestionQuestioncardtitle {
+ color: #e3e3e3;
+}
+
+.scTailwindThreadQuestionQuestioncardbody {
+ color: #e3e3e3;
+}
+
+.scTailwindThreadQuestionQuestioncardbody a {
+ color: #7cacf8;
+}
+
+.scTailwindThreadQuestionQuestioncarddisclaimer,
+.scTailwindThreadQuestionQuestioncardedited {
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindThreadQuestionQuestioncarddisclaimer a,
+.scTailwindThreadQuestionQuestioncardedited a {
+ color: #7cacf8;
+}
+
+.scTailwindThreadQuestionQuestiondetailsdetail-link {
+ color: #7cacf8;
+}
+
+.scTailwindThreadQuestionQuestionpurposetag {
+ background: #394457;
+ color: #7cacf8;
+}
+
+.scTailwindThreadQuestionStatechipschip {
+ border: 1px solid var(--TWPT-interop-subtle-border);
+ color: var(--TWPT-interop-secondary-text);
+}
+
+.scTailwindThreadThreaddeleted-icon {
+ color: var(--TWPT-interop-secondary-text);
+}
+
/* Duplicate thread feature */
.search-results ec-thread-option material-expansionpanel .panel {
background-color: var(--TWPT-primary-background)!important;