Next commited on
Commit
e18bcb1
1 Parent(s): a32b5ed

Upload Applio.py

Browse files
Files changed (1) hide show
  1. Applio.py +133 -129
Applio.py CHANGED
@@ -1,3 +1,4 @@
 
1
  from typing import Iterable
2
  import gradio as gr
3
 
@@ -7,6 +8,8 @@ from gradio.themes.utils import colors, fonts, sizes
7
  import time
8
 
9
 
 
 
10
  # Applio Theme
11
  class Applio(Base):
12
  def __init__(
@@ -54,24 +57,24 @@ class Applio(Base):
54
 
55
  super().set(
56
  # Blaise
57
- background_fill_primary="#ffffff",
58
- background_fill_primary_dark="#ffffff",
59
- background_fill_secondary="#ffffff",
60
- background_fill_secondary_dark="#ffffff",
61
- block_background_fill="#ffffff",
62
- block_background_fill_dark="#ffffff",
63
- block_border_color="#3b82f6",
64
- block_border_color_dark="#3b82f6",
65
  block_border_width="1px",
66
  block_border_width_dark="1px",
67
- block_info_text_color="#3b82f6",
68
- block_info_text_color_dark="#3b82f6",
69
  block_info_text_size="*text_sm",
70
  block_info_text_weight="400",
71
- block_label_background_fill="#ffffff",
72
- block_label_background_fill_dark="#ffffff",
73
- block_label_border_color="#3b82f6",
74
- block_label_border_color_dark="#3b82f6",
75
  block_label_border_width="1px",
76
  block_label_border_width_dark="1px",
77
  block_label_margin="0",
@@ -79,78 +82,78 @@ class Applio(Base):
79
  block_label_radius="calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px) 0",
80
  block_label_right_radius="0 calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px)",
81
  block_label_shadow="*block_shadow",
82
- block_label_text_color="#3b82f6",
83
- block_label_text_color_dark="#3b82f6",
84
  block_label_text_weight="400",
85
  block_padding="*spacing_xl",
86
  block_radius="*radius_md",
87
  block_shadow="none",
88
  block_shadow_dark="none",
89
- block_title_background_fill="#eff6ff",
90
- block_title_background_fill_dark="#eff6ff",
91
  block_title_border_color="none",
92
  block_title_border_color_dark="none",
93
  block_title_border_width="0px",
94
  block_title_padding="*block_label_padding",
95
  block_title_radius="*block_label_radius",
96
- block_title_text_color="#3b82f6",
97
- block_title_text_color_dark="#3b82f6",
98
  block_title_text_size="*text_md",
99
  block_title_text_weight="600",
100
- body_background_fill="#ffffff",
101
- body_background_fill_dark="#ffffff",
102
- body_text_color="#3b82f6",
103
- body_text_color_dark="#3b82f6",
104
- body_text_color_subdued="#93c5fd",
105
- body_text_color_subdued_dark="#93c5fd",
106
  body_text_size="*text_md",
107
  body_text_weight="400",
108
- border_color_accent="#2563eb",
109
- border_color_accent_dark="#2563eb",
110
- border_color_primary="#3b82f6",
111
- border_color_primary_dark="#3b82f6",
112
  button_border_width="*input_border_width",
113
  button_border_width_dark="*input_border_width",
114
- button_cancel_background_fill="#93c5fd",
115
- button_cancel_background_fill_dark="#93c5fd",
116
- button_cancel_background_fill_hover="#bfdbfe",
117
- button_cancel_background_fill_hover_dark="#bfdbfe",
118
- button_cancel_border_color="#2563eb",
119
- button_cancel_border_color_dark="#2563eb",
120
- button_cancel_border_color_hover="#1d4ed8",
121
- button_cancel_border_color_hover_dark="#1d4ed8",
122
- button_cancel_text_color="#3b82f6",
123
- button_cancel_text_color_dark="#3b82f6",
124
- button_cancel_text_color_hover="#1d4ed8",
125
- button_cancel_text_color_hover_dark="#1d4ed8",
126
  button_large_padding="*spacing_lg calc(2 * *spacing_lg)",
127
  button_large_radius="*radius_lg",
128
  button_large_text_size="*text_lg",
129
  button_large_text_weight="600",
130
- button_primary_background_fill="#1e40af",
131
- button_primary_background_fill_dark="#1e40af",
132
- button_primary_background_fill_hover="#1e3a8a",
133
- button_primary_background_fill_hover_dark="#1e3a8a",
134
- button_primary_border_color="#1e3a8a",
135
- button_primary_border_color_dark="#1e3a8a",
136
- button_primary_border_color_hover="#1d4ed8",
137
- button_primary_border_color_hover_dark="#1d4ed8",
138
- button_primary_text_color="#ffffff",
139
- button_primary_text_color_dark="#ffffff",
140
- button_primary_text_color_hover="#eff6ff",
141
- button_primary_text_color_hover_dark="#eff6ff",
142
  button_secondary_background_fill="transparent",
143
  button_secondary_background_fill_dark="transparent",
144
- button_secondary_background_fill_hover="#3b82f6",
145
- button_secondary_background_fill_hover_dark="#3b82f6",
146
- button_secondary_border_color="#2563eb",
147
- button_secondary_border_color_dark="#2563eb",
148
- button_secondary_border_color_hover="#1d4ed8",
149
- button_secondary_border_color_hover_dark="#1d4ed8",
150
- button_secondary_text_color="#3b82f6",
151
- button_secondary_text_color_dark="#3b82f6",
152
- button_secondary_text_color_hover="#2563eb",
153
- button_secondary_text_color_hover_dark="#2563eb",
154
  button_shadow="none",
155
  button_shadow_active="*shadow_inset",
156
  button_shadow_hover="none",
@@ -159,22 +162,22 @@ class Applio(Base):
159
  button_small_text_size="*text_md",
160
  button_small_text_weight="400",
161
  button_transition="0.3s ease all",
162
- checkbox_background_color="#2563eb",
163
- checkbox_background_color_dark="#2563eb",
164
- checkbox_background_color_focus="#3b82f6",
165
- checkbox_background_color_focus_dark="#3b82f6",
166
- checkbox_background_color_hover="#2563eb",
167
- checkbox_background_color_hover_dark="#2563eb",
168
- checkbox_background_color_selected="#1d4ed8",
169
- checkbox_background_color_selected_dark="#1d4ed8",
170
- checkbox_border_color="#3b82f6",
171
- checkbox_border_color_dark="#3b82f6",
172
- checkbox_border_color_focus="#2563eb",
173
- checkbox_border_color_focus_dark="#2563eb",
174
- checkbox_border_color_hover="#1d4ed8",
175
- checkbox_border_color_hover_dark="#1d4ed8",
176
- checkbox_border_color_selected="#1e40af",
177
- checkbox_border_color_selected_dark="#1e40af",
178
  checkbox_border_radius="*radius_sm",
179
  checkbox_border_width="*input_border_width",
180
  checkbox_border_width_dark="*input_border_width",
@@ -194,44 +197,44 @@ class Applio(Base):
194
  checkbox_label_gap="*spacing_lg",
195
  checkbox_label_padding="*spacing_md calc(2 * *spacing_md)",
196
  checkbox_label_shadow="none",
197
- checkbox_label_text_color="#3b82f6",
198
- checkbox_label_text_color_dark="#3b82f6",
199
- checkbox_label_text_color_selected="#2563eb",
200
- checkbox_label_text_color_selected_dark="#2563eb",
201
  checkbox_label_text_size="*text_md",
202
  checkbox_label_text_weight="400",
203
  checkbox_shadow="*input_shadow",
204
- color_accent="#3b82f6",
205
- color_accent_soft="#eff6ff",
206
- color_accent_soft_dark="#2563eb",
207
  container_radius="*radius_xl",
208
  embed_radius="*radius_lg",
209
- error_background_fill="#2563eb",
210
- error_background_fill_dark="#2563eb",
211
- error_border_color="#3b82f6",
212
- error_border_color_dark="#3b82f6",
213
  error_border_width="1px",
214
  error_border_width_dark="1px",
215
  error_text_color="#ef4444",
216
  error_text_color_dark="#ef4444",
217
  form_gap_width="0px",
218
- input_background_fill="#1e40af",
219
- input_background_fill_dark="#1e40af",
220
- input_background_fill_focus="#2563eb",
221
- input_background_fill_focus_dark="#2563eb",
222
- input_background_fill_hover="#1e40af",
223
- input_background_fill_hover_dark="#1e40af",
224
- input_border_color="#3b82f6",
225
- input_border_color_dark="#3b82f6",
226
- input_border_color_focus="#2563eb",
227
- input_border_color_focus_dark="#2563eb",
228
- input_border_color_hover="#1d4ed8",
229
- input_border_color_hover_dark="#1d4ed8",
230
  input_border_width="1px",
231
  input_border_width_dark="1px",
232
  input_padding="*spacing_xl",
233
- input_placeholder_color="#2563eb",
234
- input_placeholder_color_dark="#2563eb",
235
  input_radius="*radius_lg",
236
  input_shadow="none",
237
  input_shadow_dark="none",
@@ -240,20 +243,20 @@ class Applio(Base):
240
  input_text_size="*text_md",
241
  input_text_weight="400",
242
  layout_gap="*spacing_xxl",
243
- link_text_color="#2563eb",
244
- link_text_color_active="#2563eb",
245
- link_text_color_active_dark="#2563eb",
246
- link_text_color_dark="#2563eb",
247
- link_text_color_hover="#1d4ed8",
248
- link_text_color_hover_dark="#1d4ed8",
249
- link_text_color_visited="#1e40af",
250
- link_text_color_visited_dark="#1e40af",
251
- loader_color="#3b82f6",
252
- loader_color_dark="#3b82f6",
253
- panel_background_fill="#ffffff",
254
- panel_background_fill_dark="#ffffff",
255
- panel_border_color="#3b82f6",
256
- panel_border_color_dark="#3b82f6",
257
  panel_border_width="1px",
258
  panel_border_width_dark="1px",
259
  prose_header_text_weight="600",
@@ -269,18 +272,19 @@ class Applio(Base):
269
  shadow_spread_dark="1px",
270
  slider_color="#9E9E9E",
271
  slider_color_dark="#9E9E9E",
272
- stat_background_fill="#3b82f6",
273
- stat_background_fill_dark="#3b82f6",
274
- table_border_color="#3b82f6",
275
- table_border_color_dark="#3b82f6",
276
- table_even_background_fill="#eff6ff",
277
- table_even_background_fill_dark="#eff6ff",
278
- table_odd_background_fill="#bfdbfe",
279
- table_odd_background_fill_dark="#bfdbfe",
280
  table_radius="*radius_lg",
281
- table_row_focus="#eff6ff",
282
- table_row_focus_dark="#eff6ff",
283
  )
284
 
285
 
286
  applio = Applio()
 
 
1
+
2
  from typing import Iterable
3
  import gradio as gr
4
 
 
8
  import time
9
 
10
 
11
+
12
+
13
  # Applio Theme
14
  class Applio(Base):
15
  def __init__(
 
57
 
58
  super().set(
59
  # Blaise
60
+ background_fill_primary="#110F0F",
61
+ background_fill_primary_dark="#110F0F",
62
+ background_fill_secondary="#110F0F",
63
+ background_fill_secondary_dark="#110F0F",
64
+ block_background_fill="*neutral_800",
65
+ block_background_fill_dark="*neutral_800",
66
+ block_border_color="*border_color_primary",
67
+ block_border_color_dark="*border_color_primary",
68
  block_border_width="1px",
69
  block_border_width_dark="1px",
70
+ block_info_text_color="*body_text_color_subdued",
71
+ block_info_text_color_dark="*body_text_color_subdued",
72
  block_info_text_size="*text_sm",
73
  block_info_text_weight="400",
74
+ block_label_background_fill="*background_fill_primary",
75
+ block_label_background_fill_dark="*background_fill_secondary",
76
+ block_label_border_color="*border_color_primary",
77
+ block_label_border_color_dark="*border_color_primary",
78
  block_label_border_width="1px",
79
  block_label_border_width_dark="1px",
80
  block_label_margin="0",
 
82
  block_label_radius="calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px) 0",
83
  block_label_right_radius="0 calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px)",
84
  block_label_shadow="*block_shadow",
85
+ block_label_text_color="*#110F0F",
86
+ block_label_text_color_dark="*#110F0F",
87
  block_label_text_weight="400",
88
  block_padding="*spacing_xl",
89
  block_radius="*radius_md",
90
  block_shadow="none",
91
  block_shadow_dark="none",
92
+ block_title_background_fill="rgb(255,255,255)",
93
+ block_title_background_fill_dark="rgb(255,255,255)",
94
  block_title_border_color="none",
95
  block_title_border_color_dark="none",
96
  block_title_border_width="0px",
97
  block_title_padding="*block_label_padding",
98
  block_title_radius="*block_label_radius",
99
+ block_title_text_color="#110F0F",
100
+ block_title_text_color_dark="#110F0F",
101
  block_title_text_size="*text_md",
102
  block_title_text_weight="600",
103
+ body_background_fill="#110F0F",
104
+ body_background_fill_dark="#110F0F",
105
+ body_text_color="white",
106
+ body_text_color_dark="white",
107
+ body_text_color_subdued="*neutral_400",
108
+ body_text_color_subdued_dark="*neutral_400",
109
  body_text_size="*text_md",
110
  body_text_weight="400",
111
+ border_color_accent="*neutral_600",
112
+ border_color_accent_dark="*neutral_600",
113
+ border_color_primary="*neutral_800",
114
+ border_color_primary_dark="*neutral_800",
115
  button_border_width="*input_border_width",
116
  button_border_width_dark="*input_border_width",
117
+ button_cancel_background_fill="*button_secondary_background_fill",
118
+ button_cancel_background_fill_dark="*button_secondary_background_fill",
119
+ button_cancel_background_fill_hover="*button_cancel_background_fill",
120
+ button_cancel_background_fill_hover_dark="*button_cancel_background_fill",
121
+ button_cancel_border_color="*button_secondary_border_color",
122
+ button_cancel_border_color_dark="*button_secondary_border_color",
123
+ button_cancel_border_color_hover="*button_cancel_border_color",
124
+ button_cancel_border_color_hover_dark="*button_cancel_border_color",
125
+ button_cancel_text_color="#110F0F",
126
+ button_cancel_text_color_dark="#110F0F",
127
+ button_cancel_text_color_hover="#110F0F",
128
+ button_cancel_text_color_hover_dark="#110F0F",
129
  button_large_padding="*spacing_lg calc(2 * *spacing_lg)",
130
  button_large_radius="*radius_lg",
131
  button_large_text_size="*text_lg",
132
  button_large_text_weight="600",
133
+ button_primary_background_fill="*primary_600",
134
+ button_primary_background_fill_dark="*primary_600",
135
+ button_primary_background_fill_hover="*primary_500",
136
+ button_primary_background_fill_hover_dark="*primary_500",
137
+ button_primary_border_color="*primary_500",
138
+ button_primary_border_color_dark="*primary_500",
139
+ button_primary_border_color_hover="*primary_400",
140
+ button_primary_border_color_hover_dark="*primary_400",
141
+ button_primary_text_color="white",
142
+ button_primary_text_color_dark="white",
143
+ button_primary_text_color_hover="#110F0F",
144
+ button_primary_text_color_hover_dark="#110F0F",
145
  button_secondary_background_fill="transparent",
146
  button_secondary_background_fill_dark="transparent",
147
+ button_secondary_background_fill_hover="*neutral_800",
148
+ button_secondary_background_fill_hover_dark="*neutral_800",
149
+ button_secondary_border_color="*neutral_700",
150
+ button_secondary_border_color_dark="*neutral_700",
151
+ button_secondary_border_color_hover="*neutral_600",
152
+ button_secondary_border_color_hover_dark="*neutral_600",
153
+ button_secondary_text_color="white",
154
+ button_secondary_text_color_dark="white",
155
+ button_secondary_text_color_hover="*button_secondary_text_color",
156
+ button_secondary_text_color_hover_dark="*button_secondary_text_color",
157
  button_shadow="none",
158
  button_shadow_active="*shadow_inset",
159
  button_shadow_hover="none",
 
162
  button_small_text_size="*text_md",
163
  button_small_text_weight="400",
164
  button_transition="0.3s ease all",
165
+ checkbox_background_color="*neutral_700",
166
+ checkbox_background_color_dark="*neutral_700",
167
+ checkbox_background_color_focus="*checkbox_background_color",
168
+ checkbox_background_color_focus_dark="*checkbox_background_color",
169
+ checkbox_background_color_hover="*checkbox_background_color",
170
+ checkbox_background_color_hover_dark="*checkbox_background_color",
171
+ checkbox_background_color_selected="*secondary_600",
172
+ checkbox_background_color_selected_dark="*secondary_600",
173
+ checkbox_border_color="*neutral_700",
174
+ checkbox_border_color_dark="*neutral_700",
175
+ checkbox_border_color_focus="*secondary_500",
176
+ checkbox_border_color_focus_dark="*secondary_500",
177
+ checkbox_border_color_hover="*neutral_600",
178
+ checkbox_border_color_hover_dark="*neutral_600",
179
+ checkbox_border_color_selected="*secondary_600",
180
+ checkbox_border_color_selected_dark="*secondary_600",
181
  checkbox_border_radius="*radius_sm",
182
  checkbox_border_width="*input_border_width",
183
  checkbox_border_width_dark="*input_border_width",
 
197
  checkbox_label_gap="*spacing_lg",
198
  checkbox_label_padding="*spacing_md calc(2 * *spacing_md)",
199
  checkbox_label_shadow="none",
200
+ checkbox_label_text_color="*body_text_color",
201
+ checkbox_label_text_color_dark="*body_text_color",
202
+ checkbox_label_text_color_selected="*checkbox_label_text_color",
203
+ checkbox_label_text_color_selected_dark="*checkbox_label_text_color",
204
  checkbox_label_text_size="*text_md",
205
  checkbox_label_text_weight="400",
206
  checkbox_shadow="*input_shadow",
207
+ color_accent="*primary_500",
208
+ color_accent_soft="*primary_50",
209
+ color_accent_soft_dark="*neutral_700",
210
  container_radius="*radius_xl",
211
  embed_radius="*radius_lg",
212
+ error_background_fill="*background_fill_primary",
213
+ error_background_fill_dark="*background_fill_primary",
214
+ error_border_color="*border_color_primary",
215
+ error_border_color_dark="*border_color_primary",
216
  error_border_width="1px",
217
  error_border_width_dark="1px",
218
  error_text_color="#ef4444",
219
  error_text_color_dark="#ef4444",
220
  form_gap_width="0px",
221
+ input_background_fill="*neutral_900",
222
+ input_background_fill_dark="*neutral_900",
223
+ input_background_fill_focus="*secondary_600",
224
+ input_background_fill_focus_dark="*secondary_600",
225
+ input_background_fill_hover="*input_background_fill",
226
+ input_background_fill_hover_dark="*input_background_fill",
227
+ input_border_color="*neutral_700",
228
+ input_border_color_dark="*neutral_700",
229
+ input_border_color_focus="*secondary_600",
230
+ input_border_color_focus_dark="*primary_600",
231
+ input_border_color_hover="*input_border_color",
232
+ input_border_color_hover_dark="*input_border_color",
233
  input_border_width="1px",
234
  input_border_width_dark="1px",
235
  input_padding="*spacing_xl",
236
+ input_placeholder_color="*neutral_500",
237
+ input_placeholder_color_dark="*neutral_500",
238
  input_radius="*radius_lg",
239
  input_shadow="none",
240
  input_shadow_dark="none",
 
243
  input_text_size="*text_md",
244
  input_text_weight="400",
245
  layout_gap="*spacing_xxl",
246
+ link_text_color="*secondary_500",
247
+ link_text_color_active="*secondary_500",
248
+ link_text_color_active_dark="*secondary_500",
249
+ link_text_color_dark="*secondary_500",
250
+ link_text_color_hover="*secondary_400",
251
+ link_text_color_hover_dark="*secondary_400",
252
+ link_text_color_visited="*secondary_600",
253
+ link_text_color_visited_dark="*secondary_600",
254
+ loader_color="*color_accent",
255
+ loader_color_dark="*color_accent",
256
+ panel_background_fill="*background_fill_secondary",
257
+ panel_background_fill_dark="*background_fill_secondary",
258
+ panel_border_color="*border_color_primary",
259
+ panel_border_color_dark="*border_color_primary",
260
  panel_border_width="1px",
261
  panel_border_width_dark="1px",
262
  prose_header_text_weight="600",
 
272
  shadow_spread_dark="1px",
273
  slider_color="#9E9E9E",
274
  slider_color_dark="#9E9E9E",
275
+ stat_background_fill="*primary_500",
276
+ stat_background_fill_dark="*primary_500",
277
+ table_border_color="*neutral_700",
278
+ table_border_color_dark="*neutral_700",
279
+ table_even_background_fill="*neutral_950",
280
+ table_even_background_fill_dark="*neutral_950",
281
+ table_odd_background_fill="*neutral_900",
282
+ table_odd_background_fill_dark="*neutral_900",
283
  table_radius="*radius_lg",
284
+ table_row_focus="*color_accent_soft",
285
+ table_row_focus_dark="*color_accent_soft",
286
  )
287
 
288
 
289
  applio = Applio()
290
+