blob: 657373f7040760b4bbc13af2f15be85a0b5cc90b [file] [log] [blame]
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +01001// This doesn't apply to checkboxes in the drawer
2material-checkbox material-icon:not(ec-forum-drawer-item material-icon, ec-thread-list material-icon) {
3 color: var(--TWPT-secondary-text)!important;
4}
5
6material-checkbox .content:not(ec-forum-drawer-item material-icon, ec-thread-list material-icon) {
7 color: var(--TWPT-primary-text)!important;
8}
9
10material-checkbox.disabled .content:not(ec-forum-drawer-item material-icon, ec-thread-list material-icon) {
11 color: rgba(255, 255, 255, .54)!important;
12}
13
14/* .gm-icons is added by the SMEI_GOOGLE_MATERIAL_ICONS experiment. */
15material-checkbox material-icon.filled:not(ec-forum-drawer-item material-icon, ec-thread-list material-icon) {
16 color: var(--TWPT-blue-A100)!important;
17}
18
19material-checkbox:focus:not(.disabled).gm-icons .icon,
20 .gm-icons material-checkbox:focus:not(.disabled) .icon,
21 material-checkbox:hover:not(.disabled).gm-icons .icon,
22 .gm-icons material-checkbox:hover:not(.disabled) .icon {
23 color: #cfd2d8!important; /* custom value */
24}
25
26material-checkbox:focus:not(.disabled).gm-icons .icon.filled,
27 .gm-icons material-checkbox:focus:not(.disabled) .icon.filled,
28 material-checkbox:hover:not(.disabled).gm-icons .icon.filled,
29 .gm-icons material-checkbox:hover:not(.disabled) .icon.filled {
30 color: var(--TWPT-blue-100)!important;
31}
32
33.gm-icons material-checkbox .icon-container::before{
34 background-color: #dfdedb!important; /* custom value */
35}