| ec-thread-list ul.thread-group { |
| background-color: var(--TWPT-primary-background)!important; |
| } |
| |
| ec-thread-list ec-bulk-actions, ec-thread-list ec-thread-summary material-expansionpanel { |
| border-bottom-color: var(--TWPT-subtle-border)!important; |
| } |
| |
| ec-thread-list .no-results, |
| ec-thread-list .finished-results { |
| color: var(--TWPT-secondary-text)!important; |
| } |
| |
| ec-thread-summary material-expansionpanel.read:not(.checked) { |
| background-color: var(--TWPT-thread-read-background)!important; |
| } |
| |
| ec-thread-summary material-expansionpanel.read .title span:not(.icon) { |
| opacity: 0.8; |
| } |
| |
| ec-thread-summary material-expansionpanel.read .title .icon { |
| opacity: 0.48!important; |
| } |
| |
| ec-thread-summary material-expansionpanel.checked { |
| background-color: #2c4b77!important; |
| } |
| |
| ec-thread-summary material-expansionpanel .title { |
| color: var(--TWPT-primary-text)!important; |
| } |
| |
| ec-thread-summary material-expansionpanel .title .purpose-tag { |
| background-color: rgba(255, 255, 255, .06)!important; |
| color: #a8c7fa!important; |
| } |
| |
| ec-thread-summary material-expansionpanel .title .draft-tag { |
| background-color: #0f5223!important; |
| color: #6dd58c!important; |
| } |
| |
| ec-thread-summary material-expansionpanel ec-second-summary-line, |
| material-expansionpanel .header-content, |
| material-expansionpanel ec-thread-counts > span:not(.recommended-answers), |
| material-expansionpanel .duplicate-label { |
| color: #928e89!important; |
| } |
| |
| material-expansionpanel .removed-label { |
| color: var(--TWPT-bad-text)!important; |
| } |
| |
| ec-thread-summary material-expansionpanel ec-safe-html.body, |
| material-expansionpanel .issue-tracking-work-state { |
| color: var(--TWPT-primary-text)!important; |
| } |
| |
| ec-thread-list material-fab.trigger { |
| background: rgba(124, 172, 248, 0.239)!important; |
| color: var(--TWPT-interop-blue)!important; |
| } |
| |
| .popup-wrapper:has(.actions > .action-wrapper > material-fab.themeable) { |
| background-color: unset!important; |
| } |
| |
| .popup-wrapper .actions > .action-wrapper > material-fab.themeable { |
| background-color: var(--TWPT-button-background)!important; |
| color: var(--TWPT-interop-blue)!important; |
| } |
| |
| // The following section changes the styles of the checkboxes in thread lists, |
| // based in the styles defined in the "Checkbox input" section. |
| ec-thread-summary material-expansionpanel .action material-button:not(.starred), |
| ec-thread-list material-checkbox material-icon, |
| ec-thread-summary material-expansionpanel .star-button:not(.starred), |
| ec-thread-summary material-expansionpanel .mdc-button.mdc-icon-button material-icon { |
| color: #696867!important; // Custom value to match previous behavior |
| opacity: 1!important; |
| } |
| |
| ec-thread-summary material-expansionpanel .action material-button.starred { |
| color: var(--TWPT-starred)!important; |
| } |
| |
| ec-thread-list material-checkbox material-icon.filled { |
| color: #62a5ff!important; // Custom value to contrast well with the background |
| } |
| |
| // .gm-icons is added by the SMEI_GOOGLE_MATERIAL_ICONS experiment. |
| ec-thread-list material-checkbox:focus:not(.disabled).gm-icons .icon, |
| .gm-icons ec-thread-list material-checkbox:focus:not(.disabled) .icon, |
| ec-thread-list material-checkbox:hover:not(.disabled).gm-icons .icon, |
| .gm-icons ec-thread-list material-checkbox:hover:not(.disabled) .icon { |
| color: #807d7c!important; // custom value |
| } |
| |
| ec-thread-list material-checkbox:focus:not(.disabled).gm-icons .icon.filled, |
| .gm-icons ec-thread-list material-checkbox:focus:not(.disabled) .icon.filled, |
| ec-thread-list material-checkbox:hover:not(.disabled).gm-icons .icon.filled, |
| .gm-icons ec-thread-list material-checkbox:hover:not(.disabled) .icon.filled { |
| color: #92c1ff!important; // custom value |
| } |