docs/bevy/examples/helpers/theme.rs 6.5 K · 192 lines · raw · history

1 use bevy::{
2 color::palettes, feathers::theme::ThemeProps, platform::collections::HashMap, prelude::*,
3 };
4
5 /// Creates a basic example theme props for the radio buttons and number inputs.
6 pub fn basic_example_theme(text_color: Color) -> ThemeProps {
7 let mut color = HashMap::new();
8
9 // Radio Button tokens
10 color.insert(bevy::feathers::tokens::RADIO_TEXT, text_color);
11 color.insert(bevy::feathers::tokens::RADIO_MARK, Color::BLACK);
12 color.insert(bevy::feathers::tokens::RADIO_MARK_HOVER, Color::BLACK);
13 color.insert(bevy::feathers::tokens::RADIO_MARK_PRESSED, Color::BLACK);
14
15 color.insert(bevy::feathers::tokens::RADIO_BG, Color::WHITE);
16 color.insert(
17 bevy::feathers::tokens::RADIO_BG_HOVER,
18 palettes::basic::GRAY.into(),
19 );
20 color.insert(
21 bevy::feathers::tokens::RADIO_BG_PRESSED,
22 palettes::basic::GRAY.into(),
23 );
24 color.insert(bevy::feathers::tokens::RADIO_BG_CHECKED, Color::WHITE);
25 color.insert(bevy::feathers::tokens::RADIO_BG_CHECKED_HOVER, Color::BLACK);
26 color.insert(
27 bevy::feathers::tokens::RADIO_BG_CHECKED_PRESSED,
28 Color::BLACK,
29 );
30
31 color.insert(bevy::feathers::tokens::RADIO_BORDER, Color::BLACK);
32 color.insert(
33 bevy::feathers::tokens::RADIO_BORDER_HOVER,
34 palettes::basic::GRAY.into(),
35 );
36 color.insert(
37 bevy::feathers::tokens::RADIO_BORDER_PRESSED,
38 palettes::basic::BLACK.into(),
39 );
40 color.insert(bevy::feathers::tokens::RADIO_BORDER_CHECKED, Color::BLACK);
41 color.insert(
42 bevy::feathers::tokens::RADIO_BORDER_CHECKED_HOVER,
43 Color::BLACK,
44 );
45 color.insert(
46 bevy::feathers::tokens::RADIO_BORDER_CHECKED_PRESSED,
47 Color::BLACK,
48 );
49
50 // Number Input tokens
51 color.insert(bevy::feathers::tokens::TEXT_INPUT_TEXT, text_color);
52 color.insert(bevy::feathers::tokens::TEXT_INPUT_BG, Color::BLACK);
53 color.insert(bevy::feathers::tokens::TEXT_INPUT_LABEL_BG, Color::BLACK);
54
55 color.insert(bevy::feathers::tokens::SLIDER_BAR, Color::WHITE);
56 color.insert(bevy::feathers::tokens::SLIDER_BAR_HOVER, Color::WHITE);
57 color.insert(bevy::feathers::tokens::SLIDER_BAR_PRESSED, Color::WHITE);
58 color.insert(bevy::feathers::tokens::SLIDER_BG, Color::BLACK);
59 color.insert(bevy::feathers::tokens::SLIDER_BG_HOVER, Color::BLACK);
60 color.insert(bevy::feathers::tokens::SLIDER_BG_PRESSED, Color::BLACK);
61
62 color.insert(
63 bevy::feathers::tokens::TEXT_INPUT_CURSOR,
64 bevy::feathers::palette::ACCENT.lighter(0.2),
65 );
66 color.insert(
67 bevy::feathers::tokens::TEXT_INPUT_SELECTION,
68 bevy::feathers::palette::ACCENT,
69 );
70 color.insert(
71 bevy::feathers::tokens::TEXT_INPUT_SELECTION_UNFOCUSED,
72 bevy::feathers::palette::TRANSPARENT,
73 );
74
75 // Checkbox tokens
76 color.insert(bevy::feathers::tokens::CHECKBOX_TEXT, text_color);
77 color.insert(bevy::feathers::tokens::CHECKBOX_BG, Color::BLACK);
78 color.insert(bevy::feathers::tokens::CHECKBOX_MARK, Color::WHITE);
79 color.insert(bevy::feathers::tokens::CHECKBOX_BORDER, Color::BLACK);
80 color.insert(
81 bevy::feathers::tokens::CHECKBOX_BORDER_HOVER,
82 bevy::feathers::palette::GRAY_2,
83 );
84 color.insert(
85 bevy::feathers::tokens::CHECKBOX_BORDER_CHECKED_HOVER,
86 bevy::feathers::palette::GRAY_0,
87 );
88 color.insert(
89 bevy::feathers::tokens::CHECKBOX_BORDER_PRESSED,
90 bevy::feathers::palette::GRAY_1,
91 );
92 color.insert(
93 bevy::feathers::tokens::CHECKBOX_BORDER_CHECKED_PRESSED,
94 bevy::feathers::palette::GRAY_1,
95 );
96 color.insert(
97 bevy::feathers::tokens::CHECKBOX_BORDER_CHECKED,
98 Color::BLACK,
99 );
100 color.insert(
101 bevy::feathers::tokens::CHECKBOX_BG_HOVER,
102 bevy::feathers::palette::GRAY_0,
103 );
104 color.insert(bevy::feathers::tokens::CHECKBOX_BG_CHECKED, Color::BLACK);
105 color.insert(
106 bevy::feathers::tokens::CHECKBOX_BG_CHECKED_HOVER,
107 Color::BLACK,
108 );
109 color.insert(
110 bevy::feathers::tokens::CHECKBOX_BG_CHECKED_PRESSED,
111 bevy::feathers::palette::GRAY_1,
112 );
113 color.insert(bevy::feathers::tokens::CHECKBOX_BG_PRESSED, Color::BLACK);
114 // Feathers Button / Select
115 color.insert(
116 bevy::feathers::tokens::BUTTON_BG,
117 bevy::feathers::palette::TRANSPARENT,
118 );
119 color.insert(
120 bevy::feathers::tokens::BUTTON_BG_HOVER,
121 bevy::feathers::palette::TRANSPARENT,
122 );
123 color.insert(
124 bevy::feathers::tokens::BUTTON_BG_PRESSED,
125 bevy::feathers::palette::TRANSPARENT,
126 );
127 color.insert(
128 bevy::feathers::tokens::MENU_BG,
129 bevy::feathers::palette::GRAY_0,
130 );
131 color.insert(
132 bevy::feathers::tokens::MENU_BORDER,
133 bevy::feathers::palette::GRAY_0,
134 );
135 color.insert(
136 bevy::feathers::tokens::MENUITEM_BG_HOVER,
137 bevy::feathers::palette::TRANSPARENT,
138 );
139 color.insert(
140 bevy::feathers::tokens::MENUITEM_BG_PRESSED,
141 bevy::feathers::palette::TRANSPARENT,
142 );
143 color.insert(
144 bevy::feathers::tokens::MENUITEM_BG_FOCUSED,
145 bevy::feathers::palette::TRANSPARENT,
146 );
147 color.insert(
148 bevy::feathers::tokens::LISTROW_BG,
149 bevy::feathers::palette::TRANSPARENT,
150 );
151 color.insert(
152 bevy::feathers::tokens::LISTROW_BG_HOVER,
153 bevy::feathers::palette::BLACK,
154 );
155 color.insert(
156 bevy::feathers::tokens::LISTROW_BG_SELECTED,
157 bevy::feathers::palette::BLACK,
158 );
159 color.insert(bevy::feathers::tokens::BUTTON_TEXT, text_color);
160 color.insert(bevy::feathers::tokens::LISTROW_TEXT, text_color);
161
162 // Slider tokens
163 color.insert(
164 bevy::feathers::tokens::SLIDER_BG,
165 bevy::feathers::palette::BLACK,
166 );
167 color.insert(
168 bevy::feathers::tokens::SLIDER_BG_HOVER,
169 bevy::feathers::palette::GRAY_0,
170 );
171 color.insert(
172 bevy::feathers::tokens::SLIDER_BG_PRESSED,
173 bevy::feathers::palette::GRAY_1,
174 );
175 color.insert(
176 bevy::feathers::tokens::SLIDER_BAR,
177 bevy::feathers::palette::ACCENT,
178 );
179 color.insert(
180 bevy::feathers::tokens::SLIDER_BAR_HOVER,
181 bevy::feathers::palette::ACCENT.lighter(0.05),
182 );
183 color.insert(
184 bevy::feathers::tokens::SLIDER_BAR_PRESSED,
185 bevy::feathers::palette::ACCENT.lighter(0.1),
186 );
187 color.insert(bevy::feathers::tokens::SLIDER_TEXT, text_color);
188
189 // Main text color
190 color.insert(bevy::feathers::tokens::TEXT_MAIN, text_color);
191 ThemeProps::new_non_contextual(color)
192 }