Hugging Face's logo

Spaces:
kaalibro
/
soft
Sleeping

App Files Community
kaalibro commited on
Commit
8cb266a
·
unverified ·
1 Parent(s): ce1a44d

Updating theme

Browse files
Files changed (4) hide show
  1. .gitignore +1 -0
  2. app.py +2 -2
  3. theme_dropdown.py +57 -0
  4. themes/[email protected] +344 -1
.gitignore ADDED
@@ -0,0 +1 @@
 
 
1
+ /__pycache__
app.py CHANGED
@@ -1,7 +1,7 @@
1
  import time
2
 
3
  import gradio as gr
4
- from gradio.themes.utils.theme_dropdown import create_theme_dropdown
5
 
6
  dropdown, js = create_theme_dropdown()
7
 
@@ -120,7 +120,7 @@ with gr.Blocks(theme='kaalibro/soft') as demo:
120
 
121
  with gr.Row():
122
  with gr.Column(scale=2):
123
- chatbot = gr.Chatbot([("Hello", "Hi")], label="Chatbot")
124
  chat_btn = gr.Button("Add messages")
125
 
126
  def chat(history):
 
1
  import time
2
 
3
  import gradio as gr
4
+ from theme_dropdown import create_theme_dropdown
5
 
6
  dropdown, js = create_theme_dropdown()
7
 
 
120
 
121
  with gr.Row():
122
  with gr.Column(scale=2):
123
+ chatbot = gr.Chatbot([("Hello", "Hi")], label="Chatbot") # type: ignore
124
  chat_btn = gr.Button("Add messages")
125
 
126
  def chat(history):
