seanime-tenji/global.css at main · 5rahim/seanime-tenji · GitHub

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
@import 'tailwindcss';
@import 'uniwind';

@plugin 'tailwindcss-animate';

@theme {
    --color-background: #0c0c0c;
    --color-foreground: hsl(0 0% 98%);
    --color-card: hsl(0 0% 9%);
    --color-card-foreground: hsl(0 0% 98%);
    --color-popover: hsl(0 0% 9%);
    --color-popover-foreground: hsl(0 0% 98%);
    --color-primary: hsl(0 0% 98%);
    --color-primary-foreground: hsl(240 5.9% 10%);
    --color-secondary: hsl(240 3.7% 15.9%);
    --color-secondary-foreground: hsl(0 0% 98%);
    --color-muted: hsl(240 3.7% 15.9%);
    --color-muted-foreground: hsl(240 5% 64.9%);
    --color-accent: hsl(246 69% 60%);
    --color-accent-foreground: hsl(0 0% 98%);
    --color-destructive: hsl(0 72% 51%);
    --color-destructive-foreground: hsl(0 0% 98%);
    --color-border: hsl(240 3.7% 15.9%);
    --color-input: hsl(240 3.7% 15.9%);
    --color-ring: hsl(240 4.9% 83.9%);

    --color-brand: rgb(97 82 223);
    --color-brand-50: rgb(242 240 255);
    --color-brand-100: rgb(238 235 255);
    --color-brand-200: rgb(212 208 255);
    --color-brand-300: rgb(199 194 255);
    --color-brand-400: rgb(159 146 255);
    --color-brand-500: rgb(97 82 223);
    --color-brand-600: rgb(82 67 203);
    --color-brand-700: rgb(63 46 178);
    --color-brand-800: rgb(49 40 135);
    --color-brand-900: rgb(35 28 107);
    --color-brand-950: rgb(26 20 79);

    --color-gray: rgb(105 105 105);
    --color-gray-50: rgb(230 230 230);
    --color-gray-100: rgb(225 225 225);
    --color-gray-200: rgb(209 209 209);
    --color-gray-300: rgb(202 202 202);
    --color-gray-400: rgb(143 143 143);
    --color-gray-500: rgb(90 90 90);
    --color-gray-600: rgb(72 72 72);
    --color-gray-700: rgb(54 54 54);
    --color-gray-800: rgb(28 28 28);
    --color-gray-900: rgb(16 16 16);
    --color-gray-950: rgb(11 11 11);

    --color-player-text: rgb(163 157 215);
    --color-player-tint: rgb(97 82 223);
    --color-player-hud: rgb(255 255 255);

    --color-red-50: rgb(55 28 28);
    --color-red-100: rgb(72 32 32);
    --color-red-200: rgb(135 55 55);
    --color-red-300: rgb(190 95 95);
    --color-red-400: rgb(210 120 120);
    --color-red-500: rgb(180 75 75);
    --color-red-600: rgb(145 55 55);
    --color-red-700: rgb(110 40 40);
    --color-red-800: rgb(75 28 28);
    --color-red-900: rgb(50 20 20);
    --color-red-950: rgb(35 14 14);

    --color-green-50: rgb(28 48 32);
    --color-green-100: rgb(35 60 40);
    --color-green-200: rgb(55 110 68);
    --color-green-300: rgb(85 160 105);
    --color-green-400: rgb(110 185 130);
    --color-green-500: rgb(75 150 92);
    --color-green-600: rgb(55 118 68);
    --color-green-700: rgb(40 88 48);
    --color-green-800: rgb(28 60 34);
    --color-green-900: rgb(20 38 22);
    --color-green-950: rgb(14 26 16);

    --color-blue-50: rgb(28 32 55);
    --color-blue-100: rgb(32 40 72);
    --color-blue-200: rgb(52 72 130);
    --color-blue-300: rgb(85 115 185);
    --color-blue-400: rgb(110 145 210);
    --color-blue-500: rgb(75 105 175);
    --color-blue-600: rgb(55 80 140);
    --color-blue-700: rgb(40 58 108);
    --color-blue-800: rgb(28 38 72);
    --color-blue-900: rgb(18 25 48);
    --color-blue-950: rgb(12 16 32);

    --color-yellow-50: rgb(48 44 25);
    --color-yellow-100: rgb(62 55 28);
    --color-yellow-200: rgb(120 105 48);
    --color-yellow-300: rgb(185 162 75);
    --color-yellow-400: rgb(210 190 105);
    --color-yellow-500: rgb(175 152 68);
    --color-yellow-600: rgb(140 120 48);
    --color-yellow-700: rgb(105 88 35);
    --color-yellow-800: rgb(68 58 24);
    --color-yellow-900: rgb(42 36 18);
    --color-yellow-950: rgb(28 24 12);

    --color-amber-50: rgb(48 40 22);
    --color-amber-100: rgb(62 50 28);
    --color-amber-200: rgb(125 95 42);
    --color-amber-300: rgb(185 145 72);
    --color-amber-400: rgb(210 172 100);
    --color-amber-500: rgb(175 135 62);
    --color-amber-600: rgb(140 105 45);
    --color-amber-700: rgb(105 78 32);
    --color-amber-800: rgb(68 50 22);
    --color-amber-900: rgb(42 32 14);
    --color-amber-950: rgb(28 20 10);

    --color-orange-50: rgb(48 35 22);
    --color-orange-100: rgb(62 45 28);
    --color-orange-200: rgb(130 85 42);
    --color-orange-300: rgb(190 130 72);
    --color-orange-400: rgb(215 160 100);
    --color-orange-500: rgb(180 122 62);
    --color-orange-600: rgb(145 95 45);
    --color-orange-700: rgb(110 68 32);
    --color-orange-800: rgb(72 44 22);
    --color-orange-900: rgb(45 28 14);
    --color-orange-950: rgb(30 18 10);

    --animate-accordion-down: accordion-down 0.2s ease-out;
    --animate-accordion-up: accordion-up 0.2s ease-out;

    @keyframes accordion-down {
        from {
            height: 0;
        }

        to {
            height: var(--radix-accordion-content-height);
        }
    }

    @keyframes accordion-up {
        from {
            height: var(--radix-accordion-content-height);
        }

        to {
            height: 0;
        }
    }
}

