blob: 9deae1188293253f2bb0b6f4e6839e9a67a5909c [file] [log] [blame]
Renovate botaa5fb8e2024-02-25 18:10:09 +00001@use '../../md3/theme' as md3-theme;
2
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +01003:root {
4 --TWPT-primary-text: #e8eaed;
5 --TWPT-primary-text-alt: var(--TWPT-primary-text);
6 --TWPT-secondary-text: #bfbfbf;
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;
Adrià Vilanova Martínezf14773e2024-03-15 22:38:12 +010013 --TWPT-icon-color: rgba(255, 255, 255, .87);
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +010014 --TWPT-highlighted-item-background: rgba(255, 255, 255, .08);
15 --TWPT-thread-read-background: var(--TWPT-highlighted-item-background);
16 --TWPT-drawer-background: #2d2e30;
Renovate botaa5fb8e2024-02-25 18:10:09 +000017 --TWPT-drawer-text: #d2cecb;
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +010018 --TWPT-button-background: #3c3e42;
19 --TWPT-subtle-button-background: rgba(255, 255, 255, .54);
20 --TWPT-input-underline: rgba(255, 255, 255, .28);
21 --TWPT-starred: #fbbc04;
22 --TWPT-blue-100: #BBDEFB;
23 --TWPT-blue-A100: #82B1FF;
24 --TWPT-bad-text: #f6aea9;
25 --TWPT-bad-text-lightbg: #ffc4c0;
26 --TWPT-good-text: #34a853;
27 --TWPT-good-text-lightbg: #3cc160;
28 --TWPT-interop-primary-text: var(--TWPT-primary-text);
29 --TWPT-interop-secondary-text: #c4c7c5;
30 --TWPT-interop-subtle-border: #474747;
31 --TWPT-interop-success: #37be5f;
32 --TWPT-interop-blue: #7cacf8;
33
Renovate botaa5fb8e2024-02-25 18:10:09 +000034 @include md3-theme.dark-theme('TWPT-');
Adrià Vilanova Martínez7ad72fe2023-11-02 21:54:41 +010035
36 /* Overrides for variables used by the Community Console styles */
37 --gm-outlinedtextfield-outline-color: var(--TWPT-card-border);
38 --gm-outlinedtextfield-label-color: var(--TWPT-subtle-button-background);
39 --gm-outlinedtextfield-caret-color: var(--TWPT-blue-A100);
40 --gm-outlinedtextfield-outline-color--stateful: var(--TWPT-blue-A100);
41 --gm-outlinedtextfield-label-color--stateful: var(--TWPT-blue-A100);
42 --gm-outlinedtextfield-outline-color--error: var(--TWPT-bad-text);
43 --gm-outlinedtextfield-label-color--error: var(--TWPT-bad-text);
44 --gm-outlinedtextfield-helper-text-color--error: var(--TWPT-bad-text);
45
46 /* TWPT features variables */
47 --TWPT-dark-flatten-replies-more-bg: rgba(89, 89, 89, 0.9);
48}