jbc.lol
unoffical wafrn mirror
wafrn.net
atproto
social-network
activitypub
1:root {
2 --mat-sys-primary: #00B7FE;
3 --mat-sys-on-primary: #001935;
4 --mat-sys-primary-container: #001935;
5 --mat-sys-on-primary-container: #eedbff;
6 --mat-sys-inverse-primary: #001935;
7 --mat-sys-on-primary-fixed: #290351;
8 --mat-sys-on-primary-fixed-variant: #1d1e1d;
9 --mat-sys-background: #001935;
10 --mat-sys-on-background: #000;
11 --mat-sys-surface: #001935;
12 --mat-sys-surface-dim: #0c2e42;
13 --mat-sys-surface-bright: #002f65;
14 --mat-sys-surface-container-lowest: #159ee1;
15 --mat-sys-surface-container-low: #001935;
16 --mat-sys-surface-container: #fff;
17 --mat-sys-surface-container-high: #fff;
18 --mat-sys-surface-container-highest: #001935;
19 --mat-sys-on-surface: #fff;
20 --mat-sys-shadow: #000000;
21 --mat-sys-scrim: #000000;
22 --mat-sys-surface-tint: #37546c;
23 --mat-sys-inverse-surface: #e7e0e7;
24 --mat-sys-inverse-on-surface: #7f00ff;
25 --mat-sys-outline: #968e9a;
26 --mat-sys-outline-variant: #4a444f;
27 --mat-sys-neutral10: #1d1a20;
28 --mat-sys-error: #ffb4ab;
29 --mat-sys-on-error: #690005;
30 --mat-sys-error-container: #93000a;
31 --mat-sys-on-error-container: #ffdad6;
32 --mat-sys-surface-variant: #f7f7f7;
33 --mat-sys-on-surface-variant: #ccc3d1;
34 --mat-sys-neutral-variant20: #342e39;
35 --mat-sys-secondary-container: #159ee1;
36}
37
38.mat-mdc-card {
39 background-color: white;
40}
41
42.instance-logo {
43 content: url("/assets/img/fan.webp");
44 width: unset;
45 max-width: calc(100% - 32px);
46 height: 100px;
47}
48
49.mat-mdc-input-element ng-tns-c508571215-6 ng-pristine ng-valid mat-mdc-form-field-textarea-control mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored ng-touched {
50 color: black;
51}
52
53.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
54 color: black !important;
55}
56
57.emojireact-overlay,
58.theme-selector-button,
59.info-card,
60.quoted-post,
61.post-editor-data,
62.mat-mdc-menu-item,
63.mdc-label {
64 color: black !important;
65}
66
67.dashboard-title,
68.asks-text,
69.notifications-text {
70 color: #ccc3d1
71}