juli.ee
zero-knowledge file sharing
1@import "tailwindcss";
2
3@theme {
4 --font-mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;
5 --font-sans: "Bricolage Grotesque", sans-serif;
6
7 --color-bg: var(--c-bg);
8 --color-surface: var(--c-surface);
9 --color-border: var(--c-border);
10 --color-text: var(--c-text);
11 --color-muted: var(--c-muted);
12 --color-accent: var(--c-accent);
13 --color-accent-hover: var(--c-accent-hover);
14 --color-accent-subtle: var(--c-accent-subtle);
15 --color-danger: var(--c-danger);
16}
17
18:root {
19 --c-bg: #fdf8f2;
20 --c-surface: #f5ede0;
21 --c-border: #e0d0c0;
22 --c-text: #1c1410;
23 --c-muted: #9a8070;
24 --c-accent: #b08855;
25 --c-accent-hover: #8f6e3f;
26 --c-accent-subtle: #f5e8d5;
27 --c-danger: #b91c1c;
28}
29
30@keyframes fade-in {
31 0% {
32 opacity: 0;
33 transform: translateY(4px);
34 }
35 100% {
36 opacity: 1;
37 transform: translateY(0);
38 }
39}
40
41@media (prefers-color-scheme: dark) {
42 :root {
43 --c-bg: #100c09;
44 --c-surface: #1a1410;
45 --c-border: #2e2218;
46 --c-text: #f0e8df;
47 --c-muted: #9e8878;
48 --c-accent: #c4956a;
49 --c-accent-hover: #d4a87c;
50 --c-accent-subtle: rgba(196, 149, 106, 0.1);
51 --c-danger: #f87171;
52 }
53}