11@import "tailwindcss" ;
22@import "tw-animate-css" ;
33
4+ @font-face {
5+ font-family : "Nulshock" ;
6+ src : url ("/fonts/Nulshock Bd.otf" ) format ("opentype" );
7+ }
8+
9+ @font-face {
10+ font-family : "Bruno Ace" ;
11+ src : url ("/fonts/BrunoAce-Regular.ttf" ) format ("truetype" );
12+ }
13+
14+ @font-face {
15+ font-family : "Ballega" ;
16+ src : url ("/fonts/Ballega.otf" ) format ("opentype" );
17+ }
18+
419@custom-variant dark (& : is (.dark * ));
520
621@theme inline {
722 --color-background : var (--background );
823 --color-foreground : var (--foreground );
924 --font-sans : var (--font-geist-sans );
1025 --font-mono : var (--font-geist-mono );
26+
1127 --color-sidebar-ring : var (--sidebar-ring );
1228 --color-sidebar-border : var (--sidebar-border );
1329 --color-sidebar-accent-foreground : var (--sidebar-accent-foreground );
1632 --color-sidebar-primary : var (--sidebar-primary );
1733 --color-sidebar-foreground : var (--sidebar-foreground );
1834 --color-sidebar : var (--sidebar );
35+
1936 --color-chart-5 : var (--chart-5 );
2037 --color-chart-4 : var (--chart-4 );
2138 --color-chart-3 : var (--chart-3 );
2239 --color-chart-2 : var (--chart-2 );
2340 --color-chart-1 : var (--chart-1 );
41+
2442 --color-ring : var (--ring );
2543 --color-input : var (--input );
2644 --color-border : var (--border );
3755 --color-popover : var (--popover );
3856 --color-card-foreground : var (--card-foreground );
3957 --color-card : var (--card );
58+ --color-testcasesBG : var (--tescases-bg );
59+ --color-darkGreen : var (--darkGreen );
60+
4061 --radius-sm : calc (var (--radius ) - 4px );
4162 --radius-md : calc (var (--radius ) - 2px );
4263 --radius-lg : var (--radius );
4566
4667: root {
4768 --radius : 0.625rem ;
48- --background : oklch (1 0 0 );
49- --foreground : oklch (0.145 0 0 );
50- --card : oklch (1 0 0 );
51- --card-foreground : oklch (0.145 0 0 );
52- --popover : oklch (1 0 0 );
53- --popover-foreground : oklch (0.145 0 0 );
54- --primary : oklch (0.205 0 0 );
55- --primary-foreground : oklch (0.985 0 0 );
56- --secondary : oklch (0.97 0 0 );
57- --secondary-foreground : oklch (0.205 0 0 );
58- --muted : oklch (0.97 0 0 );
59- --muted-foreground : oklch (0.556 0 0 );
60- --accent : oklch (0.97 0 0 );
61- --accent-foreground : oklch (0.205 0 0 );
62- --destructive : oklch (0.577 0.245 27.325 );
63- --border : oklch (0.922 0 0 );
64- --input : oklch (0.922 0 0 );
65- --ring : oklch (0.708 0 0 );
69+
70+ --background : # 070e0a ;
71+ --foreground : # f5f5f5 ;
72+
73+ --card : # 111a14 ;
74+ --card-foreground : # f5f5f5 ;
75+ --popover : # 111a14 ;
76+ --popover-foreground : # f5f5f5 ;
77+
78+ --primary : # 242424 ;
79+ --primary-foreground : # ffffff ;
80+
81+ --secondary : # 1f2a24 ;
82+ --secondary-foreground : # d9d9d9 ;
83+ --muted : # 1a221d ;
84+ --muted-foreground : # b3b3b3 ;
85+
86+ --accent : # ff4d4d ;
87+ --accent-foreground : # ffffff ;
88+
89+ --destructive : # e63946 ;
90+
91+ --border : # 2d3a33 ;
92+ --input : # 1e2923 ;
93+ --ring : # 1ba94c ;
94+
95+ --sidebar : # 0e1511 ;
96+ --sidebar-foreground : # e6e6e6 ;
97+ --sidebar-primary : # 1ba94c ;
98+ --sidebar-primary-foreground : # ffffff ;
99+ --sidebar-accent : # 222f28 ;
100+ --sidebar-accent-foreground : # f5f5f5 ;
101+ --sidebar-border : # 2d3a33 ;
102+ --sidebar-ring : # 1ba94c ;
103+
104+ --tescases-bg : # 131414 ;
105+ --darkGreen : # 255f39 ;
66106 --chart-1 : oklch (0.646 0.222 41.116 );
67107 --chart-2 : oklch (0.6 0.118 184.704 );
68108 --chart-3 : oklch (0.398 0.07 227.392 );
69109 --chart-4 : oklch (0.828 0.189 84.429 );
70110 --chart-5 : oklch (0.769 0.188 70.08 );
71- --sidebar : oklch (0.985 0 0 );
72- --sidebar-foreground : oklch (0.145 0 0 );
73- --sidebar-primary : oklch (0.205 0 0 );
74- --sidebar-primary-foreground : oklch (0.985 0 0 );
75- --sidebar-accent : oklch (0.97 0 0 );
76- --sidebar-accent-foreground : oklch (0.205 0 0 );
77- --sidebar-border : oklch (0.922 0 0 );
78- --sidebar-ring : oklch (0.708 0 0 );
79- }
80-
81- .dark {
82- --background : oklch (0.145 0 0 );
83- --foreground : oklch (0.985 0 0 );
84- --card : oklch (0.205 0 0 );
85- --card-foreground : oklch (0.985 0 0 );
86- --popover : oklch (0.205 0 0 );
87- --popover-foreground : oklch (0.985 0 0 );
88- --primary : oklch (0.922 0 0 );
89- --primary-foreground : oklch (0.205 0 0 );
90- --secondary : oklch (0.269 0 0 );
91- --secondary-foreground : oklch (0.985 0 0 );
92- --muted : oklch (0.269 0 0 );
93- --muted-foreground : oklch (0.708 0 0 );
94- --accent : oklch (0.269 0 0 );
95- --accent-foreground : oklch (0.985 0 0 );
96- --destructive : oklch (0.704 0.191 22.216 );
97- --border : oklch (1 0 0 / 10% );
98- --input : oklch (1 0 0 / 15% );
99- --ring : oklch (0.556 0 0 );
100- --chart-1 : oklch (0.488 0.243 264.376 );
101- --chart-2 : oklch (0.696 0.17 162.48 );
102- --chart-3 : oklch (0.769 0.188 70.08 );
103- --chart-4 : oklch (0.627 0.265 303.9 );
104- --chart-5 : oklch (0.645 0.246 16.439 );
105- --sidebar : oklch (0.205 0 0 );
106- --sidebar-foreground : oklch (0.985 0 0 );
107- --sidebar-primary : oklch (0.488 0.243 264.376 );
108- --sidebar-primary-foreground : oklch (0.985 0 0 );
109- --sidebar-accent : oklch (0.269 0 0 );
110- --sidebar-accent-foreground : oklch (0.985 0 0 );
111- --sidebar-border : oklch (1 0 0 / 10% );
112- --sidebar-ring : oklch (0.556 0 0 );
111+
112+ --green : # 1ba94c ;
113+ --green-gradient : linear-gradient (90deg , # 32ca67 83.17% , # 0a8a36 92.79% );
114+ --green-light : rgb (27 , 169 , 76 , 42% );
115+ --neutral-light : # b7ab98 ;
116+ --neutral-dark : # 5f5c51 ;
113117}
114118
115119@layer base {
120124 @apply bg-background text-foreground;
121125 }
122126}
127+
128+ .font-inter {
129+ font-family : "Inter" , sans-serif;
130+ }
131+ .font-roboto {
132+ font-family : "Roboto" , Inter, sans-serif;
133+ }
134+
135+
136+ html {
137+ scroll-behavior : smooth;
138+ }
139+
140+ body {
141+ font-family : "Inter" , sans-serif;
142+ background-color : var (--color-background );
143+ color : var (--color-foreground );
144+ transition : background-color 0.3s ease, color 0.3s ease;
145+ }
146+
147+ code {
148+ font-family : "Inter" , monospace;
149+ }
150+
151+ button {
152+ margin : 2px 8px ;
153+ padding : 10px 20px ;
154+ border-radius : 10px ;
155+ background : # 242424 ;
156+ border : none;
157+ box-shadow : 0px 2px 4px rgba (0 , 0 , 0 , 0.25 );
158+ color : # f5f5f5 ;
159+ transition : background-position 0.3s ease, transform 0.2s ease;
160+ font-weight : 600 ;
161+ font-size : 16px ;
162+ line-height : 25px ;
163+ }
164+
165+ button : hover {
166+ transform : scale (1.02 );
167+ cursor : pointer;
168+ }
169+
170+ button : active {
171+ transform : scale (1 );
172+ }
173+
174+ .btn-green {
175+ background : linear-gradient (90deg , # 32ca67, # 26ad55 );
176+ background-size : 200% 100% ;
177+ background-position : left;
178+ color : # ffffff ;
179+ box-shadow : 0px 4px 6px rgba (0 , 0 , 0 , 0.35 );
180+ }
181+
182+ .btn-green : hover {
183+ background-position : right;
184+ }
185+
186+
187+ .font-nulshock {
188+ font-family : "Nulshock" , monospace;
189+ }
190+
191+
192+
193+ .font-brunoace {
194+ font-family : "Bruno Ace" , monospace;
195+ }
196+
197+ @font-face {
198+ font-family : "Inter" ;
199+ src : url ("/fonts/Inter.ttf" ) format ("truetype" );
200+ font-weight : 400 ;
201+ font-style : "regular" ;
202+ }
203+ .font-inter {
204+ font-family : "Inter" , monospace;
205+ }
206+
207+ @font-face {
208+ font-family : "Nunito" ;
209+ src : url ("/fonts/Nunito.ttf" ) format ("truetype" );
210+ font-weight : 400 ;
211+ font-style : "regular" ;
212+ }
213+ .font-Nunito {
214+ font-family : "Nunito" ;
215+ }
0 commit comments