rocksky.app
A decentralized music tracking and discovery platform built on AT Protocol 馃幍
rocksky.app
spotify
atproto
lastfm
musicbrainz
scrobbling
listenbrainz
tsiry-sandratraina.com
1@tailwind utilities;
2
3@font-face {
4 font-family: "RockfordSansLight";
5 src:
6 local("RockfordSansLight"),
7 url(./assets/fonts/RockfordSans-Light.otf) format("opentype");
8}
9
10@font-face {
11 font-family: "RockfordSansRegular";
12 src:
13 local("RockfordSans"),
14 url(./assets/fonts/RockfordSans-Regular.otf) format("opentype");
15}
16
17@font-face {
18 font-family: "RockfordSansMedium";
19 src:
20 local("RockfordSans"),
21 url(./assets/fonts/RockfordSans-Medium.otf) format("opentype");
22}
23
24@font-face {
25 font-family: "RockfordSansBold";
26 font-weight: 900;
27 src:
28 local("RockfordSans"),
29 url(./assets/fonts/RockfordSans-Bold.otf) format("opentype");
30}
31
32@font-face {
33 font-family: "RockfordSansExtraBold";
34 font-weight: 900;
35 src:
36 local("RockfordSans"),
37 url(./assets/fonts/RockfordSans-ExtraBold.otf) format("opentype");
38}
39
40@font-face {
41 font-family: "UberMove";
42 src:
43 local("RockfordSans"),
44 url(./assets/fonts/RockfordSans-Light.otf) format("opentype");
45}
46
47@font-face {
48 font-family: "UberMoveText";
49 src:
50 local("RockfordSans"),
51 url(./assets/fonts/RockfordSans-Regular.otf) format("opentype");
52}
53
54body {
55 margin: 0;
56 font-family:
57 RockfordSansLight,
58 -apple-system,
59 BlinkMacSystemFont,
60 "Segoe UI",
61 "Roboto",
62 "Oxygen",
63 "Ubuntu",
64 "Cantarell",
65 "Fira Sans",
66 "Droid Sans",
67 "Helvetica Neue",
68 sans-serif;
69 -webkit-font-smoothing: antialiased;
70 -moz-osx-font-smoothing: grayscale;
71 overflow-y: hidden;
72}
73
74:root {
75 --color-background: #ffffff;
76 --color-text: #000000;
77 --color-primary: #ff2876;
78 --color-text-muted: #42576ca6;
79 --color-border: #ffffff;
80 --color-input-background: #f3f3f3;
81 --color-placeholder: #3b3b3bb4;
82 --color-clear-input: #000000;
83 --color-menu-hover: #f7f7f7;
84 --color-default-button: rgba(0, 0, 0, 0.05);
85 --color-purple: oklch(0.5478 0.201 296.07);
86 --color-blue: oklch(0.789 0.154 211.53);
87 --color-pink: oklch(0.6372 0.229 346.83);
88 --color-bar: rgba(255, 40, 118, 0.1);
89 --color-play-button: #f4f4f4;
90 --color-toggle-track: #c7b2e9;
91 --color-button-text: #fff;
92 --color-skeleton-background: #f3f3f3;
93 --color-skeleton-foreground: #ecebeb;
94}
95
96.dark {
97 --color-background: #130825;
98 --color-text: oklch(95.07% 0.028 338.58);
99 --color-primary: #ff2876;
100 --color-text-muted: rgb(191 174 195 / 65%);
101 --color-border: #310e64;
102 --color-input-background: #221538;
103 --color-placeholder: #ffffffb4;
104 --color-clear-input: #ffffff;
105 --color-menu-hover: #1f0d3c;
106 --color-default-button: rgba(255, 255, 255, 0.05);
107 --color-purple: oklch(0.5478 0.201 296.07);
108 --color-blue: oklch(0.789 0.154 211.53);
109 --color-pink: oklch(0.6372 0.229 346.83);
110 --color-bar: rgb(255, 129, 175);
111 --color-play-button: var(--color-primary);
112 --color-toggle-track: #341b5c;
113 --color-button-text: #000;
114 --color-skeleton-background: #221538;
115 --color-skeleton-foreground: #2b1a4c;
116}
117
118::placeholder {
119 color: var(--color-text-muted) !important;
120}
121
122td > div {
123 color: var(--color-text-muted) !important;
124}
125
126* {
127 transition:
128 background-color 0.1s ease,
129 color 0.1s ease;
130}
131
132button {
133 font-family: RockfordSansMedium;
134}