blob: 7e8ce2a703be61f127b552945c16736125506daf (
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
|
: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);
/* 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;
/* misc */
--border: 1px solid var(--clr-border);
--border-radius: 8px;
--icon-size: 24px;
--avatar-size: 64px;
--avatar-big-size: 96px;
--overlay-shadow: 0 0 8px #0004;
accent-color: var(--clr-primary);
}
|
