blob: b7629f043183e6bc076327cfa3b476233183b4e5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
:root {
/* colours */
--clr-primary: #3b005e;
--clr-secondary: #dfd4e7;
--clr-lighter-primary: #62337e;
--clr-positive: #21a821;
--clr-negative: #c02e2e;
--clr-neutral: #0761b6;
--clr-background: #fdf5ff;
--clr-note-background: #fef4fb;
--clr-note-selected-background: #feeef5;
--clr-profile-background: #f7f3ff;
--clr-panel-background: #fcf1ff;
--clr-info-background: #d1d2ff;
--clr-warning-background: #ffedd2;
--clr-error-background: #f4a9b1;
--clr-field-background: var(--clr-background);
--clr-foreground: #0f070f;
--clr-lesser-foreground: #555555;
--clr-foreground-on-primary: var(--clr-background);
--clr-foreground-on-secondary: var(--clr-foreground);
/*--clr-border: #bdb6be;*/
--clr-border: #3b005e44;
--clr-action-default: #cab3d1;
--clr-action-like: var(--clr-lighter-primary);
--clr-action-dislike: var(--clr-negative);
--clr-action-reshare: var(--clr-positive);
--clr-action-reply: var(--clr-neutral);
--clr-link-unvisited: #233ed8;
--clr-link-visited: #7d20c9;
/* margins and padding */
--spacing-half: 4px;
--spacing-single: 8px;
--spacing-double: 16px;
--spacing-triple: 24px;
--spacing-quadruple: 32px;
/* type */
--font-family: "Nunito Sans", sans-serif, sitelen-pona-support;
--font-normal-size: 12pt;
--font-small-size: 10pt;
--font-big-size: 16pt;
--font-heading-size: 20pt;
/* misc */
--border: 1px solid var(--clr-border);
--border-radius: 8px;
--icon-size: 24px;
--avatar-size: 64px;
--avatar-big-size: 96px;
--avatar-medium-size: 48px;
--overlay-shadow: 0 0 8px #0004;
accent-color: var(--clr-primary);
}
@media (prefers-color-scheme: dark) {
:root {
/* colours */
--clr-primary: #daa3fa;
--clr-secondary: #3d3544;
--clr-lighter-primary: #c586e9;
--clr-positive: #70d170;
--clr-negative: #e46c6c;
--clr-neutral: #7daedb;
--clr-background: #161416;
--clr-note-background: #221c22;
--clr-note-selected-background: #352b2e;
--clr-profile-background: #1d1e25;
--clr-panel-background: #1d191f;
--clr-info-background: #2a2a3f;
--clr-warning-background: #3f3728;
--clr-error-background: #5e272b;
--clr-field-background: var(--clr-background);
--clr-foreground: #fae9fa;
--clr-lesser-foreground: #a495a5;
--clr-foreground-on-primary: var(--clr-background);
--clr-foreground-on-secondary: var(--clr-foreground);
--clr-border: #b781d444;
--clr-action-default: #7d6b83;
--clr-link-unvisited: #7fc0fd;
--clr-link-visited: #d67bfa;
}
}
|
