dhuynh95 commited on
Commit
620922f
1 Parent(s): db06b34
Files changed (1) hide show
  1. theme.py +90 -0
theme.py ADDED
@@ -0,0 +1,90 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ from gradio.themes.base import Base
2
+ from gradio.themes.utils import colors, fonts, sizes
3
+ from typing import Iterable
4
+
5
+ class Style(Base):
6
+ def __init__(
7
+ self,
8
+ *,
9
+ primary_hue: colors.Color | str = colors.neutral,
10
+ secondary_hue: colors.Color | str = colors.neutral,
11
+ neutral_hue: colors.Color | str = colors.neutral,
12
+ spacing_size: sizes.Size | str = sizes.spacing_md,
13
+ radius_size: sizes.Size | str = sizes.radius_md,
14
+ text_size: sizes.Size | str = sizes.text_md,
15
+ font: fonts.Font
16
+ | str
17
+ | Iterable[fonts.Font | str] = (fonts.GoogleFont("Sora")),
18
+ font_mono: fonts.Font
19
+ | str
20
+ | Iterable[fonts.Font | str] = (fonts.GoogleFont("Sora")),
21
+ ):
22
+ super().__init__(
23
+ primary_hue=primary_hue,
24
+ secondary_hue=secondary_hue,
25
+ neutral_hue=neutral_hue,
26
+ spacing_size=spacing_size,
27
+ radius_size=radius_size,
28
+ text_size=text_size,
29
+ font=font,
30
+ font_mono=font_mono,
31
+ )
32
+ super().set(
33
+ background_fill_primary="#f8f9fa", # Very light gray background color
34
+ background_fill_primary_dark="#f8f9fa", # Very light gray background color
35
+ background_fill_secondary="#e9ecef", # Light gray background color
36
+ background_fill_secondary_dark="#e9ecef", # Light gray background color
37
+ block_background_fill="#f8f9fa", # Very light gray background color
38
+ block_background_fill_dark="#f8f9fa", # Very light gray background color
39
+
40
+ border_color_primary="#ced4da", # Light border color
41
+ border_color_primary_dark="#ced4da", # Light border color
42
+
43
+ link_text_color="#6c757d", # Subdued gray link color
44
+ link_text_color_dark="#6c757d", # Subdued gray link color
45
+
46
+ block_info_text_color="#212529", # Dark text color
47
+ block_info_text_color_dark="#ffffff", # White text color
48
+
49
+ block_border_color="#ced4da", # Light border color
50
+ block_border_color_dark="#ced4da", # Light border color
51
+ block_shadow="*shadow_drop_lg",
52
+
53
+ input_background_fill="#ffffff", # Light background color
54
+ input_background_fill_dark="#ffffff", # Light background color
55
+ input_border_color="#ced4da", # Light border color
56
+ input_border_color_dark="#ced4da", # Light border color
57
+ input_border_width="2px",
58
+
59
+ block_label_background_fill="#f8f9fa", # Very light gray background color
60
+ block_label_background_fill_dark="#f8f9fa", # Very light gray background color
61
+ block_label_text_color="#212529", # Dark text color
62
+ block_label_text_color_dark="#212529", # Dark text color
63
+
64
+ button_primary_background_fill="#343a40", # Dark gray background color
65
+ button_primary_border_color="#343a40", # Dark gray border color
66
+ button_primary_text_color="#ffffff", # Light text color
67
+ button_shadow="*shadow_drop_lg",
68
+
69
+ block_title_background_fill="#f8f9fa", # Very light gray background color
70
+ block_title_background_fill_dark="#f8f9fa", # Very light gray background color
71
+ block_title_radius="*radius_sm",
72
+ block_title_text_color="#212529", # Dark text color
73
+ block_title_text_color_dark="#212529", # Dark text color
74
+ block_title_text_size="*text_lg",
75
+ block_title_border_width="0px", # Border width
76
+ block_title_border_width_dark="0px", # Border width
77
+ block_title_border_color="#ced4da", # Light border color
78
+ block_title_border_color_dark="#ced4da", # Light border color
79
+ block_title_text_weight="600",
80
+
81
+ body_background_fill="#f8f9fa", # Very light gray background color
82
+ body_background_fill_dark="#f8f9fa", # Very light gray background color
83
+ body_text_color="#212529", # Dark text color
84
+ body_text_color_dark="#212529", # Dark text color
85
+ body_text_color_subdued="#6c757d", # Subdued gray text color
86
+ body_text_color_subdued_dark="#6c757d", # Subdued gray text color
87
+
88
+ slider_color="#6c757d", # Subdued gray slider color
89
+ slider_color_dark="#6c757d", # Subdued gray slider color
90
+ )