cdirubio commited on
Commit
fbffc5f
1 Parent(s): ea8a43a

more theme updates

Browse files
Files changed (2) hide show
  1. app.py +3 -0
  2. theme_upload.py +34 -31
app.py CHANGED
@@ -6,6 +6,9 @@ from gradio.themes.utils.theme_dropdown import create_theme_dropdown
6
  dropdown, js = create_theme_dropdown()
7
 
8
  with gr.Blocks(theme='trimble/trimble_ai_theme') as demo:
 
 
 
9
  with gr.Row(equal_height=True):
10
  with gr.Column(scale=10):
11
  gr.Markdown(
 
6
  dropdown, js = create_theme_dropdown()
7
 
8
  with gr.Blocks(theme='trimble/trimble_ai_theme') as demo:
9
+
10
+ gr.HTML("<img src=\"https://huggingface.co/spaces/trimble/trimble_ai_theme/resolve/main/images/logo.png\">")
11
+
12
  with gr.Row(equal_height=True):
13
  with gr.Column(scale=10):
14
  gr.Markdown(
theme_upload.py CHANGED
@@ -11,42 +11,45 @@ args = parser.parse_args()
11
 
12
  # Gradio theme
13
  theme = gr.themes.Base(
14
- primary_hue=gr.themes.Color(c50="#217cbb", c100="#217cbb", c200="#217cbb", c300="#217cbb", c400="#217cbb", c500="#0063a3", c600="#0063a3", c700="#0063a3", c800="#0e416c", c900="#0e416c", c950="#0e416c"),
15
  secondary_hue=gr.themes.Color(c50="#fec157", c100="#fec157", c200="#fec157", c300="#fec157", c400="#fec157", c500="#fbad26", c600="#fbad26", c700="#fbad26", c800="#e49325", c900="#e49325", c950="#e49325"),
16
  neutral_hue=gr.themes.Color(c50="#f1f1f6", c100="#f1f1f6", c200="#b7b9c3", c300="#a3a6b1", c400="#90939f", c500="#7d808d", c600="#6a6e79", c700="#585c65", c800="#454b52", c900="#353a40", c950="#24292d"),
17
  ).set(
18
- button_secondary_background_fill="#0063a3",
19
- button_secondary_background_fill_hover="#004f83",
 
 
 
 
 
 
20
  button_secondary_text_color="#252a2e",
21
- button_secondary_background_fill_dark="#0063a3",
22
- button_secondary_background_fill_hover_dark="#004f83",
23
- button_secondary_text_color_dark="#252a2e",
24
- button_primary_background_fill="#fbad26",
25
- button_primary_background_fill_hover="#e49325",
26
- button_primary_text_color="#252a2e",
27
- button_primary_background_fill_dark="#fbad26",
28
- button_primary_background_fill_hover_dark="#e49325",
29
- button_primary_text_color_dark="#252a2e",
30
- checkbox_background_color_selected = "#0063a3",
31
- checkbox_background_color_selected_dark = "#0063a3",
32
- checkbox_border_color = "#0063a3",
33
- checkbox_border_color_dark = "#0063a3",
34
- checkbox_border_color_focus = "#0063a3",
35
- checkbox_border_color_focus_dark = "#0063a3",
36
- checkbox_border_color_hover = "#0063a3",
37
- checkbox_border_color_hover_dark = "#0063a3",
38
- checkbox_border_color_selected = "#0063a3",
39
- checkbox_border_color_selected_dark = "#0063a3",
40
- checkbox_label_background_fill = "#fbad26",
41
- checkbox_label_background_fill_dark = "#fbad26",
42
- checkbox_label_background_fill_hover = "#fbad26",
43
- checkbox_label_background_fill_hover_dark = "#fbad26",
44
- checkbox_label_background_fill_selected = "#fbad26",
45
- checkbox_label_background_fill_selected_dark = "#fbad26",
46
- checkbox_label_text_color="#ffffff",
47
  checkbox_label_text_color_dark="#ffffff",
48
- slider_color="#0063a3",
49
- slider_color_dark="#0063a3",
 
 
50
  link_text_color = "#217cbb",
51
  link_text_color_dark = "#217cbb",
52
  link_text_color_active = "#217cbb",
 
11
 
12
  # Gradio theme
13
  theme = gr.themes.Base(
14
+ primary_hue=gr.themes.Color(c50="#dcedf9", c100="#217cbb", c200="#217cbb", c300="#217cbb", c400="#217cbb", c500="#0063a3", c600="#0063a3", c700="#0063a3", c800="#0e416c", c900="#0e416c", c950="#0e416c"),
15
  secondary_hue=gr.themes.Color(c50="#fec157", c100="#fec157", c200="#fec157", c300="#fec157", c400="#fec157", c500="#fbad26", c600="#fbad26", c700="#fbad26", c800="#e49325", c900="#e49325", c950="#e49325"),
16
  neutral_hue=gr.themes.Color(c50="#f1f1f6", c100="#f1f1f6", c200="#b7b9c3", c300="#a3a6b1", c400="#90939f", c500="#7d808d", c600="#6a6e79", c700="#585c65", c800="#454b52", c900="#353a40", c950="#24292d"),
17
  ).set(
18
+ button_primary_background_fill="#217cbb",
19
+ button_primary_background_fill_hover="#0063a3",
20
+ button_primary_text_color="#ffffff",
21
+ button_primary_background_fill_dark="#217cbb",
22
+ button_primary_background_fill_hover_dark="#0063a3",
23
+ button_primary_text_color_dark="#ffffff",
24
+ button_secondary_background_fill="#cbcdd6",
25
+ button_secondary_background_fill_hover="#a3a6b1",
26
  button_secondary_text_color="#252a2e",
27
+ button_secondary_background_fill_dark="#6a6e79",
28
+ button_secondary_background_fill_hover_dark="#252a2e",
29
+ button_secondary_text_color_dark="#ffffff",
30
+
31
+ checkbox_background_color_selected = "#217cbb",
32
+ checkbox_background_color_selected_dark = "#217cbb",
33
+ checkbox_border_color = "#217cbb",
34
+ checkbox_border_color_dark = "#217cbb",
35
+ checkbox_border_color_focus = "#217cbb",
36
+ checkbox_border_color_focus_dark = "#217cbb",
37
+ checkbox_border_color_hover = "#217cbb",
38
+ checkbox_border_color_hover_dark = "#217cbb",
39
+ checkbox_border_color_selected = "#217cbb",
40
+ checkbox_border_color_selected_dark = "#217cbb",
41
+ checkbox_label_background_fill = "#cbcdd6",
42
+ checkbox_label_background_fill_dark = "#6a6e79",
43
+ checkbox_label_background_fill_hover = "#cbcdd6",
44
+ checkbox_label_background_fill_hover_dark = "#6a6e79",
45
+ checkbox_label_background_fill_selected = "#cbcdd6",
46
+ checkbox_label_background_fill_selected_dark = "#6a6e79",
47
+ checkbox_label_text_color="#252a2e",
 
 
 
 
 
48
  checkbox_label_text_color_dark="#ffffff",
49
+
50
+ slider_color="#217cbb",
51
+ slider_color_dark="#217cbb",
52
+
53
  link_text_color = "#217cbb",
54
  link_text_color_dark = "#217cbb",
55
  link_text_color_active = "#217cbb",