jbc.lol
unoffical wafrn mirror
wafrn.net
atproto
social-network
activitypub
1/* Note: Color palettes are generated from primary: #000000 */
2:root {
3 /* Primary palette variables */
4 --mat-sys-primary: light-dark(#5e5e5e, #c6c6c6);
5 --mat-sys-on-primary: light-dark(#ffffff, #303030);
6 --mat-sys-primary-container: light-dark(#e2e2e2, #474747);
7 --mat-sys-on-primary-container: light-dark(#1b1b1b, #e2e2e2);
8 --mat-sys-inverse-primary: light-dark(#c6c6c6, #5e5e5e);
9 --mat-sys-primary-fixed: light-dark(#e2e2e2, #e2e2e2);
10 --mat-sys-primary-fixed-dim: light-dark(#c6c6c6, #c6c6c6);
11 --mat-sys-on-primary-fixed: light-dark(#1b1b1b, #1b1b1b);
12 --mat-sys-on-primary-fixed-variant: light-dark(#474747, #474747);
13
14 /* Secondary palette variables */
15 --mat-sys-secondary: light-dark(#5e5e5e, #c6c6c6);
16 --mat-sys-on-secondary: light-dark(#ffffff, #303030);
17 --mat-sys-secondary-container: light-dark(#e2e2e2, #474747);
18 --mat-sys-on-secondary-container: light-dark(#1b1b1b, #e2e2e2);
19 --mat-sys-secondary-fixed: light-dark(#e2e2e2, #e2e2e2);
20 --mat-sys-secondary-fixed-dim: light-dark(#c6c6c6, #c6c6c6);
21 --mat-sys-on-secondary-fixed: light-dark(#1b1b1b, #1b1b1b);
22 --mat-sys-on-secondary-fixed-variant: light-dark(#474747, #474747);
23
24 /* Tertiary palette variables */
25 --mat-sys-tertiary: light-dark(#5e5e5e, #c6c6c6);
26 --mat-sys-on-tertiary: light-dark(#ffffff, #303030);
27 --mat-sys-tertiary-container: light-dark(#e2e2e2, #474747);
28 --mat-sys-on-tertiary-container: light-dark(#1b1b1b, #e2e2e2);
29 --mat-sys-tertiary-fixed: light-dark(#e2e2e2, #e2e2e2);
30 --mat-sys-tertiary-fixed-dim: light-dark(#c6c6c6, #c6c6c6);
31 --mat-sys-on-tertiary-fixed: light-dark(#1b1b1b, #1b1b1b);
32 --mat-sys-on-tertiary-fixed-variant: light-dark(#474747, #474747);
33
34 /* Neutral palette variables */
35 --mat-sys-background: light-dark(#f9f9f9, #131313);
36 --mat-sys-on-background: light-dark(#1b1b1b, #e2e2e2);
37 --mat-sys-surface: light-dark(#f9f9f9, #131313);
38 --mat-sys-surface-dim: light-dark(#dadada, #131313);
39 --mat-sys-surface-bright: light-dark(#f9f9f9, #393939);
40 --mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0e);
41 --mat-sys-surface-container-low: light-dark(#f3f3f3, #1b1b1b);
42 --mat-sys-surface-container: light-dark(#eeeeee, #1f1f1f);
43 --mat-sys-surface-container-high: light-dark(#e8e8e8, #2a2a2a);
44 --mat-sys-surface-container-highest: light-dark(#e2e2e2, #353535);
45 --mat-sys-on-surface: light-dark(#1b1b1b, #e2e2e2);
46 --mat-sys-shadow: light-dark(#000000, #000000);
47 --mat-sys-scrim: light-dark(#000000, #000000);
48 --mat-sys-surface-tint: light-dark(#5e5e5e, #c6c6c6);
49 --mat-sys-inverse-surface: light-dark(#303030, #e2e2e2);
50 --mat-sys-inverse-on-surface: light-dark(#f1f1f1, #303030);
51 --mat-sys-outline: light-dark(#7e7576, #988e90);
52 --mat-sys-outline-variant: light-dark(#cfc4c5, #4c4546);
53 --mat-sys-neutral10: light-dark(#1b1b1b, #1b1b1b); /* Variable used for the form field native select option text color */
54
55 /* Error palette variables */
56 --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
57 --mat-sys-on-error: light-dark(#ffffff, #690005);
58 --mat-sys-error-container: light-dark(#ffdad6, #93000a);
59 --mat-sys-on-error-container: light-dark(#410002, #ffdad6);
60
61 /* Neutral variant palette variables */
62 --mat-sys-surface-variant: light-dark(#ebe0e1, #4c4546);
63 --mat-sys-on-surface-variant: light-dark(#4c4546, #cfc4c5);
64 --mat-sys-neutral-variant20: light-dark(#352f30, #352f30); /* Variable used for the sidenav scrim (container background shadow when opened) */
65
66 @media (prefers-contrast: more) {
67 /* Primary palette variables */
68 --mat-sys-primary: light-dark(#000000, #f0f0f0);
69 --mat-sys-on-primary: light-dark(#ffffff, #000000);
70 --mat-sys-primary-container: light-dark(#1b1b1b, #c2c2c2);
71 --mat-sys-on-primary-container: light-dark(#d0d0d0, #0b0b0b);
72 --mat-sys-inverse-primary: light-dark(#c6c6c6, #484848);
73 --mat-sys-primary-fixed: light-dark(#494949, #e2e2e2);
74 --mat-sys-primary-fixed-dim: light-dark(#333333, #c6c6c6);
75 --mat-sys-on-primary-fixed: light-dark(#ffffff, #000000);
76 --mat-sys-on-primary-fixed-variant: light-dark(#ffffff, #111111);
77
78 /* Secondary palette variables */
79 --mat-sys-secondary: light-dark(#2c2c2c, #f0f0f0);
80 --mat-sys-on-secondary: light-dark(#ffffff, #000000);
81 --mat-sys-secondary-container: light-dark(#494949, #c2c2c2);
82 --mat-sys-on-secondary-container: light-dark(#ffffff, #0b0b0b);
83 --mat-sys-secondary-fixed: light-dark(#494949, #e2e2e2);
84 --mat-sys-secondary-fixed-dim: light-dark(#333333, #c6c6c6);
85 --mat-sys-on-secondary-fixed: light-dark(#ffffff, #000000);
86 --mat-sys-on-secondary-fixed-variant: light-dark(#ffffff, #111111);
87
88 /* Tertiary palette variables */
89 --mat-sys-tertiary: light-dark(#000000, #f0f0f0);
90 --mat-sys-on-tertiary: light-dark(#000000, #f0f0f0);
91 --mat-sys-tertiary-container: light-dark(#1b1b1b, #c2c2c2);
92 --mat-sys-on-tertiary-container: light-dark(#d0d0d0, #0b0b0b);
93 --mat-sys-tertiary-fixed: light-dark(#494949, #e2e2e2);
94 --mat-sys-tertiary-fixed-dim: light-dark(#333333, #c6c6c6);
95 --mat-sys-on-tertiary-fixed: light-dark(#ffffff, #000000);
96 --mat-sys-on-tertiary-fixed-variant: light-dark(#ffffff, #111111);
97
98 /* Neutral palette variables */
99 --mat-sys-background: light-dark(#f9f9f9, #131313);
100 --mat-sys-on-background: light-dark(#1b1b1b, #e2e2e2);
101 --mat-sys-surface: light-dark(#f9f9f9, #131313);
102 --mat-sys-surface-dim: light-dark(#b9b9b9, #131313);
103 --mat-sys-surface-bright: light-dark(#f9f9f9, #505050);
104 --mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);
105 --mat-sys-surface-container-low: light-dark(#f1f1f1, #1f1f1f);
106 --mat-sys-surface-container: light-dark(#e2e2e2, #303030);
107 --mat-sys-surface-container-high: light-dark(#d4d4d4, #3b3b3b);
108 --mat-sys-surface-container-highest: light-dark(#c6c6c6, #474747);
109 --mat-sys-on-surface: light-dark(#000000, #ffffff);
110 --mat-sys-shadow: light-dark(#000000, #000000);
111 --mat-sys-scrim: light-dark(#000000, #000000);
112 --mat-sys-surface-tint: light-dark(#5e5e5e, #c6c6c6);
113 --mat-sys-inverse-surface: light-dark(#303030, #e2e2e2);
114 --mat-sys-inverse-on-surface: light-dark(#ffffff, #000000);
115 --mat-sys-outline: light-dark(#312b2c, #f9edef);
116 --mat-sys-outline-variant: light-dark(#4f4749, #cbc0c1);
117 --mat-sys-neutral10: light-dark(#1b1b1b, #1b1b1b); /* Variable used for the form field native select option text color */
118
119 /* Error palette variables */
120 --mat-sys-error: light-dark(#600004, #ffece9);
121 --mat-sys-on-error: light-dark(#ffffff, #000000);
122 --mat-sys-error-container: light-dark(#98000a, #ffaea4);
123 --mat-sys-on-error-container: light-dark(#ffffff, #220001);
124
125 /* Neutral variant palette variables */
126 --mat-sys-surface-variant: light-dark(#ebe0e1, #4c4546);
127 --mat-sys-on-surface-variant: light-dark(#000000, #ffffff);
128 --mat-sys-neutral-variant20: light-dark(#352f30, #352f30); /* Variable used for the sidenav scrim (container background shadow when opened) */
129 }
130}