@layer theme {
    :root {
        @variant light {
            --color-background: hsl(0 0% 100%);
            --color-foreground: hsl(240 10% 3.9%);
            --color-card: hsl(0 0% 100%);
            --color-card-foreground: hsl(240 10% 3.9%);
            --color-popover: hsl(0 0% 100%);
            --color-popover-foreground: hsl(240 10% 3.9%);
            --color-primary: hsl(240 5.9% 10%);
            --color-primary-foreground: hsl(0 0% 98%);
            --color-secondary: hsl(240 4.8% 95.9%);
            --color-secondary-foreground: hsl(240 5.9% 10%);
            --color-muted: hsl(240 4.8% 95.9%);
            --color-muted-foreground: hsl(240 3.8% 46.1%);
            --color-accent: hsl(246 69% 60%);
            --color-accent-foreground: hsl(240 5.9% 10%);
            --color-destructive: hsl(0 84.2% 60.2%);
            --color-destructive-foreground: hsl(0 0% 98%);
            --color-border: hsl(240 5.9% 90%);
            --color-input: hsl(240 5.9% 90%);
            --color-ring: hsl(240 5.9% 10%);
        }

        @variant dark {
            --color-background: #0c0c0c;
            --color-foreground: hsl(0 0% 98%);
            --color-card: hsl(0 0% 9%);
            --color-card-foreground: hsl(0 0% 98%);
            --color-popover: hsl(0 0% 9%);
            --color-popover-foreground: hsl(0 0% 98%);
            --color-primary: hsl(0 0% 98%);
            --color-primary-foreground: hsl(240 5.9% 10%);
            --color-secondary: hsl(240 3.7% 15.9%);
            --color-secondary-foreground: hsl(0 0% 98%);
            --color-muted: hsl(240 3.7% 15.9%);
            --color-muted-foreground: hsl(240 5% 64.9%);
            --color-accent: hsl(246 69% 60%);
            --color-accent-foreground: hsl(0 0% 98%);
            --color-destructive: hsl(0 72% 51%);
            --color-destructive-foreground: hsl(0 0% 98%);
            --color-border: hsl(240 3.7% 15.9%);
            --color-input: hsl(240 3.7% 15.9%);
            --color-ring: hsl(240 4.9% 83.9%);
        }
    }
}