wangrongsheng commited on
Commit
95163db
·
verified ·
1 Parent(s): ff25134

Update theme.py

Browse files
Files changed (1) hide show
  1. theme.py +82 -91
theme.py CHANGED
@@ -1,91 +1,82 @@
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="#212529", # Dark text
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_dark="#343a40", # Dark gray border color
66
- button_primary_text_color="white", # Light text color
67
- button_secondary_text_color_dark="black", # Light text color
68
- button_shadow="*shadow_drop_lg",
69
-
70
- block_title_background_fill="#f8f9fa", # Very light gray background color
71
- block_title_background_fill_dark="#f8f9fa", # Very light gray background color
72
- block_title_radius="*radius_sm",
73
- block_title_text_color="#212529", # Dark text color
74
- block_title_text_color_dark="#212529", # Dark text color
75
- block_title_text_size="*text_lg",
76
- block_title_border_width="0px", # Border width
77
- block_title_border_width_dark="0px", # Border width
78
- block_title_border_color="#ced4da", # Light border color
79
- block_title_border_color_dark="#ced4da", # Light border color
80
- block_title_text_weight="600",
81
-
82
- body_background_fill="#f8f9fa", # Very light gray background color
83
- body_background_fill_dark="#f8f9fa", # Very light gray background color
84
- body_text_color="#212529", # Dark text color
85
- body_text_color_dark="#212529", # Dark text color
86
- body_text_color_subdued="#212529", # Subdued gray text color
87
- body_text_color_subdued_dark="#212529", # Subdued gray text color
88
-
89
- slider_color="#212529", # Subdued gray slider color
90
- slider_color_dark="#212529", # Subdued gray slider color
91
- )
 
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
+ ):
16
+ super().__init__(
17
+ primary_hue=primary_hue,
18
+ secondary_hue=secondary_hue,
19
+ neutral_hue=neutral_hue,
20
+ spacing_size=spacing_size,
21
+ radius_size=radius_size,
22
+ text_size=text_size,
23
+ )
24
+
25
+ super().set(
26
+ background_fill_primary="#f8f9fa", # Very light gray background color
27
+ background_fill_primary_dark="#f8f9fa", # Very light gray background color
28
+ background_fill_secondary="#e9ecef", # Light gray background color
29
+ background_fill_secondary_dark="#e9ecef", # Light gray background color
30
+ block_background_fill="#f8f9fa", # Very light gray background color
31
+ block_background_fill_dark="#f8f9fa", # Very light gray background color
32
+
33
+ border_color_primary="#ced4da", # Light border color
34
+ border_color_primary_dark="#ced4da", # Light border color
35
+
36
+ link_text_color="#6c757d", # Subdued gray link color
37
+ link_text_color_dark="#6c757d", # Subdued gray link color
38
+
39
+ block_info_text_color="#212529", # Dark text color
40
+ block_info_text_color_dark="#212529", # Dark text
41
+
42
+ block_border_color="#ced4da", # Light border color
43
+ block_border_color_dark="#ced4da", # Light border color
44
+
45
+ input_background_fill="#ffffff", # Light background color
46
+ input_background_fill_dark="#ffffff", # Light background color
47
+ input_border_color="#ced4da", # Light border color
48
+ input_border_color_dark="#ced4da", # Light border color
49
+ input_border_width="2px",
50
+
51
+ block_label_background_fill="#f8f9fa", # Very light gray background color
52
+ block_label_background_fill_dark="#f8f9fa", # Very light gray background color
53
+ block_label_text_color="#212529", # Dark text color
54
+ block_label_text_color_dark="#212529", # Dark text color
55
+
56
+ button_primary_background_fill="#343a40", # Dark gray background color
57
+ button_primary_border_color_dark="#343a40", # Dark gray border color
58
+ button_primary_text_color="white", # Light text color
59
+ button_secondary_text_color_dark="black", # Light text color
60
+
61
+ block_title_background_fill="#f8f9fa", # Very light gray background color
62
+ block_title_background_fill_dark="#f8f9fa", # Very light gray background color
63
+ block_title_radius="*radius_sm",
64
+ block_title_text_color="#212529", # Dark text color
65
+ block_title_text_color_dark="#212529", # Dark text color
66
+ block_title_text_size="*text_lg",
67
+ block_title_border_width="0px", # Border width
68
+ block_title_border_width_dark="0px", # Border width
69
+ block_title_border_color="#ced4da", # Light border color
70
+ block_title_border_color_dark="#ced4da", # Light border color
71
+ block_title_text_weight="600",
72
+
73
+ body_background_fill="#f8f9fa", # Very light gray background color
74
+ body_background_fill_dark="#f8f9fa", # Very light gray background color
75
+ body_text_color="#212529", # Dark text color
76
+ body_text_color_dark="#212529", # Dark text color
77
+ body_text_color_subdued="#212529", # Subdued gray text color
78
+ body_text_color_subdued_dark="#212529", # Subdued gray text color
79
+
80
+ slider_color="#212529", # Subdued gray slider color
81
+ slider_color_dark="#212529", # Subdued gray slider color
82
+ )