music on atproto
plyr.fm
zzstoatzz.io
1export const theme = {
2 colors: {
3 // backgrounds
4 bg: {
5 primary: '#0a0a0a',
6 secondary: '#141414',
7 tertiary: '#1a1a1a',
8 hover: '#1f1f1f'
9 },
10 // borders
11 border: {
12 subtle: '#282828',
13 default: '#333333',
14 emphasis: '#444444'
15 },
16 // text
17 text: {
18 primary: '#e8e8e8',
19 secondary: '#b0b0b0',
20 tertiary: '#808080',
21 muted: '#666666'
22 },
23 // accents
24 accent: {
25 primary: '#6a9fff',
26 hover: '#8ab3ff',
27 muted: '#4a7ddd'
28 },
29 // semantic
30 success: '#4ade80',
31 warning: '#fbbf24',
32 error: '#ef4444'
33 },
34 spacing: {
35 xs: '0.25rem',
36 sm: '0.5rem',
37 md: '1rem',
38 lg: '1.5rem',
39 xl: '2rem'
40 },
41 radius: {
42 sm: '4px',
43 md: '6px',
44 lg: '8px'
45 }
46};
47
48export type Theme = typeof theme;