dailingx commited on
Commit
230d588
·
verified ·
1 Parent(s): 92b2313

Upload 3 files

Browse files
Files changed (3) hide show
  1. assets/design.css +3 -0
  2. assets/design.js +36 -0
  3. assets/theme.json +313 -0
assets/design.css ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ footer {
2
+ visibility: hidden;
3
+ }
assets/design.js ADDED
@@ -0,0 +1,36 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ function createGradioAnimation() {
2
+ const container = document.createElement('div');
3
+ container.id = 'gradio-animation';
4
+ container.style.fontSize = '2em';
5
+ container.style.fontWeight = 'bold';
6
+ container.style.textAlign = 'center';
7
+ container.style.marginBottom = '20px';
8
+
9
+ const text = 'Welcome to OpenVideo Tagger!';
10
+
11
+ for (let i = 0; i < text.length; i++) {
12
+ (function (i) {
13
+ setTimeout(() => {
14
+ const letter = document.createElement('span');
15
+ letter.style.opacity = '0';
16
+ letter.style.transition = 'opacity 0.5s';
17
+ letter.innerText = text[i];
18
+ container.appendChild(letter);
19
+
20
+ setTimeout(() => {
21
+ letter.style.opacity = '1';
22
+ }, 50);
23
+ }, i * 125);
24
+ })(i);
25
+ }
26
+
27
+ const gradioContainer = document.querySelector('.gradio-container');
28
+
29
+ if (gradioContainer) {
30
+ gradioContainer.insertBefore(container, gradioContainer.firstChild);
31
+ } else {
32
+ console.error("Error: Element with class 'gradio-container' not found.");
33
+ }
34
+
35
+ return 'Animation created';
36
+ }
assets/theme.json ADDED
@@ -0,0 +1,313 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {
2
+ "theme": {
3
+ "_font": [
4
+ {
5
+ "__gradio_font__": true,
6
+ "name": "Quicksand",
7
+ "class": "google"
8
+ },
9
+ {
10
+ "__gradio_font__": true,
11
+ "name": "ui-sans-serif",
12
+ "class": "font"
13
+ },
14
+ {
15
+ "__gradio_font__": true,
16
+ "name": "sans-serif",
17
+ "class": "font"
18
+ }
19
+ ],
20
+ "_font_mono": [
21
+ {
22
+ "__gradio_font__": true,
23
+ "name": "IBM Plex Mono",
24
+ "class": "google"
25
+ },
26
+ {
27
+ "__gradio_font__": true,
28
+ "name": "ui-monospace",
29
+ "class": "font"
30
+ },
31
+ {
32
+ "__gradio_font__": true,
33
+ "name": "monospace",
34
+ "class": "font"
35
+ }
36
+ ],
37
+ "_stylesheets": [
38
+ "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap",
39
+ "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
40
+ ],
41
+ "background_fill_primary": "white",
42
+ "background_fill_primary_dark": "*neutral_950",
43
+ "background_fill_secondary": "*neutral_50",
44
+ "background_fill_secondary_dark": "*neutral_900",
45
+ "block_background_fill": "*background_fill_primary",
46
+ "block_background_fill_dark": "*neutral_800",
47
+ "block_border_color": "*border_color_primary",
48
+ "block_border_color_dark": "*border_color_primary",
49
+ "block_border_width": "1px",
50
+ "block_info_text_color": "*body_text_color_subdued",
51
+ "block_info_text_color_dark": "*body_text_color_subdued",
52
+ "block_info_text_size": "*text_sm",
53
+ "block_info_text_weight": "400",
54
+ "block_label_background_fill": "*background_fill_primary",
55
+ "block_label_background_fill_dark": "*background_fill_secondary",
56
+ "block_label_border_color": "*border_color_primary",
57
+ "block_label_border_color_dark": "*border_color_primary",
58
+ "block_label_border_width": "1px",
59
+ "block_label_margin": "0",
60
+ "block_label_padding": "*spacing_sm *spacing_lg",
61
+ "block_label_radius": "calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px) 0",
62
+ "block_label_right_radius": "0 calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px)",
63
+ "block_label_text_color": "*neutral_500",
64
+ "block_label_text_color_dark": "*neutral_200",
65
+ "block_label_text_size": "*text_sm",
66
+ "block_label_text_weight": "400",
67
+ "block_padding": "*spacing_xl calc(*spacing_xl + 2px)",
68
+ "block_radius": "*radius_lg",
69
+ "block_shadow": "*shadow_drop_lg",
70
+ "block_title_background_fill": "none",
71
+ "block_title_border_color": "none",
72
+ "block_title_border_width": "0px",
73
+ "block_title_padding": "0",
74
+ "block_title_radius": "none",
75
+ "block_title_text_color": "*neutral_500",
76
+ "block_title_text_color_dark": "*neutral_200",
77
+ "block_title_text_size": "*text_md",
78
+ "block_title_text_weight": "400",
79
+ "body_background_fill": "*background_fill_primary",
80
+ "body_background_fill_dark": "*background_fill_primary",
81
+ "body_text_color": "*neutral_800",
82
+ "body_text_color_dark": "*neutral_100",
83
+ "body_text_color_subdued": "*neutral_400",
84
+ "body_text_color_subdued_dark": "*neutral_400",
85
+ "body_text_size": "*text_md",
86
+ "body_text_weight": "400",
87
+ "border_color_accent": "*primary_300",
88
+ "border_color_accent_dark": "*neutral_600",
89
+ "border_color_primary": "*neutral_200",
90
+ "border_color_primary_dark": "*neutral_700",
91
+ "button_border_width": "*input_border_width",
92
+ "button_border_width_dark": "*input_border_width",
93
+ "button_cancel_background_fill": "*button_secondary_background_fill",
94
+ "button_cancel_background_fill_dark": "*button_secondary_background_fill",
95
+ "button_cancel_background_fill_hover": "*button_cancel_background_fill",
96
+ "button_cancel_background_fill_hover_dark": "*button_cancel_background_fill",
97
+ "button_cancel_border_color": "*button_secondary_border_color",
98
+ "button_cancel_border_color_dark": "*button_secondary_border_color",
99
+ "button_cancel_border_color_hover": "*button_cancel_border_color",
100
+ "button_cancel_border_color_hover_dark": "*button_cancel_border_color",
101
+ "button_cancel_text_color": "*button_secondary_text_color",
102
+ "button_cancel_text_color_dark": "*button_secondary_text_color",
103
+ "button_cancel_text_color_hover": "*button_cancel_text_color",
104
+ "button_cancel_text_color_hover_dark": "*button_cancel_text_color",
105
+ "button_large_padding": "*spacing_lg calc(2 * *spacing_lg)",
106
+ "button_large_radius": "10px",
107
+ "button_large_text_size": "*text_lg",
108
+ "button_large_text_weight": "600",
109
+ "button_primary_background_fill": "linear-gradient(90deg, *primary_300, *secondary_400)",
110
+ "button_primary_background_fill_dark": "linear-gradient(90deg, *primary_600, *secondary_800)",
111
+ "button_primary_background_fill_hover": "linear-gradient(90deg, *primary_200, *secondary_300)",
112
+ "button_primary_background_fill_hover_dark": "*button_primary_background_fill",
113
+ "button_primary_border_color": "*primary_200",
114
+ "button_primary_border_color_dark": "*primary_600",
115
+ "button_primary_border_color_hover": "*button_primary_border_color",
116
+ "button_primary_border_color_hover_dark": "*button_primary_border_color",
117
+ "button_primary_text_color": "white",
118
+ "button_primary_text_color_dark": "white",
119
+ "button_primary_text_color_hover": "*button_primary_text_color",
120
+ "button_primary_text_color_hover_dark": "*button_primary_text_color",
121
+ "button_secondary_background_fill": "*neutral_200",
122
+ "button_secondary_background_fill_dark": "*neutral_600",
123
+ "button_secondary_background_fill_hover": "*button_secondary_background_fill",
124
+ "button_secondary_background_fill_hover_dark": "*button_secondary_background_fill",
125
+ "button_secondary_border_color": "*neutral_200",
126
+ "button_secondary_border_color_dark": "*neutral_600",
127
+ "button_secondary_border_color_hover": "*button_secondary_border_color",
128
+ "button_secondary_border_color_hover_dark": "*button_secondary_border_color",
129
+ "button_secondary_text_color": "*neutral_700",
130
+ "button_secondary_text_color_dark": "white",
131
+ "button_secondary_text_color_hover": "*button_secondary_text_color",
132
+ "button_secondary_text_color_hover_dark": "*button_secondary_text_color",
133
+ "button_shadow": "*shadow_drop_lg",
134
+ "button_shadow_active": "none",
135
+ "button_shadow_hover": "none",
136
+ "button_small_padding": "*spacing_sm calc(2 * *spacing_sm)",
137
+ "button_small_radius": "*radius_lg",
138
+ "button_small_text_size": "*text_md",
139
+ "button_small_text_weight": "400",
140
+ "button_transition": "background-color 0.2s ease",
141
+ "checkbox_background_color": "*background_fill_primary",
142
+ "checkbox_background_color_dark": "*neutral_800",
143
+ "checkbox_background_color_focus": "*checkbox_background_color",
144
+ "checkbox_background_color_focus_dark": "*checkbox_background_color",
145
+ "checkbox_background_color_hover": "*checkbox_background_color",
146
+ "checkbox_background_color_hover_dark": "*checkbox_background_color",
147
+ "checkbox_background_color_selected": "*secondary_600",
148
+ "checkbox_background_color_selected_dark": "*secondary_600",
149
+ "checkbox_border_color": "*neutral_300",
150
+ "checkbox_border_color_dark": "*neutral_700",
151
+ "checkbox_border_color_focus": "*secondary_500",
152
+ "checkbox_border_color_focus_dark": "*secondary_500",
153
+ "checkbox_border_color_hover": "*neutral_300",
154
+ "checkbox_border_color_hover_dark": "*neutral_600",
155
+ "checkbox_border_color_selected": "*secondary_600",
156
+ "checkbox_border_color_selected_dark": "*secondary_600",
157
+ "checkbox_border_radius": "*radius_sm",
158
+ "checkbox_border_width": "*input_border_width",
159
+ "checkbox_border_width_dark": "*input_border_width",
160
+ "checkbox_check": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\")",
161
+ "checkbox_label_background_fill": "*button_secondary_background_fill",
162
+ "checkbox_label_background_fill_dark": "*button_secondary_background_fill",
163
+ "checkbox_label_background_fill_hover": "*button_secondary_background_fill_hover",
164
+ "checkbox_label_background_fill_hover_dark": "*button_secondary_background_fill_hover",
165
+ "checkbox_label_background_fill_selected": "*checkbox_label_background_fill",
166
+ "checkbox_label_background_fill_selected_dark": "*checkbox_label_background_fill",
167
+ "checkbox_label_border_color": "*border_color_primary",
168
+ "checkbox_label_border_color_dark": "*border_color_primary",
169
+ "checkbox_label_border_color_hover": "*checkbox_label_border_color",
170
+ "checkbox_label_border_color_hover_dark": "*checkbox_label_border_color",
171
+ "checkbox_label_border_width": "*input_border_width",
172
+ "checkbox_label_border_width_dark": "*input_border_width",
173
+ "checkbox_label_gap": "*spacing_lg",
174
+ "checkbox_label_padding": "*spacing_md calc(2 * *spacing_md)",
175
+ "checkbox_label_shadow": "none",
176
+ "checkbox_label_text_color": "*body_text_color",
177
+ "checkbox_label_text_color_dark": "*body_text_color",
178
+ "checkbox_label_text_color_selected": "*checkbox_label_text_color",
179
+ "checkbox_label_text_color_selected_dark": "*checkbox_label_text_color",
180
+ "checkbox_label_text_size": "*text_md",
181
+ "checkbox_label_text_weight": "400",
182
+ "checkbox_shadow": "*input_shadow",
183
+ "color_accent": "*primary_500",
184
+ "color_accent_soft": "*primary_50",
185
+ "color_accent_soft_dark": "*neutral_700",
186
+ "container_radius": "*radius_lg",
187
+ "embed_radius": "*radius_lg",
188
+ "error_background_fill": "#fee2e2",
189
+ "error_background_fill_dark": "*background_fill_primary",
190
+ "error_border_color": "#fecaca",
191
+ "error_border_color_dark": "*border_color_primary",
192
+ "error_border_width": "1px",
193
+ "error_text_color": "#ef4444",
194
+ "error_text_color_dark": "#ef4444",
195
+ "font": "'Quicksand', 'ui-sans-serif', sans-serif",
196
+ "font_mono": "'IBM Plex Mono', 'ui-monospace', monospace",
197
+ "form_gap_width": "0px",
198
+ "input_background_fill": "zinc",
199
+ "input_background_fill_dark": "*neutral_700",
200
+ "input_background_fill_focus": "*secondary_500",
201
+ "input_background_fill_focus_dark": "*secondary_600",
202
+ "input_background_fill_hover": "*input_background_fill",
203
+ "input_background_fill_hover_dark": "*input_background_fill",
204
+ "input_border_color": "*secondary_300",
205
+ "input_border_color_dark": "*border_color_primary",
206
+ "input_border_color_focus": "*secondary_300",
207
+ "input_border_color_focus_dark": "*neutral_700",
208
+ "input_border_color_hover": "*input_border_color",
209
+ "input_border_color_hover_dark": "*input_border_color",
210
+ "input_border_width": "0px",
211
+ "input_padding": "*spacing_xl",
212
+ "input_placeholder_color": "*neutral_400",
213
+ "input_placeholder_color_dark": "*neutral_500",
214
+ "input_radius": "*radius_lg",
215
+ "input_shadow": "*shadow_drop",
216
+ "input_shadow_focus": "*shadow_drop_lg",
217
+ "input_text_size": "*text_md",
218
+ "input_text_weight": "400",
219
+ "layout_gap": "*spacing_xxl",
220
+ "link_text_color": "*secondary_600",
221
+ "link_text_color_active": "*secondary_600",
222
+ "link_text_color_active_dark": "*secondary_500",
223
+ "link_text_color_dark": "*secondary_500",
224
+ "link_text_color_hover": "*secondary_700",
225
+ "link_text_color_hover_dark": "*secondary_400",
226
+ "link_text_color_visited": "*secondary_500",
227
+ "link_text_color_visited_dark": "*secondary_600",
228
+ "loader_color": "*color_accent",
229
+ "neutral_100": "#dbeafe",
230
+ "neutral_200": "#bfdbfe",
231
+ "neutral_300": "#93c5fd",
232
+ "neutral_400": "#60a5fa",
233
+ "neutral_50": "#eff6ff",
234
+ "neutral_500": "#3b82f6",
235
+ "neutral_600": "#2563eb",
236
+ "neutral_700": "#1d4ed8",
237
+ "neutral_800": "#1e40af",
238
+ "neutral_900": "#1e3a8a",
239
+ "neutral_950": "#1d3660",
240
+ "panel_background_fill": "*background_fill_secondary",
241
+ "panel_background_fill_dark": "*background_fill_secondary",
242
+ "panel_border_color": "*border_color_primary",
243
+ "panel_border_color_dark": "*border_color_primary",
244
+ "panel_border_width": "0",
245
+ "primary_100": "#d1fae5",
246
+ "primary_200": "#a7f3d0",
247
+ "primary_300": "#6ee7b7",
248
+ "primary_400": "#34d399",
249
+ "primary_50": "#ecfdf5",
250
+ "primary_500": "#10b981",
251
+ "primary_600": "#059669",
252
+ "primary_700": "#047857",
253
+ "primary_800": "#065f46",
254
+ "primary_900": "#064e3b",
255
+ "primary_950": "#054436",
256
+ "prose_header_text_weight": "600",
257
+ "prose_text_size": "*text_md",
258
+ "prose_text_weight": "400",
259
+ "radio_circle": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")",
260
+ "radius_lg": "8px",
261
+ "radius_md": "6px",
262
+ "radius_sm": "4px",
263
+ "radius_xl": "12px",
264
+ "radius_xs": "2px",
265
+ "radius_xxl": "22px",
266
+ "radius_xxs": "1px",
267
+ "secondary_100": "#dbeafe",
268
+ "secondary_200": "#bfdbfe",
269
+ "secondary_300": "#93c5fd",
270
+ "secondary_400": "#60a5fa",
271
+ "secondary_50": "#eff6ff",
272
+ "secondary_500": "#3b82f6",
273
+ "secondary_600": "#2563eb",
274
+ "secondary_700": "#1d4ed8",
275
+ "secondary_800": "#1e40af",
276
+ "secondary_900": "#1e3a8a",
277
+ "secondary_950": "#1d3660",
278
+ "section_header_text_size": "*text_md",
279
+ "section_header_text_weight": "400",
280
+ "shadow_drop": "rgba(0,0,0,0.05) 0px 1px 2px 0px",
281
+ "shadow_drop_lg": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
282
+ "shadow_inset": "rgba(0,0,0,0.05) 0px 2px 4px 0px inset",
283
+ "shadow_spread": "3px",
284
+ "shadow_spread_dark": "1px",
285
+ "slider_color": "",
286
+ "spacing_lg": "8px",
287
+ "spacing_md": "6px",
288
+ "spacing_sm": "4px",
289
+ "spacing_xl": "10px",
290
+ "spacing_xs": "2px",
291
+ "spacing_xxl": "16px",
292
+ "spacing_xxs": "1px",
293
+ "stat_background_fill": "*primary_300",
294
+ "stat_background_fill_dark": "*primary_500",
295
+ "table_border_color": "*neutral_300",
296
+ "table_border_color_dark": "*neutral_700",
297
+ "table_even_background_fill": "white",
298
+ "table_even_background_fill_dark": "*neutral_950",
299
+ "table_odd_background_fill": "*neutral_50",
300
+ "table_odd_background_fill_dark": "*neutral_900",
301
+ "table_radius": "*radius_lg",
302
+ "table_row_focus": "*color_accent_soft",
303
+ "table_row_focus_dark": "*color_accent_soft",
304
+ "text_lg": "20px",
305
+ "text_md": "16px",
306
+ "text_sm": "14px",
307
+ "text_xl": "24px",
308
+ "text_xs": "12px",
309
+ "text_xxl": "28px",
310
+ "text_xxs": "10px"
311
+ },
312
+ "version": "0.0.2"
313
+ }