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