theme_dropdown.py ADDED
@@ -0,0 +1,57 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import os
2
+ import pathlib
3
+
4
+ from gradio.themes.utils import ThemeAsset
5
+
6
+
7
+ def create_theme_dropdown():
8
+ import gradio as gr
9
+
10
+ asset_path = pathlib.Path(__file__).parent / "themes"
11
+ themes = []
12
+ for theme_asset in os.listdir(str(asset_path)):
13
+ themes.append(
14
+ (ThemeAsset(theme_asset), gr.Theme.load(str(asset_path / theme_asset)))
15
+ )
16
+
17
+ def make_else_if(theme_asset):
18
+ return f"""
19
+ else if (theme == '{str(theme_asset[0].version)}') {{
20
+ var theme_css = `{theme_asset[1]._get_theme_css()}`
21
+ }}"""
22
+
23
+ head, tail = themes[0], themes[1:]
24
+ if_statement = f"""
25
+ if (theme == "{str(head[0].version)}") {{
26
+ var theme_css = `{head[1]._get_theme_css()}`
27
+ }} {" ".join(make_else_if(t) for t in tail)}
28
+ """
29
+
30
+ latest_to_oldest = sorted([t[0] for t in themes], key=lambda asset: asset.version)[
31
+ ::-1
32
+ ]
33
+ latest_to_oldest = [str(t.version) for t in latest_to_oldest]
34
+
35
+ component = gr.Dropdown(
36
+ choices=latest_to_oldest, # type: ignore
37
+ value=latest_to_oldest[0],
38
+ render=False,
39
+ label="Select Version",
40
+ ).style(container=False)
41
+
42
+ return (
43
+ component,
44
+ f"""
45
+ (theme) => {{
46
+ if (!document.querySelector('.theme-css')) {{
47
+ var theme_elem = document.createElement('style');
48
+ theme_elem.classList.add('theme-css');
49
+ document.head.appendChild(theme_elem);
50
+ }} else {{
51
+ var theme_elem = document.querySelector('.theme-css');
52
+ }}
53
+ {if_statement}
54
+ theme_elem.innerHTML = theme_css;
55
+ }}
56
+ """,
57
+ )
themes/[email protected] CHANGED
@@ -1 +1,344 @@
1
- {"theme": {"_font": [{"__gradio_font__": true, "name": "Onest", "class": "google"}, {"__gradio_font__": true, "name": "ui-sans-serif", "class": "font"}, {"__gradio_font__": true, "name": "system-ui", "class": "font"}, {"__gradio_font__": true, "name": "sans-serif", "class": "font"}], "_font_mono": [{"__gradio_font__": true, "name": "JetBrains Mono", "class": "google"}, {"__gradio_font__": true, "name": "ui-monospace", "class": "font"}, {"__gradio_font__": true, "name": "Consolas", "class": "font"}, {"__gradio_font__": true, "name": "monospace", "class": "font"}], "_stylesheets": ["https://fonts.googleapis.com/css2?family=Onest:wght@400;600&display=swap", "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap"], "background_fill_primary": "*neutral_50", "background_fill_primary_dark": "*neutral_950", "background_fill_secondary": "*neutral_50", "background_fill_secondary_dark": "*neutral_900", "block_background_fill": "white", "block_background_fill_dark": "*neutral_800", "block_border_color": "*border_color_primary", "block_border_color_dark": "*border_color_primary", "block_border_width": "0px", "block_border_width_dark": "0px", "block_info_text_color": "*body_text_color_subdued", "block_info_text_color_dark": "*body_text_color_subdued", "block_info_text_size": "*text_sm", "block_info_text_weight": "400", "block_label_background_fill": "*primary_100", "block_label_background_fill_dark": "*primary_600", "block_label_border_color": "*border_color_primary", "block_label_border_color_dark": "*border_color_primary", "block_label_border_width": "1px", "block_label_border_width_dark": "1px", "block_label_margin": "*spacing_md", "block_label_padding": "*spacing_sm *spacing_md", "block_label_radius": "*radius_md", "block_label_right_radius": "0 calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px)", "block_label_shadow": "*block_shadow", "block_label_text_color": "*primary_500", "block_label_text_color_dark": "white", "block_label_text_size": "*text_md", "block_label_text_weight": "600", "block_padding": "*spacing_xl calc(*spacing_xl + 2px)", "block_radius": "*radius_lg", "block_shadow": "none", "block_shadow_dark": "none", "block_title_background_fill": "*block_label_background_fill", "block_title_background_fill_dark": "*block_label_background_fill", "block_title_border_color": "none", "block_title_border_color_dark": "none", "block_title_border_width": "0px", "block_title_border_width_dark": "0px", "block_title_padding": "*block_label_padding", "block_title_radius": "*block_label_radius", "block_title_text_color": "*primary_500", "block_title_text_color_dark": "white", "block_title_text_size": "*text_md", "block_title_text_weight": "600", "body_background_fill": "*background_fill_primary", "body_background_fill_dark": "*background_fill_primary", "body_text_color": "*neutral_800", "body_text_color_dark": "*neutral_100", "body_text_color_subdued": "*neutral_400", "body_text_color_subdued_dark": "*neutral_400", "body_text_size": "*text_md", "body_text_weight": "400", "border_color_accent": "*primary_300", "border_color_accent_dark": "*neutral_600", "border_color_accent_subdued": "*border_color_accent", "border_color_accent_subdued_dark": "*border_color_accent", "border_color_primary": "*neutral_200", "border_color_primary_dark": "*neutral_700", "button_border_width": "*input_border_width", "button_border_width_dark": "*input_border_width", "button_cancel_background_fill": "*button_secondary_background_fill", "button_cancel_background_fill_dark": "*button_secondary_background_fill", "button_cancel_background_fill_hover": "*button_secondary_background_fill_hover", "button_cancel_background_fill_hover_dark": "*button_secondary_background_fill_hover", "button_cancel_border_color": "*button_secondary_border_color", "button_cancel_border_color_dark": "*button_secondary_border_color", "button_cancel_border_color_hover": "*button_cancel_border_color", "button_cancel_border_color_hover_dark": "*button_cancel_border_color", "button_cancel_text_color": "*button_secondary_text_color", "button_cancel_text_color_dark": "*button_secondary_text_color", "button_cancel_text_color_hover": "*button_cancel_text_color", "button_cancel_text_color_hover_dark": "*button_cancel_text_color", "button_large_padding": "*spacing_lg calc(2 * *spacing_lg)", "button_large_radius": "*radius_lg", "button_large_text_size": "*text_lg", "button_large_text_weight": "600", "button_primary_background_fill": "*primary_500", "button_primary_background_fill_dark": "*primary_700", "button_primary_background_fill_hover": "*primary_400", "button_primary_background_fill_hover_dark": "*primary_500", "button_primary_border_color": "*primary_200", "button_primary_border_color_dark": "*primary_600", "button_primary_border_color_hover": "*button_primary_border_color", "button_primary_border_color_hover_dark": "*button_primary_border_color", "button_primary_text_color": "white", "button_primary_text_color_dark": "white", "button_primary_text_color_hover": "*button_primary_text_color", "button_primary_text_color_hover_dark": "*button_primary_text_color", "button_secondary_background_fill": "white", "button_secondary_background_fill_dark": "*neutral_600", "button_secondary_background_fill_hover": "*neutral_100", "button_secondary_background_fill_hover_dark": "*primary_500", "button_secondary_border_color": "*neutral_200", "button_secondary_border_color_dark": "*neutral_600", "button_secondary_border_color_hover": "*button_secondary_border_color", "button_secondary_border_color_hover_dark": "*button_secondary_border_color", "button_secondary_text_color": "*neutral_800", "button_secondary_text_color_dark": "white", "button_secondary_text_color_hover": "*button_secondary_text_color", "button_secondary_text_color_hover_dark": "*button_secondary_text_color", "button_shadow": "*shadow_drop_lg", "button_shadow_active": "*shadow_inset", "button_shadow_hover": "*shadow_drop_lg", "button_small_padding": "*spacing_sm calc(2 * *spacing_sm)", "button_small_radius": "*radius_lg", "button_small_text_size": "*text_md", "button_small_text_weight": "400", "button_transition": "background-color 0.2s ease", "chatbot_code_background_color": "*neutral_100", "chatbot_code_background_color_dark": "*neutral_800", "checkbox_background_color": "*background_fill_primary", "checkbox_background_color_dark": "*neutral_800", "checkbox_background_color_focus": "*checkbox_background_color", "checkbox_background_color_focus_dark": "*checkbox_background_color", "checkbox_background_color_hover": "*checkbox_background_color", "checkbox_background_color_hover_dark": "*checkbox_background_color", "checkbox_background_color_selected": "*primary_600", "checkbox_background_color_selected_dark": "*primary_700", "checkbox_border_color": "*neutral_100", "checkbox_border_color_dark": "*neutral_600", "checkbox_border_color_focus": "*primary_500", "checkbox_border_color_focus_dark": "*primary_600", "checkbox_border_color_hover": "*neutral_300", "checkbox_border_color_hover_dark": "*neutral_600", "checkbox_border_color_selected": "*primary_600", "checkbox_border_color_selected_dark": "*primary_700", "checkbox_border_radius": "*radius_sm", "checkbox_border_width": "1px", "checkbox_border_width_dark": "*input_border_width", "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\")", "checkbox_label_background_fill": "*button_secondary_background_fill", "checkbox_label_background_fill_dark": "*button_secondary_background_fill", "checkbox_label_background_fill_hover": "*button_secondary_background_fill_hover", "checkbox_label_background_fill_hover_dark": "*button_secondary_background_fill_hover", "checkbox_label_background_fill_selected": "*primary_500", "checkbox_label_background_fill_selected_dark": "*primary_600", "checkbox_label_border_color": "*border_color_primary", "checkbox_label_border_color_dark": "*border_color_primary", "checkbox_label_border_color_hover": "*checkbox_label_border_color", "checkbox_label_border_color_hover_dark": "*checkbox_label_border_color", "checkbox_label_border_width": "*input_border_width", "checkbox_label_border_width_dark": "*input_border_width", "checkbox_label_gap": "*spacing_lg", "checkbox_label_padding": "*spacing_md calc(2 * *spacing_md)", "checkbox_label_shadow": "*shadow_drop_lg", "checkbox_label_text_color": "*body_text_color", "checkbox_label_text_color_dark": "*body_text_color", "checkbox_label_text_color_selected": "white", "checkbox_label_text_color_selected_dark": "*checkbox_label_text_color", "checkbox_label_text_size": "*text_md", "checkbox_label_text_weight": "400", "checkbox_shadow": "none", "color_accent": "*primary_500", "color_accent_soft": "*primary_50", "color_accent_soft_dark": "*neutral_700", "container_radius": "*radius_lg", "embed_radius": "*radius_lg", "error_background_fill": "#fef2f2", "error_background_fill_dark": "*background_fill_primary", "error_border_color": "#b91c1c", "error_border_color_dark": "#ef4444", "error_border_width": "1px", "error_border_width_dark": "1px", "error_icon_color": "#b91c1c", "error_icon_color_dark": "#ef4444", "error_text_color": "#b91c1c", "error_text_color_dark": "#fef2f2", "font": "'Onest', 'ui-sans-serif', 'system-ui', sans-serif", "font_mono": "'JetBrains Mono', 'ui-monospace', 'Consolas', monospace", "form_gap_width": "0px", "input_background_fill": "white", "input_background_fill_dark": "*neutral_700", "input_background_fill_focus": "*secondary_500", "input_background_fill_focus_dark": "*secondary_600", "input_background_fill_hover": "*input_background_fill", "input_background_fill_hover_dark": "*input_background_fill", "input_border_color": "*neutral_50", "input_border_color_dark": "*border_color_primary", "input_border_color_focus": "*secondary_300", "input_border_color_focus_dark": "*neutral_700", "input_border_color_hover": "*input_border_color", "input_border_color_hover_dark": "*input_border_color", "input_border_width": "0px", "input_border_width_dark": "0px", "input_padding": "*spacing_xl", "input_placeholder_color": "*neutral_400", "input_placeholder_color_dark": "*neutral_500", "input_radius": "*radius_lg", "input_shadow": "*shadow_drop", "input_shadow_dark": "*shadow_drop", "input_shadow_focus": "*shadow_drop_lg", "input_shadow_focus_dark": "*shadow_drop_lg", "input_text_size": "*text_md", "input_text_weight": "400", "layout_gap": "*spacing_xxl", "link_text_color": "*secondary_600", "link_text_color_active": "*secondary_600", "link_text_color_active_dark": "*secondary_500", "link_text_color_dark": "*secondary_500", "link_text_color_hover": "*secondary_700", "link_text_color_hover_dark": "*secondary_400", "link_text_color_visited": "*secondary_500", "link_text_color_visited_dark": "*secondary_600", "loader_color": "*color_accent", "loader_color_dark": "*color_accent", "name": "base", "neutral_100": "#f1f5f9", "neutral_200": "#e2e8f0", "neutral_300": "#cbd5e1", "neutral_400": "#94a3b8", "neutral_50": "#f8fafc", "neutral_500": "#64748b", "neutral_600": "#475569", "neutral_700": "#334155", "neutral_800": "#1e293b", "neutral_900": "#0f172a", "neutral_950": "#0a0f1e", "panel_background_fill": "*background_fill_secondary", "panel_background_fill_dark": "*background_fill_secondary", "panel_border_color": "*border_color_primary", "panel_border_color_dark": "*border_color_primary", "panel_border_width": "1px", "panel_border_width_dark": "1px", "primary_100": "#e0e7ff", "primary_200": "#c7d2fe", "primary_300": "#a5b4fc", "primary_400": "#818cf8", "primary_50": "#eef2ff", "primary_500": "#6366f1", "primary_600": "#4f46e5", "primary_700": "#4338ca", "primary_800": "#3730a3", "primary_900": "#312e81", "primary_950": "#2b2c5e", "prose_header_text_weight": "600", "prose_text_size": "*text_md", "prose_text_weight": "400", "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\")", "radius_lg": "6px", "radius_md": "4px", "radius_sm": "2px", "radius_xl": "8px", "radius_xs": "1px", "radius_xxl": "12px", "radius_xxs": "1px", "secondary_100": "#e0e7ff", "secondary_200": "#c7d2fe", "secondary_300": "#a5b4fc", "secondary_400": "#818cf8", "secondary_50": "#eef2ff", "secondary_500": "#6366f1", "secondary_600": "#4f46e5", "secondary_700": "#4338ca", "secondary_800": "#3730a3", "secondary_900": "#312e81", "secondary_950": "#2b2c5e", "section_header_text_size": "*text_md", "section_header_text_weight": "400", "shadow_drop": "0 1px 4px 0 rgb(0 0 0 / 0.1)", "shadow_drop_lg": "0 2px 5px 0 rgb(0 0 0 / 0.1)", "shadow_inset": "rgba(0,0,0,0.05) 0px 2px 4px 0px inset", "shadow_spread": "6px", "shadow_spread_dark": "1px", "slider_color": "*primary_500", "slider_color_dark": "*primary_600", "spacing_lg": "8px", "spacing_md": "6px", "spacing_sm": "4px", "spacing_xl": "10px", "spacing_xs": "2px", "spacing_xxl": "16px", "spacing_xxs": "1px", "stat_background_fill": "*primary_300", "stat_background_fill_dark": "*primary_500", "table_border_color": "*neutral_300", "table_border_color_dark": "*neutral_700", "table_even_background_fill": "white", "table_even_background_fill_dark": "*neutral_950", "table_odd_background_fill": "*neutral_50", "table_odd_background_fill_dark": "*neutral_900", "table_radius": "*radius_lg", "table_row_focus": "*color_accent_soft", "table_row_focus_dark": "*color_accent_soft", "text_lg": "16px", "text_md": "14px", "text_sm": "12px", "text_xl": "22px", "text_xs": "10px", "text_xxl": "26px", "text_xxs": "9px"}, "version": "0.0.1"}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {
2
+ "theme": {
3
+ "_font": [
4
+ {
5
+ "__gradio_font__": true,
6
+ "name": "Onest",
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": "system-ui",
17
+ "class": "font"
18
+ },
19
+ {
20
+ "__gradio_font__": true,
21
+ "name": "sans-serif",
22
+ "class": "font"
23
+ }
24
+ ],
25
+ "_font_mono": [
26
+ {
27
+ "__gradio_font__": true,
28
+ "name": "JetBrains Mono",
29
+ "class": "google"
30
+ },
31
+ {
32
+ "__gradio_font__": true,
33
+ "name": "ui-monospace",
34
+ "class": "font"
35
+ },
36
+ {
37
+ "__gradio_font__": true,
38
+ "name": "Consolas",
39
+ "class": "font"
40
+ },
41
+ {
42
+ "__gradio_font__": true,
43
+ "name": "monospace",
44
+ "class": "font"
45
+ }
46
+ ],
47
+ "_stylesheets": [
48
+ "https://fonts.googleapis.com/css2?family=Onest:wght@400;600&display=swap",
49
+ "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap"
50
+ ],
51
+ "background_fill_primary": "*neutral_50",
52
+ "background_fill_primary_dark": "*neutral_950",
53
+ "background_fill_secondary": "*neutral_50",
54
+ "background_fill_secondary_dark": "*neutral_900",
55
+ "block_background_fill": "white",
56
+ "block_background_fill_dark": "*neutral_800",
57
+ "block_border_color": "*border_color_primary",
58
+ "block_border_color_dark": "*border_color_primary",
59
+ "block_border_width": "1px",
60
+ "block_border_width_dark": "1px",
61
+ "block_info_text_color": "*body_text_color_subdued",
62
+ "block_info_text_color_dark": "*body_text_color_subdued",
63
+ "block_info_text_size": "*text_sm",
64
+ "block_info_text_weight": "400",
65
+ "block_label_background_fill": "*background_fill_primary",
66
+ "block_label_background_fill_dark": "*background_fill_secondary",
67
+ "block_label_border_color": "*border_color_primary",
68
+ "block_label_border_color_dark": "*border_color_primary",
69
+ "block_label_border_width": "1px",
70
+ "block_label_border_width_dark": "1px",
71
+ "block_label_margin": "0",
72
+ "block_label_padding": "*spacing_sm *spacing_lg",
73
+ "block_label_radius": "calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px) 0",
74
+ "block_label_right_radius": "0 calc(*radius_lg - 1px) 0 calc(*radius_lg - 1px)",
75
+ "block_label_shadow": "*block_shadow",
76
+ "block_label_text_color": "*neutral_500",
77
+ "block_label_text_color_dark": "*neutral_200",
78
+ "block_label_text_size": "*text_sm",
79
+ "block_label_text_weight": "400",
80
+ "block_padding": "*spacing_xl calc(*spacing_xl + 2px)",
81
+ "block_radius": "*radius_lg",
82
+ "block_shadow": "none",
83
+ "block_shadow_dark": "none",
84
+ "block_title_background_fill": "none",
85
+ "block_title_background_fill_dark": "none",
86
+ "block_title_border_color": "none",
87
+ "block_title_border_color_dark": "none",
88
+ "block_title_border_width": "0px",
89
+ "block_title_border_width_dark": "0px",
90
+ "block_title_padding": "0",
91
+ "block_title_radius": "none",
92
+ "block_title_text_color": "*neutral_500",
93
+ "block_title_text_color_dark": "*neutral_200",
94
+ "block_title_text_size": "*text_md",
95
+ "block_title_text_weight": "400",
96
+ "body_background_fill": "*background_fill_primary",
97
+ "body_background_fill_dark": "*background_fill_primary",
98
+ "body_text_color": "*neutral_800",
99
+ "body_text_color_dark": "*neutral_100",
100
+ "body_text_color_subdued": "*neutral_400",
101
+ "body_text_color_subdued_dark": "*neutral_400",
102
+ "body_text_size": "*text_md",
103
+ "body_text_weight": "400",
104
+ "border_color_accent": "*primary_300",
105
+ "border_color_accent_dark": "*neutral_600",
106
+ "border_color_accent_subdued": "*border_color_accent",
107
+ "border_color_accent_subdued_dark": "*border_color_accent",
108
+ "border_color_primary": "*neutral_200",
109
+ "border_color_primary_dark": "*neutral_700",
110
+ "button_border_width": "*input_border_width",
111
+ "button_border_width_dark": "*input_border_width",
112
+ "button_cancel_background_fill": "*button_secondary_background_fill",
113
+ "button_cancel_background_fill_dark": "*button_secondary_background_fill",
114
+ "button_cancel_background_fill_hover": "*button_secondary_background_fill_hover",
115
+ "button_cancel_background_fill_hover_dark": "*button_secondary_background_fill_hover",
116
+ "button_cancel_border_color": "*button_secondary_border_color",
117
+ "button_cancel_border_color_dark": "*button_secondary_border_color",
118
+ "button_cancel_border_color_hover": "*button_cancel_border_color",
119
+ "button_cancel_border_color_hover_dark": "*button_cancel_border_color",
120
+ "button_cancel_text_color": "*button_secondary_text_color",
121
+ "button_cancel_text_color_dark": "*button_secondary_text_color",
122
+ "button_cancel_text_color_hover": "*button_cancel_text_color",
123
+ "button_cancel_text_color_hover_dark": "*button_cancel_text_color",
124
+ "button_large_padding": "*spacing_lg calc(2 * *spacing_lg)",
125
+ "button_large_radius": "*radius_lg",
126
+ "button_large_text_size": "*text_lg",
127
+ "button_large_text_weight": "600",
128
+ "button_primary_background_fill": "*primary_500",
129
+ "button_primary_background_fill_dark": "*primary_700",
130
+ "button_primary_background_fill_hover": "*primary_400",
131
+ "button_primary_background_fill_hover_dark": "*primary_500",
132
+ "button_primary_border_color": "*primary_200",
133
+ "button_primary_border_color_dark": "*primary_600",
134
+ "button_primary_border_color_hover": "*button_primary_border_color",
135
+ "button_primary_border_color_hover_dark": "*button_primary_border_color",
136
+ "button_primary_text_color": "white",
137
+ "button_primary_text_color_dark": "white",
138
+ "button_primary_text_color_hover": "*button_primary_text_color",
139
+ "button_primary_text_color_hover_dark": "*button_primary_text_color",
140
+ "button_secondary_background_fill": "*neutral_200",
141
+ "button_secondary_background_fill_dark": "*neutral_600",
142
+ "button_secondary_background_fill_hover": "*primary_200",
143
+ "button_secondary_background_fill_hover_dark": "*primary_500",
144
+ "button_secondary_border_color": "*neutral_200",
145
+ "button_secondary_border_color_dark": "*neutral_600",
146
+ "button_secondary_border_color_hover": "*button_secondary_border_color",
147
+ "button_secondary_border_color_hover_dark": "*button_secondary_border_color",
148
+ "button_secondary_text_color": "*neutral_800",
149
+ "button_secondary_text_color_dark": "white",
150
+ "button_secondary_text_color_hover": "*button_secondary_text_color",
151
+ "button_secondary_text_color_hover_dark": "*button_secondary_text_color",
152
+ "button_shadow": "none",
153
+ "button_shadow_active": "none",
154
+ "button_shadow_hover": "none",
155
+ "button_small_padding": "*spacing_sm calc(2 * *spacing_sm)",
156
+ "button_small_radius": "*radius_lg",
157
+ "button_small_text_size": "*text_md",
158
+ "button_small_text_weight": "400",
159
+ "button_transition": "background-color 0.2s ease",
160
+ "chatbot_code_background_color": "*neutral_100",
161
+ "chatbot_code_background_color_dark": "*neutral_800",
162
+ "checkbox_background_color": "*background_fill_primary",
163
+ "checkbox_background_color_dark": "*neutral_800",
164
+ "checkbox_background_color_focus": "*checkbox_background_color",
165
+ "checkbox_background_color_focus_dark": "*checkbox_background_color",
166
+ "checkbox_background_color_hover": "*checkbox_background_color",
167
+ "checkbox_background_color_hover_dark": "*checkbox_background_color",
168
+ "checkbox_background_color_selected": "*primary_600",
169
+ "checkbox_background_color_selected_dark": "*primary_700",
170
+ "checkbox_border_color": "*neutral_300",
171
+ "checkbox_border_color_dark": "*neutral_600",
172
+ "checkbox_border_color_focus": "*primary_500",
173
+ "checkbox_border_color_focus_dark": "*primary_600",
174
+ "checkbox_border_color_hover": "*neutral_400",
175
+ "checkbox_border_color_hover_dark": "*neutral_500",
176
+ "checkbox_border_color_selected": "*primary_600",
177
+ "checkbox_border_color_selected_dark": "*primary_700",
178
+ "checkbox_border_radius": "*radius_sm",
179
+ "checkbox_border_width": "*input_border_width",
180
+ "checkbox_border_width_dark": "*input_border_width",
181
+ "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\")",
182
+ "checkbox_label_background_fill": "*neutral_200",
183
+ "checkbox_label_background_fill_dark": "*button_secondary_background_fill",
184
+ "checkbox_label_background_fill_hover": "*button_secondary_background_fill_hover",
185
+ "checkbox_label_background_fill_hover_dark": "*button_secondary_background_fill_hover",
186
+ "checkbox_label_background_fill_selected": "*primary_200",
187
+ "checkbox_label_background_fill_selected_dark": "*primary_500",
188
+ "checkbox_label_border_color": "*border_color_primary",
189
+ "checkbox_label_border_color_dark": "*border_color_primary",
190
+ "checkbox_label_border_color_hover": "*checkbox_label_border_color",
191
+ "checkbox_label_border_color_hover_dark": "*checkbox_label_border_color",
192
+ "checkbox_label_border_width": "*input_border_width",
193
+ "checkbox_label_border_width_dark": "*input_border_width",
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": "*body_text_color",
198
+ "checkbox_label_text_color_dark": "*body_text_color",
199
+ "checkbox_label_text_color_selected": "*checkbox_label_text_color",
200
+ "checkbox_label_text_color_selected_dark": "*checkbox_label_text_color",
201
+ "checkbox_label_text_size": "*text_md",
202
+ "checkbox_label_text_weight": "400",
203
+ "checkbox_shadow": "none",
204
+ "color_accent": "*primary_500",
205
+ "color_accent_soft": "*primary_50",
206
+ "color_accent_soft_dark": "*neutral_700",
207
+ "container_radius": "*radius_lg",
208
+ "embed_radius": "*radius_lg",
209
+ "error_background_fill": "#fef2f2",
210
+ "error_background_fill_dark": "*background_fill_primary",
211
+ "error_border_color": "#b91c1c",
212
+ "error_border_color_dark": "#ef4444",
213
+ "error_border_width": "1px",
214
+ "error_border_width_dark": "1px",
215
+ "error_icon_color": "#b91c1c",
216
+ "error_icon_color_dark": "#ef4444",
217
+ "error_text_color": "#b91c1c",
218
+ "error_text_color_dark": "#fef2f2",
219
+ "font": "'Onest', 'ui-sans-serif', 'system-ui', sans-serif",
220
+ "font_mono": "'JetBrains Mono', 'ui-monospace', 'Consolas', monospace",
221
+ "form_gap_width": "0px",
222
+ "input_background_fill": "*neutral_100",
223
+ "input_background_fill_dark": "*neutral_700",
224
+ "input_background_fill_focus": "*secondary_500",
225
+ "input_background_fill_focus_dark": "*secondary_600",
226
+ "input_background_fill_hover": "*input_background_fill",
227
+ "input_background_fill_hover_dark": "*input_background_fill",
228
+ "input_border_color": "*border_color_primary",
229
+ "input_border_color_dark": "*border_color_primary",
230
+ "input_border_color_focus": "*primary_500",
231
+ "input_border_color_focus_dark": "*primary_700",
232
+ "input_border_color_hover": "*input_border_color",
233
+ "input_border_color_hover_dark": "*input_border_color",
234
+ "input_border_width": "1px",
235
+ "input_border_width_dark": "1px",
236
+ "input_padding": "*spacing_xl",
237
+ "input_placeholder_color": "*neutral_400",
238
+ "input_placeholder_color_dark": "*neutral_500",
239
+ "input_radius": "*radius_lg",
240
+ "input_shadow": "none",
241
+ "input_shadow_dark": "none",
242
+ "input_shadow_focus": "*input_shadow",
243
+ "input_shadow_focus_dark": "*input_shadow",
244
+ "input_text_size": "*text_md",
245
+ "input_text_weight": "400",
246
+ "layout_gap": "*spacing_xxl",
247
+ "link_text_color": "*secondary_600",
248
+ "link_text_color_active": "*secondary_600",
249
+ "link_text_color_active_dark": "*secondary_500",
250
+ "link_text_color_dark": "*secondary_500",
251
+ "link_text_color_hover": "*secondary_700",
252
+ "link_text_color_hover_dark": "*secondary_400",
253
+ "link_text_color_visited": "*secondary_500",
254
+ "link_text_color_visited_dark": "*secondary_600",
255
+ "loader_color": "*color_accent",
256
+ "loader_color_dark": "*color_accent",
257
+ "name": "base",
258
+ "neutral_100": "#f1f5f9",
259
+ "neutral_200": "#e2e8f0",
260
+ "neutral_300": "#cbd5e1",
261
+ "neutral_400": "#94a3b8",
262
+ "neutral_50": "#f8fafc",
263
+ "neutral_500": "#64748b",
264
+ "neutral_600": "#475569",
265
+ "neutral_700": "#334155",
266
+ "neutral_800": "#1e293b",
267
+ "neutral_900": "#0f172a",
268
+ "neutral_950": "#0a0f1e",
269
+ "panel_background_fill": "*background_fill_secondary",
270
+ "panel_background_fill_dark": "*background_fill_secondary",
271
+ "panel_border_color": "*border_color_primary",
272
+ "panel_border_color_dark": "*border_color_primary",
273
+ "panel_border_width": "0",
274
+ "panel_border_width_dark": "0",
275
+ "primary_100": "#e0e7ff",
276
+ "primary_200": "#c7d2fe",
277
+ "primary_300": "#a5b4fc",
278
+ "primary_400": "#818cf8",
279
+ "primary_50": "#eef2ff",
280
+ "primary_500": "#6366f1",
281
+ "primary_600": "#4f46e5",
282
+ "primary_700": "#4338ca",
283
+ "primary_800": "#3730a3",
284
+ "primary_900": "#312e81",
285
+ "primary_950": "#2b2c5e",
286
+ "prose_header_text_weight": "600",
287
+ "prose_text_size": "*text_md",
288
+ "prose_text_weight": "400",
289
+ "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\")",
290
+ "radius_lg": "6px",
291
+ "radius_md": "4px",
292
+ "radius_sm": "2px",
293
+ "radius_xl": "8px",
294
+ "radius_xs": "1px",
295
+ "radius_xxl": "12px",
296
+ "radius_xxs": "1px",
297
+ "secondary_100": "#e0e7ff",
298
+ "secondary_200": "#c7d2fe",
299
+ "secondary_300": "#a5b4fc",
300
+ "secondary_400": "#818cf8",
301
+ "secondary_50": "#eef2ff",
302
+ "secondary_500": "#6366f1",
303
+ "secondary_600": "#4f46e5",
304
+ "secondary_700": "#4338ca",
305
+ "secondary_800": "#3730a3",
306
+ "secondary_900": "#312e81",
307
+ "secondary_950": "#2b2c5e",
308
+ "section_header_text_size": "*text_md",
309
+ "section_header_text_weight": "400",
310
+ "shadow_drop": "0 1px 4px 0 rgb(0 0 0 / 0.1)",
311
+ "shadow_drop_lg": "0 2px 5px 0 rgb(0 0 0 / 0.1)",
312
+ "shadow_inset": "rgba(0,0,0,0.05) 0px 2px 4px 0px inset",
313
+ "shadow_spread": "6px",
314
+ "shadow_spread_dark": "1px",
315
+ "slider_color": "*primary_500",
316
+ "slider_color_dark": "*primary_600",
317
+ "spacing_lg": "8px",
318
+ "spacing_md": "6px",
319
+ "spacing_sm": "4px",
320
+ "spacing_xl": "10px",
321
+ "spacing_xs": "2px",
322
+ "spacing_xxl": "16px",
323
+ "spacing_xxs": "1px",
324
+ "stat_background_fill": "*primary_300",
325
+ "stat_background_fill_dark": "*primary_500",
326
+ "table_border_color": "*neutral_300",
327
+ "table_border_color_dark": "*neutral_700",
328
+ "table_even_background_fill": "white",
329
+ "table_even_background_fill_dark": "*neutral_950",
330
+ "table_odd_background_fill": "*neutral_50",
331
+ "table_odd_background_fill_dark": "*neutral_900",
332
+ "table_radius": "*radius_lg",
333
+ "table_row_focus": "*color_accent_soft",
334
+ "table_row_focus_dark": "*color_accent_soft",
335
+ "text_lg": "16px",
336
+ "text_md": "14px",
337
+ "text_sm": "12px",
338
+ "text_xl": "22px",
339
+ "text_xs": "10px",
340
+ "text_xxl": "26px",
341
+ "text_xxs": "9px"
342
+ },
343
+ "version": "0.0.1"
344
+ }