| Adrià Vilanova MartÃnez | 7ad72fe | 2023-11-02 21:54:41 +0100 | [diff] [blame] | 1 | :root { |
| 2 | --TWPT-primary-text: #e8eaed; |
| 3 | --TWPT-primary-text-alt: var(--TWPT-primary-text); |
| 4 | --TWPT-secondary-text: #bfbfbf; |
| 5 | --TWPT-primary-background: #202124; |
| 6 | --TWPT-secondary-background: #28292c; |
| 7 | --TWPT-active-background: #3c4043; |
| 8 | --TWPT-card-border: #5f6368; |
| 9 | --TWPT-subtle-border: #383735; |
| 10 | --TWPT-link: #8ab4f8; |
| 11 | --TWPT-highlighted-item-background: rgba(255, 255, 255, .08); |
| 12 | --TWPT-thread-read-background: var(--TWPT-highlighted-item-background); |
| 13 | --TWPT-drawer-background: #2d2e30; |
| 14 | --TWPT-button-background: #3c3e42; |
| 15 | --TWPT-subtle-button-background: rgba(255, 255, 255, .54); |
| 16 | --TWPT-input-underline: rgba(255, 255, 255, .28); |
| 17 | --TWPT-starred: #fbbc04; |
| 18 | --TWPT-blue-100: #BBDEFB; |
| 19 | --TWPT-blue-A100: #82B1FF; |
| 20 | --TWPT-bad-text: #f6aea9; |
| 21 | --TWPT-bad-text-lightbg: #ffc4c0; |
| 22 | --TWPT-good-text: #34a853; |
| 23 | --TWPT-good-text-lightbg: #3cc160; |
| 24 | --TWPT-interop-primary-text: var(--TWPT-primary-text); |
| 25 | --TWPT-interop-secondary-text: #c4c7c5; |
| 26 | --TWPT-interop-subtle-border: #474747; |
| 27 | --TWPT-interop-success: #37be5f; |
| 28 | --TWPT-interop-blue: #7cacf8; |
| 29 | |
| 30 | /* MD3 dark theme variables */ |
| 31 | --TWPT-md-sys-color-primary: #bda5ff; |
| 32 | --TWPT-md-sys-color-on-primary: #000; |
| 33 | --TWPT-md-sys-color-surface: var(--TWPT-drawer-background); |
| 34 | --TWPT-md-sys-color-on-surface: var(--TWPT-primary-text); |
| 35 | --TWPT-md-sys-color-on-surface-rgb: 154, 160, 166; |
| 36 | --TWPT-md-sys-color-on-surface-variant: var(--TWPT-secondary-text); |
| 37 | --TWPT-md-list-list-divider-color: var(--TWPT-subtle-border); |
| 38 | --TWPT-md-ripple-hover-state-layer-color: white; |
| 39 | --TWPT-md-ripple-pressed-state-layer-color: white; |
| 40 | --TWPT-custom-md-icon-color: var(--TWPT-subtle-button-background); |
| 41 | |
| 42 | /* Overrides for variables used by the Community Console styles */ |
| 43 | --gm-outlinedtextfield-outline-color: var(--TWPT-card-border); |
| 44 | --gm-outlinedtextfield-label-color: var(--TWPT-subtle-button-background); |
| 45 | --gm-outlinedtextfield-caret-color: var(--TWPT-blue-A100); |
| 46 | --gm-outlinedtextfield-outline-color--stateful: var(--TWPT-blue-A100); |
| 47 | --gm-outlinedtextfield-label-color--stateful: var(--TWPT-blue-A100); |
| 48 | --gm-outlinedtextfield-outline-color--error: var(--TWPT-bad-text); |
| 49 | --gm-outlinedtextfield-label-color--error: var(--TWPT-bad-text); |
| 50 | --gm-outlinedtextfield-helper-text-color--error: var(--TWPT-bad-text); |
| 51 | |
| 52 | /* TWPT features variables */ |
| 53 | --TWPT-dark-flatten-replies-more-bg: rgba(89, 89, 89, 0.9); |
| 54 | } |