mecomp_tui/ui/
colors.rs

1// app border colors
2pub const APP_BORDER: material::HexColor = material::PINK_900;
3pub const APP_BORDER_TEXT: material::HexColor = material::PINK_300;
4
5// border colors
6pub const BORDER_UNFOCUSED: material::HexColor = material::RED_900;
7pub const BORDER_FOCUSED: material::HexColor = material::RED_200;
8
9// Popup border colors
10pub const POPUP_BORDER: material::HexColor = material::LIGHT_BLUE_500;
11
12// text colors
13pub const TEXT_NORMAL: material::HexColor = material::WHITE;
14pub const TEXT_HIGHLIGHT: material::HexColor = material::RED_600;
15pub const TEXT_HIGHLIGHT_ALT: material::HexColor = material::RED_200;
16
17// gauge colors, such as song progress bar
18pub const GAUGE_FILLED: material::HexColor = material::WHITE;
19pub const GAUGE_UNFILLED: material::HexColor = material::BLACK;
20
21#[must_use]
22pub const fn border_color(is_focused: bool) -> material::HexColor {
23    if is_focused {
24        BORDER_FOCUSED
25    } else {
26        BORDER_UNFOCUSED
27    }
28}
29
30pub mod material {
31    //! # Material Design Colors
32    //!
33    //! This module provides the 2014 Material Design System [color palettes] as constants.
34    //!
35    //! [color palettes]: https://m2.material.io/design/color/the-color-system.html#tools-for-picking-colors
36    //!
37    //! Ripped from [the material crate](https://github.com/azorng/material/blob/0b6205cf2e6750d92d0ecf7de5779bbf5caa1838/src/lib.rs#L64-L598),
38    //! which we don't use directly because it brings in other things we don't need.
39    #![allow(dead_code)]
40
41    #[derive(Debug, Clone, Copy, PartialEq, Eq)]
42    pub struct HexColor(&'static str);
43
44    impl From<HexColor> for ratatui::style::Color {
45        /// Converts to a Ratatui Color from the `HexColor`.
46        fn from(hex_color: HexColor) -> Self {
47            let s = hex_color.0;
48            let (r, g, b) = (
49                u8::from_str_radix(&s[1..3], 16).unwrap_or_default(),
50                u8::from_str_radix(&s[3..5], 16).unwrap_or_default(),
51                u8::from_str_radix(&s[5..7], 16).unwrap_or_default(),
52            );
53
54            Self::Rgb(r, g, b)
55        }
56    }
57
58    impl std::fmt::Display for HexColor {
59        fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
60            write!(f, "{}", self.0)
61        }
62    }
63
64    /// <span style="color:#ffebee">&#9632;</span> (#ffebee)
65    pub const RED_50: HexColor = HexColor("#ffebee");
66    /// <span style="color:#ffcdd2">&#9632;</span> (#ffcdd2)
67    pub const RED_100: HexColor = HexColor("#ffcdd2");
68    /// <span style="color:#ef9a9a">&#9632;</span> (#ef9a9a)
69    pub const RED_200: HexColor = HexColor("#ef9a9a");
70    /// <span style="color:#e57373">&#9632;</span> (#e57373)
71    pub const RED_300: HexColor = HexColor("#e57373");
72    /// <span style="color:#ef5350">&#9632;</span> (#ef5350)
73    pub const RED_400: HexColor = HexColor("#ef5350");
74    /// <span style="color:#f44336">&#9632;</span> (#f44336)
75    pub const RED_500: HexColor = HexColor("#f44336");
76    /// <span style="color:#e53935">&#9632;</span> (#e53935)
77    pub const RED_600: HexColor = HexColor("#e53935");
78    /// <span style="color:#d32f2f">&#9632;</span> (#d32f2f)
79    pub const RED_700: HexColor = HexColor("#d32f2f");
80    /// <span style="color:#c62828">&#9632;</span> (#c62828)
81    pub const RED_800: HexColor = HexColor("#c62828");
82    /// <span style="color:#b71c1c">&#9632;</span> (#b71c1c)
83    pub const RED_900: HexColor = HexColor("#b71c1c");
84    /// <span style="color:#ff8a80">&#9632;</span> (#ff8a80)
85    pub const RED_A100: HexColor = HexColor("#ff8a80");
86    /// <span style="color:#ff5252">&#9632;</span> (#ff5252)
87    pub const RED_A200: HexColor = HexColor("#ff5252");
88    /// <span style="color:#ff1744">&#9632;</span> (#ff1744)
89    pub const RED_A400: HexColor = HexColor("#ff1744");
90    /// <span style="color:#d50000">&#9632;</span> (#d50000)
91    pub const RED_A700: HexColor = HexColor("#d50000");
92
93    /// <span style="color:#fce4ec">&#9632;</span> (#fce4ec)
94    pub const PINK_50: HexColor = HexColor("#fce4ec");
95    /// <span style="color:#f8bbd0">&#9632;</span> (#f8bbd0)
96    pub const PINK_100: HexColor = HexColor("#f8bbd0");
97    /// <span style="color:#f48fb1">&#9632;</span> (#f48fb1)
98    pub const PINK_200: HexColor = HexColor("#f48fb1");
99    /// <span style="color:#f06292">&#9632;</span> (#f06292)
100    pub const PINK_300: HexColor = HexColor("#f06292");
101    /// <span style="color:#ec407a">&#9632;</span> (#ec407a)
102    pub const PINK_400: HexColor = HexColor("#ec407a");
103    /// <span style="color:#e91e63">&#9632;</span> (#e91e63)
104    pub const PINK_500: HexColor = HexColor("#e91e63");
105    /// <span style="color:#d81b60">&#9632;</span> (#d81b60)
106    pub const PINK_600: HexColor = HexColor("#d81b60");
107    /// <span style="color:#c2185b">&#9632;</span> (#c2185b)
108    pub const PINK_700: HexColor = HexColor("#c2185b");
109    /// <span style="color:#ad1457">&#9632;</span> (#ad1457)
110    pub const PINK_800: HexColor = HexColor("#ad1457");
111    /// <span style="color:#880e4f">&#9632;</span> (#880e4f)
112    pub const PINK_900: HexColor = HexColor("#880e4f");
113    /// <span style="color:#ff80ab">&#9632;</span> (#ff80ab)
114    pub const PINK_A100: HexColor = HexColor("#ff80ab");
115    /// <span style="color:#ff4081">&#9632;</span> (#ff4081)
116    pub const PINK_A200: HexColor = HexColor("#ff4081");
117    /// <span style="color:#f50057">&#9632;</span> (#f50057)
118    pub const PINK_A400: HexColor = HexColor("#f50057");
119    /// <span style="color:#c51162">&#9632;</span> (#c51162)
120    pub const PINK_A700: HexColor = HexColor("#c51162");
121
122    /// <span style="color:#f3e5f5">&#9632;</span> (#f3e5f5)
123    pub const PURPLE_50: HexColor = HexColor("#f3e5f5");
124    /// <span style="color:#e1bee7">&#9632;</span> (#e1bee7)
125    pub const PURPLE_100: HexColor = HexColor("#e1bee7");
126    /// <span style="color:#ce93d8">&#9632;</span> (#ce93d8)
127    pub const PURPLE_200: HexColor = HexColor("#ce93d8");
128    /// <span style="color:#ba68c8">&#9632;</span> (#ba68c8)
129    pub const PURPLE_300: HexColor = HexColor("#ba68c8");
130    /// <span style="color:#ab47bc">&#9632;</span> (#ab47bc)
131    pub const PURPLE_400: HexColor = HexColor("#ab47bc");
132    /// <span style="color:#9c27b0">&#9632;</span> (#9c27b0)
133    pub const PURPLE_500: HexColor = HexColor("#9c27b0");
134    /// <span style="color:#8e24aa">&#9632;</span> (#8e24aa)
135    pub const PURPLE_600: HexColor = HexColor("#8e24aa");
136    /// <span style="color:#7b1fa2">&#9632;</span> (#7b1fa2)
137    pub const PURPLE_700: HexColor = HexColor("#7b1fa2");
138    /// <span style="color:#6a1b9a">&#9632;</span> (#6a1b9a)
139    pub const PURPLE_800: HexColor = HexColor("#6a1b9a");
140    /// <span style="color:#4a148c">&#9632;</span> (#4a148c)
141    pub const PURPLE_900: HexColor = HexColor("#4a148c");
142    /// <span style="color:#ea80fc">&#9632;</span> (#ea80fc)
143    pub const PURPLE_A100: HexColor = HexColor("#ea80fc");
144    /// <span style="color:#e040fb">&#9632;</span> (#e040fb)
145    pub const PURPLE_A200: HexColor = HexColor("#e040fb");
146    /// <span style="color:#d500f9">&#9632;</span> (#d500f9)
147    pub const PURPLE_A400: HexColor = HexColor("#d500f9");
148    /// <span style="color:#aa00ff">&#9632;</span> (#aa00ff)
149    pub const PURPLE_A700: HexColor = HexColor("#aa00ff");
150
151    /// <span style="color:#ede7f6">&#9632;</span> (#ede7f6)
152    pub const DEEP_PURPLE_50: HexColor = HexColor("#ede7f6");
153    /// <span style="color:#d1c4e9">&#9632;</span> (#d1c4e9)
154    pub const DEEP_PURPLE_100: HexColor = HexColor("#d1c4e9");
155    /// <span style="color:#b39ddb">&#9632;</span> (#b39ddb)
156    pub const DEEP_PURPLE_200: HexColor = HexColor("#b39ddb");
157    /// <span style="color:#9575cd">&#9632;</span> (#9575cd)
158    pub const DEEP_PURPLE_300: HexColor = HexColor("#9575cd");
159    /// <span style="color:#7e57c2">&#9632;</span> (#7e57c2)
160    pub const DEEP_PURPLE_400: HexColor = HexColor("#7e57c2");
161    /// <span style="color:#673ab7">&#9632;</span> (#673ab7)
162    pub const DEEP_PURPLE_500: HexColor = HexColor("#673ab7");
163    /// <span style="color:#5e35b1">&#9632;</span> (#5e35b1)
164    pub const DEEP_PURPLE_600: HexColor = HexColor("#5e35b1");
165    /// <span style="color:#512da8">&#9632;</span> (#512da8)
166    pub const DEEP_PURPLE_700: HexColor = HexColor("#512da8");
167    /// <span style="color:#4527a0">&#9632;</span> (#4527a0)
168    pub const DEEP_PURPLE_800: HexColor = HexColor("#4527a0");
169    /// <span style="color:#311b92">&#9632;</span> (#311b92)
170    pub const DEEP_PURPLE_900: HexColor = HexColor("#311b92");
171    /// <span style="color:#b388ff">&#9632;</span> (#b388ff)
172    pub const DEEP_PURPLE_A100: HexColor = HexColor("#b388ff");
173    /// <span style="color:#7c4dff">&#9632;</span> (#7c4dff)
174    pub const DEEP_PURPLE_A200: HexColor = HexColor("#7c4dff");
175    /// <span style="color:#651fff">&#9632;</span> (#651fff)
176    pub const DEEP_PURPLE_A400: HexColor = HexColor("#651fff");
177    /// <span style="color:#6200ea">&#9632;</span> (#6200ea)
178    pub const DEEP_PURPLE_A700: HexColor = HexColor("#6200ea");
179
180    /// <span style="color:#e8eaf6">&#9632;</span> (#e8eaf6)
181    pub const INDIGO_50: HexColor = HexColor("#e8eaf6");
182    /// <span style="color:#c5cae9">&#9632;</span> (#c5cae9)
183    pub const INDIGO_100: HexColor = HexColor("#c5cae9");
184    /// <span style="color:#9fa8da">&#9632;</span> (#9fa8da)
185    pub const INDIGO_200: HexColor = HexColor("#9fa8da");
186    /// <span style="color:#7986cb">&#9632;</span> (#7986cb)
187    pub const INDIGO_300: HexColor = HexColor("#7986cb");
188    /// <span style="color:#5c6bc0">&#9632;</span> (#5c6bc0)
189    pub const INDIGO_400: HexColor = HexColor("#5c6bc0");
190    /// <span style="color:#3f51b5">&#9632;</span> (#3f51b5)
191    pub const INDIGO_500: HexColor = HexColor("#3f51b5");
192    /// <span style="color:#3949ab">&#9632;</span> (#3949ab)
193    pub const INDIGO_600: HexColor = HexColor("#3949ab");
194    /// <span style="color:#303f9f">&#9632;</span> (#303f9f)
195    pub const INDIGO_700: HexColor = HexColor("#303f9f");
196    /// <span style="color:#283593">&#9632;</span> (#283593)
197    pub const INDIGO_800: HexColor = HexColor("#283593");
198    /// <span style="color:#1a237e">&#9632;</span> (#1a237e)
199    pub const INDIGO_900: HexColor = HexColor("#1a237e");
200    /// <span style="color:#8c9eff">&#9632;</span> (#8c9eff)
201    pub const INDIGO_A100: HexColor = HexColor("#8c9eff");
202    /// <span style="color:#536dfe">&#9632;</span> (#536dfe)
203    pub const INDIGO_A200: HexColor = HexColor("#536dfe");
204    /// <span style="color:#3d5afe">&#9632;</span> (#3d5afe)
205    pub const INDIGO_A400: HexColor = HexColor("#3d5afe");
206    /// <span style="color:#304ffe">&#9632;</span> (#304ffe)
207    pub const INDIGO_A700: HexColor = HexColor("#304ffe");
208
209    /// <span style="color:#e3f2fd">&#9632;</span> (#e3f2fd)
210    pub const BLUE_50: HexColor = HexColor("#e3f2fd");
211    /// <span style="color:#bbdefb">&#9632;</span> (#bbdefb)
212    pub const BLUE_100: HexColor = HexColor("#bbdefb");
213    /// <span style="color:#90caf9">&#9632;</span> (#90caf9)
214    pub const BLUE_200: HexColor = HexColor("#90caf9");
215    /// <span style="color:#64b5f6">&#9632;</span> (#64b5f6)
216    pub const BLUE_300: HexColor = HexColor("#64b5f6");
217    /// <span style="color:#42a5f5">&#9632;</span> (#42a5f5)
218    pub const BLUE_400: HexColor = HexColor("#42a5f5");
219    /// <span style="color:#2196f3">&#9632;</span> (#2196f3)
220    pub const BLUE_500: HexColor = HexColor("#2196f3");
221    /// <span style="color:#1e88e5">&#9632;</span> (#1e88e5)
222    pub const BLUE_600: HexColor = HexColor("#1e88e5");
223    /// <span style="color:#1976d2">&#9632;</span> (#1976d2)
224    pub const BLUE_700: HexColor = HexColor("#1976d2");
225    /// <span style="color:#1565c0">&#9632;</span> (#1565c0)
226    pub const BLUE_800: HexColor = HexColor("#1565c0");
227    /// <span style="color:#0d47a1">&#9632;</span> (#0d47a1)
228    pub const BLUE_900: HexColor = HexColor("#0d47a1");
229    /// <span style="color:#82b1ff">&#9632;</span> (#82b1ff)
230    pub const BLUE_A100: HexColor = HexColor("#82b1ff");
231    /// <span style="color:#448aff">&#9632;</span> (#448aff)
232    pub const BLUE_A200: HexColor = HexColor("#448aff");
233    /// <span style="color:#2979ff">&#9632;</span> (#2979ff)
234    pub const BLUE_A400: HexColor = HexColor("#2979ff");
235    /// <span style="color:#2962ff">&#9632;</span> (#2962ff)
236    pub const BLUE_A700: HexColor = HexColor("#2962ff");
237
238    /// <span style="color:#e1f5fe">&#9632;</span> (#e1f5fe)
239    pub const LIGHT_BLUE_50: HexColor = HexColor("#e1f5fe");
240    /// <span style="color:#b3e5fc">&#9632;</span> (#b3e5fc)
241    pub const LIGHT_BLUE_100: HexColor = HexColor("#b3e5fc");
242    /// <span style="color:#81d4fa">&#9632;</span> (#81d4fa)
243    pub const LIGHT_BLUE_200: HexColor = HexColor("#81d4fa");
244    /// <span style="color:#4fc3f7">&#9632;</span> (#4fc3f7)
245    pub const LIGHT_BLUE_300: HexColor = HexColor("#4fc3f7");
246    /// <span style="color:#29b6f6">&#9632;</span> (#29b6f6)
247    pub const LIGHT_BLUE_400: HexColor = HexColor("#29b6f6");
248    /// <span style="color:#03a9f4">&#9632;</span> (#03a9f4)
249    pub const LIGHT_BLUE_500: HexColor = HexColor("#03a9f4");
250    /// <span style="color:#039be5">&#9632;</span> (#039be5)
251    pub const LIGHT_BLUE_600: HexColor = HexColor("#039be5");
252    /// <span style="color:#0288d1">&#9632;</span> (#0288d1)
253    pub const LIGHT_BLUE_700: HexColor = HexColor("#0288d1");
254    /// <span style="color:#0277bd">&#9632;</span> (#0277bd)
255    pub const LIGHT_BLUE_800: HexColor = HexColor("#0277bd");
256    /// <span style="color:#01579b">&#9632;</span> (#01579b)
257    pub const LIGHT_BLUE_900: HexColor = HexColor("#01579b");
258    /// <span style="color:#80d8ff">&#9632;</span> (#80d8ff)
259    pub const LIGHT_BLUE_A100: HexColor = HexColor("#80d8ff");
260    /// <span style="color:#40c4ff">&#9632;</span> (#40c4ff)
261    pub const LIGHT_BLUE_A200: HexColor = HexColor("#40c4ff");
262    /// <span style="color:#00b0ff">&#9632;</span> (#00b0ff)
263    pub const LIGHT_BLUE_A400: HexColor = HexColor("#00b0ff");
264    /// <span style="color:#0091ea">&#9632;</span> (#0091ea)
265    pub const LIGHT_BLUE_A700: HexColor = HexColor("#0091ea");
266
267    /// <span style="color:#e0f7fa">&#9632;</span> (#e0f7fa)
268    pub const CYAN_50: HexColor = HexColor("#e0f7fa");
269    /// <span style="color:#b2ebf2">&#9632;</span> (#b2ebf2)
270    pub const CYAN_100: HexColor = HexColor("#b2ebf2");
271    /// <span style="color:#80deea">&#9632;</span> (#80deea)
272    pub const CYAN_200: HexColor = HexColor("#80deea");
273    /// <span style="color:#4dd0e1">&#9632;</span> (#4dd0e1)
274    pub const CYAN_300: HexColor = HexColor("#4dd0e1");
275    /// <span style="color:#26c6da">&#9632;</span> (#26c6da)
276    pub const CYAN_400: HexColor = HexColor("#26c6da");
277    /// <span style="color:#00bcd4">&#9632;</span> (#00bcd4)
278    pub const CYAN_500: HexColor = HexColor("#00bcd4");
279    /// <span style="color:#00acc1">&#9632;</span> (#00acc1)
280    pub const CYAN_600: HexColor = HexColor("#00acc1");
281    /// <span style="color:#0097a7">&#9632;</span> (#0097a7)
282    pub const CYAN_700: HexColor = HexColor("#0097a7");
283    /// <span style="color:#00838f">&#9632;</span> (#00838f)
284    pub const CYAN_800: HexColor = HexColor("#00838f");
285    /// <span style="color:#006064">&#9632;</span> (#006064)
286    pub const CYAN_900: HexColor = HexColor("#006064");
287    /// <span style="color:#84ffff">&#9632;</span> (#84ffff)
288    pub const CYAN_A100: HexColor = HexColor("#84ffff");
289    /// <span style="color:#18ffff">&#9632;</span> (#18ffff)
290    pub const CYAN_A200: HexColor = HexColor("#18ffff");
291    /// <span style="color:#00e5ff">&#9632;</span> (#00e5ff)
292    pub const CYAN_A400: HexColor = HexColor("#00e5ff");
293    /// <span style="color:#00b8d4">&#9632;</span> (#00b8d4)
294    pub const CYAN_A700: HexColor = HexColor("#00b8d4");
295
296    /// <span style="color:#e0f2f1">&#9632;</span> (#e0f2f1)
297    pub const TEAL_50: HexColor = HexColor("#e0f2f1");
298    /// <span style="color:#b2dfdb">&#9632;</span> (#b2dfdb)
299    pub const TEAL_100: HexColor = HexColor("#b2dfdb");
300    /// <span style="color:#80cbc4">&#9632;</span> (#80cbc4)
301    pub const TEAL_200: HexColor = HexColor("#80cbc4");
302    /// <span style="color:#4db6ac">&#9632;</span> (#4db6ac)
303    pub const TEAL_300: HexColor = HexColor("#4db6ac");
304    /// <span style="color:#26a69a">&#9632;</span> (#26a69a)
305    pub const TEAL_400: HexColor = HexColor("#26a69a");
306    /// <span style="color:#009688">&#9632;</span> (#009688)
307    pub const TEAL_500: HexColor = HexColor("#009688");
308    /// <span style="color:#00897b">&#9632;</span> (#00897b)
309    pub const TEAL_600: HexColor = HexColor("#00897b");
310    /// <span style="color:#00796b">&#9632;</span> (#00796b)
311    pub const TEAL_700: HexColor = HexColor("#00796b");
312    /// <span style="color:#00695c">&#9632;</span> (#00695c)
313    pub const TEAL_800: HexColor = HexColor("#00695c");
314    /// <span style="color:#004d40">&#9632;</span> (#004d40)
315    pub const TEAL_900: HexColor = HexColor("#004d40");
316    /// <span style="color:#a7ffeb">&#9632;</span> (#a7ffeb)
317    pub const TEAL_A100: HexColor = HexColor("#a7ffeb");
318    /// <span style="color:#64ffda">&#9632;</span> (#64ffda)
319    pub const TEAL_A200: HexColor = HexColor("#64ffda");
320    /// <span style="color:#1de9b6">&#9632;</span> (#1de9b6)
321    pub const TEAL_A400: HexColor = HexColor("#1de9b6");
322    /// <span style="color:#00bfa5">&#9632;</span> (#00bfa5)
323    pub const TEAL_A700: HexColor = HexColor("#00bfa5");
324
325    /// <span style="color:#e8f5e9">&#9632;</span> (#e8f5e9)
326    pub const GREEN_50: HexColor = HexColor("#e8f5e9");
327    /// <span style="color:#c8e6c9">&#9632;</span> (#c8e6c9)
328    pub const GREEN_100: HexColor = HexColor("#c8e6c9");
329    /// <span style="color:#a5d6a7">&#9632;</span> (#a5d6a7)
330    pub const GREEN_200: HexColor = HexColor("#a5d6a7");
331    /// <span style="color:#81c784">&#9632;</span> (#81c784)
332    pub const GREEN_300: HexColor = HexColor("#81c784");
333    /// <span style="color:#66bb6a">&#9632;</span> (#66bb6a)
334    pub const GREEN_400: HexColor = HexColor("#66bb6a");
335    /// <span style="color:#4caf50">&#9632;</span> (#4caf50)
336    pub const GREEN_500: HexColor = HexColor("#4caf50");
337    /// <span style="color:#43a047">&#9632;</span> (#43a047)
338    pub const GREEN_600: HexColor = HexColor("#43a047");
339    /// <span style="color:#388e3c">&#9632;</span> (#388e3c)
340    pub const GREEN_700: HexColor = HexColor("#388e3c");
341    /// <span style="color:#2e7d32">&#9632;</span> (#2e7d32)
342    pub const GREEN_800: HexColor = HexColor("#2e7d32");
343    /// <span style="color:#1b5e20">&#9632;</span> (#1b5e20)
344    pub const GREEN_900: HexColor = HexColor("#1b5e20");
345    /// <span style="color:#b9f6ca">&#9632;</span> (#b9f6ca)
346    pub const GREEN_A100: HexColor = HexColor("#b9f6ca");
347    /// <span style="color:#69f0ae">&#9632;</span> (#69f0ae)
348    pub const GREEN_A200: HexColor = HexColor("#69f0ae");
349    /// <span style="color:#00e676">&#9632;</span> (#00e676)
350    pub const GREEN_A400: HexColor = HexColor("#00e676");
351    /// <span style="color:#00c853">&#9632;</span> (#00c853)
352    pub const GREEN_A700: HexColor = HexColor("#00c853");
353
354    /// <span style="color:#f1f8e9">&#9632;</span> (#f1f8e9)
355    pub const LIGHT_GREEN_50: HexColor = HexColor("#f1f8e9");
356    /// <span style="color:#dcedc8">&#9632;</span> (#dcedc8)
357    pub const LIGHT_GREEN_100: HexColor = HexColor("#dcedc8");
358    /// <span style="color:#c5e1a5">&#9632;</span> (#c5e1a5)
359    pub const LIGHT_GREEN_200: HexColor = HexColor("#c5e1a5");
360    /// <span style="color:#aed581">&#9632;</span> (#aed581)
361    pub const LIGHT_GREEN_300: HexColor = HexColor("#aed581");
362    /// <span style="color:#9ccc65">&#9632;</span> (#9ccc65)
363    pub const LIGHT_GREEN_400: HexColor = HexColor("#9ccc65");
364    /// <span style="color:#8bc34a">&#9632;</span> (#8bc34a)
365    pub const LIGHT_GREEN_500: HexColor = HexColor("#8bc34a");
366    /// <span style="color:#7cb342">&#9632;</span> (#7cb342)
367    pub const LIGHT_GREEN_600: HexColor = HexColor("#7cb342");
368    /// <span style="color:#689f38">&#9632;</span> (#689f38)
369    pub const LIGHT_GREEN_700: HexColor = HexColor("#689f38");
370    /// <span style="color:#558b2f">&#9632;</span> (#558b2f)
371    pub const LIGHT_GREEN_800: HexColor = HexColor("#558b2f");
372    /// <span style="color:#33691e">&#9632;</span> (#33691e)
373    pub const LIGHT_GREEN_900: HexColor = HexColor("#33691e");
374    /// <span style="color:#ccff90">&#9632;</span> (#ccff90)
375    pub const LIGHT_GREEN_A100: HexColor = HexColor("#ccff90");
376    /// <span style="color:#b2ff59">&#9632;</span> (#b2ff59)
377    pub const LIGHT_GREEN_A200: HexColor = HexColor("#b2ff59");
378    /// <span style="color:#76ff03">&#9632;</span> (#76ff03)
379    pub const LIGHT_GREEN_A400: HexColor = HexColor("#76ff03");
380    /// <span style="color:#64dd17">&#9632;</span> (#64dd17)
381    pub const LIGHT_GREEN_A700: HexColor = HexColor("#64dd17");
382
383    /// <span style="color:#f9fbe7">&#9632;</span> (#f9fbe7)
384    pub const LIME_50: HexColor = HexColor("#f9fbe7");
385    /// <span style="color:#f0f4c3">&#9632;</span> (#f0f4c3)
386    pub const LIME_100: HexColor = HexColor("#f0f4c3");
387    /// <span style="color:#e6ee9c">&#9632;</span> (#e6ee9c)
388    pub const LIME_200: HexColor = HexColor("#e6ee9c");
389    /// <span style="color:#dce775">&#9632;</span> (#dce775)
390    pub const LIME_300: HexColor = HexColor("#dce775");
391    /// <span style="color:#d4e157">&#9632;</span> (#d4e157)
392    pub const LIME_400: HexColor = HexColor("#d4e157");
393    /// <span style="color:#cddc39">&#9632;</span> (#cddc39)
394    pub const LIME_500: HexColor = HexColor("#cddc39");
395    /// <span style="color:#c0ca33">&#9632;</span> (#c0ca33)
396    pub const LIME_600: HexColor = HexColor("#c0ca33");
397    /// <span style="color:#afb42b">&#9632;</span> (#afb42b)
398    pub const LIME_700: HexColor = HexColor("#afb42b");
399    /// <span style="color:#9e9d24">&#9632;</span> (#9e9d24)
400    pub const LIME_800: HexColor = HexColor("#9e9d24");
401    /// <span style="color:#827717">&#9632;</span> (#827717)
402    pub const LIME_900: HexColor = HexColor("#827717");
403    /// <span style="color:#f4ff81">&#9632;</span> (#f4ff81)
404    pub const LIME_A100: HexColor = HexColor("#f4ff81");
405    /// <span style="color:#eeff41">&#9632;</span> (#eeff41)
406    pub const LIME_A200: HexColor = HexColor("#eeff41");
407    /// <span style="color:#c6ff00">&#9632;</span> (#c6ff00)
408    pub const LIME_A400: HexColor = HexColor("#c6ff00");
409    /// <span style="color:#aeea00">&#9632;</span> (#aeea00)
410    pub const LIME_A700: HexColor = HexColor("#aeea00");
411
412    /// <span style="color:#fffde7">&#9632;</span> (#fffde7)
413    pub const YELLOW_50: HexColor = HexColor("#fffde7");
414    /// <span style="color:#fff9c4">&#9632;</span> (#fff9c4)
415    pub const YELLOW_100: HexColor = HexColor("#fff9c4");
416    /// <span style="color:#fff59d">&#9632;</span> (#fff59d)
417    pub const YELLOW_200: HexColor = HexColor("#fff59d");
418    /// <span style="color:#fff176">&#9632;</span> (#fff176)
419    pub const YELLOW_300: HexColor = HexColor("#fff176");
420    /// <span style="color:#ffee58">&#9632;</span> (#ffee58)
421    pub const YELLOW_400: HexColor = HexColor("#ffee58");
422    /// <span style="color:#ffeb3b">&#9632;</span> (#ffeb3b)
423    pub const YELLOW_500: HexColor = HexColor("#ffeb3b");
424    /// <span style="color:#fdd835">&#9632;</span> (#fdd835)
425    pub const YELLOW_600: HexColor = HexColor("#fdd835");
426    /// <span style="color:#fbc02d">&#9632;</span> (#fbc02d)
427    pub const YELLOW_700: HexColor = HexColor("#fbc02d");
428    /// <span style="color:#f9a825">&#9632;</span> (#f9a825)
429    pub const YELLOW_800: HexColor = HexColor("#f9a825");
430    /// <span style="color:#f57f17">&#9632;</span> (#f57f17)
431    pub const YELLOW_900: HexColor = HexColor("#f57f17");
432    /// <span style="color:#ffff8d">&#9632;</span> (#ffff8d)
433    pub const YELLOW_A100: HexColor = HexColor("#ffff8d");
434    /// <span style="color:#ffff00">&#9632;</span> (#ffff00)
435    pub const YELLOW_A200: HexColor = HexColor("#ffff00");
436    /// <span style="color:#ffea00">&#9632;</span> (#ffea00)
437    pub const YELLOW_A400: HexColor = HexColor("#ffea00");
438    /// <span style="color:#ffd600">&#9632;</span> (#ffd600)
439    pub const YELLOW_A700: HexColor = HexColor("#ffd600");
440
441    /// <span style="color:#fff8e1">&#9632;</span> (#fff8e1)
442    pub const AMBER_50: HexColor = HexColor("#fff8e1");
443    /// <span style="color:#ffecb3">&#9632;</span> (#ffecb3)
444    pub const AMBER_100: HexColor = HexColor("#ffecb3");
445    /// <span style="color:#ffe082">&#9632;</span> (#ffe082)
446    pub const AMBER_200: HexColor = HexColor("#ffe082");
447    /// <span style="color:#ffd54f">&#9632;</span> (#ffd54f)
448    pub const AMBER_300: HexColor = HexColor("#ffd54f");
449    /// <span style="color:#ffca28">&#9632;</span> (#ffca28)
450    pub const AMBER_400: HexColor = HexColor("#ffca28");
451    /// <span style="color:#ffc107">&#9632;</span> (#ffc107)
452    pub const AMBER_500: HexColor = HexColor("#ffc107");
453    /// <span style="color:#ffb300">&#9632;</span> (#ffb300)
454    pub const AMBER_600: HexColor = HexColor("#ffb300");
455    /// <span style="color:#ffa000">&#9632;</span> (#ffa000)
456    pub const AMBER_700: HexColor = HexColor("#ffa000");
457    /// <span style="color:#ff8f00">&#9632;</span> (#ff8f00)
458    pub const AMBER_800: HexColor = HexColor("#ff8f00");
459    /// <span style="color:#ff6f00">&#9632;</span> (#ff6f00)
460    pub const AMBER_900: HexColor = HexColor("#ff6f00");
461    /// <span style="color:#ffe57f">&#9632;</span> (#ffe57f)
462    pub const AMBER_A100: HexColor = HexColor("#ffe57f");
463    /// <span style="color:#ffd740">&#9632;</span> (#ffd740)
464    pub const AMBER_A200: HexColor = HexColor("#ffd740");
465    /// <span style="color:#ffc400">&#9632;</span> (#ffc400)
466    pub const AMBER_A400: HexColor = HexColor("#ffc400");
467    /// <span style="color:#ffab00">&#9632;</span> (#ffab00)
468    pub const AMBER_A700: HexColor = HexColor("#ffab00");
469
470    /// <span style="color:#fff3e0">&#9632;</span> (#fff3e0)
471    pub const ORANGE_50: HexColor = HexColor("#fff3e0");
472    /// <span style="color:#ffe0b2">&#9632;</span> (#ffe0b2)
473    pub const ORANGE_100: HexColor = HexColor("#ffe0b2");
474    /// <span style="color:#ffcc80">&#9632;</span> (#ffcc80)
475    pub const ORANGE_200: HexColor = HexColor("#ffcc80");
476    /// <span style="color:#ffb74d">&#9632;</span> (#ffb74d)
477    pub const ORANGE_300: HexColor = HexColor("#ffb74d");
478    /// <span style="color:#ffa726">&#9632;</span> (#ffa726)
479    pub const ORANGE_400: HexColor = HexColor("#ffa726");
480    /// <span style="color:#ff9800">&#9632;</span> (#ff9800)
481    pub const ORANGE_500: HexColor = HexColor("#ff9800");
482    /// <span style="color:#fb8c00">&#9632;</span> (#fb8c00)
483    pub const ORANGE_600: HexColor = HexColor("#fb8c00");
484    /// <span style="color:#f57c00">&#9632;</span> (#f57c00)
485    pub const ORANGE_700: HexColor = HexColor("#f57c00");
486    /// <span style="color:#ef6c00">&#9632;</span> (#ef6c00)
487    pub const ORANGE_800: HexColor = HexColor("#ef6c00");
488    /// <span style="color:#e65100">&#9632;</span> (#e65100)
489    pub const ORANGE_900: HexColor = HexColor("#e65100");
490    /// <span style="color:#ffd180">&#9632;</span> (#ffd180)
491    pub const ORANGE_A100: HexColor = HexColor("#ffd180");
492    /// <span style="color:#ffab40">&#9632;</span> (#ffab40)
493    pub const ORANGE_A200: HexColor = HexColor("#ffab40");
494    /// <span style="color:#ff9100">&#9632;</span> (#ff9100)
495    pub const ORANGE_A400: HexColor = HexColor("#ff9100");
496    /// <span style="color:#ff6d00">&#9632;</span> (#ff6d00)
497    pub const ORANGE_A700: HexColor = HexColor("#ff6d00");
498
499    /// <span style="color:#fbe9e7">&#9632;</span> (#fbe9e7)
500    pub const DEEP_ORANGE_50: HexColor = HexColor("#fbe9e7");
501    /// <span style="color:#ffccbc">&#9632;</span> (#ffccbc)
502    pub const DEEP_ORANGE_100: HexColor = HexColor("#ffccbc");
503    /// <span style="color:#ffab91">&#9632;</span> (#ffab91)
504    pub const DEEP_ORANGE_200: HexColor = HexColor("#ffab91");
505    /// <span style="color:#ff8a65">&#9632;</span> (#ff8a65)
506    pub const DEEP_ORANGE_300: HexColor = HexColor("#ff8a65");
507    /// <span style="color:#ff7043">&#9632;</span> (#ff7043)
508    pub const DEEP_ORANGE_400: HexColor = HexColor("#ff7043");
509    /// <span style="color:#ff5722">&#9632;</span> (#ff5722)
510    pub const DEEP_ORANGE_500: HexColor = HexColor("#ff5722");
511    /// <span style="color:#f4511e">&#9632;</span> (#f4511e)
512    pub const DEEP_ORANGE_600: HexColor = HexColor("#f4511e");
513    /// <span style="color:#e64a19">&#9632;</span> (#e64a19)
514    pub const DEEP_ORANGE_700: HexColor = HexColor("#e64a19");
515    /// <span style="color:#d84315">&#9632;</span> (#d84315)
516    pub const DEEP_ORANGE_800: HexColor = HexColor("#d84315");
517    /// <span style="color:#bf360c">&#9632;</span> (#bf360c)
518    pub const DEEP_ORANGE_900: HexColor = HexColor("#bf360c");
519    /// <span style="color:#ff9e80">&#9632;</span> (#ff9e80)
520    pub const DEEP_ORANGE_A100: HexColor = HexColor("#ff9e80");
521    /// <span style="color:#ff6e40">&#9632;</span> (#ff6e40)
522    pub const DEEP_ORANGE_A200: HexColor = HexColor("#ff6e40");
523    /// <span style="color:#ff3d00">&#9632;</span> (#ff3d00)
524    pub const DEEP_ORANGE_A400: HexColor = HexColor("#ff3d00");
525    /// <span style="color:#dd2c00">&#9632;</span> (#dd2c00)
526    pub const DEEP_ORANGE_A700: HexColor = HexColor("#dd2c00");
527
528    /// <span style="color:#efebe9">&#9632;</span> (#efebe9)
529    pub const BROWN_50: HexColor = HexColor("#efebe9");
530    /// <span style="color:#d7ccc8">&#9632;</span> (#d7ccc8)
531    pub const BROWN_100: HexColor = HexColor("#d7ccc8");
532    /// <span style="color:#bcaaa4">&#9632;</span> (#bcaaa4)
533    pub const BROWN_200: HexColor = HexColor("#bcaaa4");
534    /// <span style="color:#a1887f">&#9632;</span> (#a1887f)
535    pub const BROWN_300: HexColor = HexColor("#a1887f");
536    /// <span style="color:#8d6e63">&#9632;</span> (#8d6e63)
537    pub const BROWN_400: HexColor = HexColor("#8d6e63");
538    /// <span style="color:#795548">&#9632;</span> (#795548)
539    pub const BROWN_500: HexColor = HexColor("#795548");
540    /// <span style="color:#6d4c41">&#9632;</span> (#6d4c41)
541    pub const BROWN_600: HexColor = HexColor("#6d4c41");
542    /// <span style="color:#5d4037">&#9632;</span> (#5d4037)
543    pub const BROWN_700: HexColor = HexColor("#5d4037");
544    /// <span style="color:#4e342e">&#9632;</span> (#4e342e)
545    pub const BROWN_800: HexColor = HexColor("#4e342e");
546    /// <span style="color:#3e2723">&#9632;</span> (#3e2723)
547    pub const BROWN_900: HexColor = HexColor("#3e2723");
548
549    /// <span style="color:#fafafa">&#9632;</span> (#fafafa)
550    pub const GREY_50: HexColor = HexColor("#fafafa");
551    /// <span style="color:#f5f5f5">&#9632;</span> (#f5f5f5)
552    pub const GREY_100: HexColor = HexColor("#f5f5f5");
553    /// <span style="color:#eeeeee">&#9632;</span> (#eeeeee)
554    pub const GREY_200: HexColor = HexColor("#eeeeee");
555    /// <span style="color:#e0e0e0">&#9632;</span> (#e0e0e0)
556    pub const GREY_300: HexColor = HexColor("#e0e0e0");
557    /// <span style="color:#bdbdbd">&#9632;</span> (#bdbdbd)
558    pub const GREY_400: HexColor = HexColor("#bdbdbd");
559    /// <span style="color:#9e9e9e">&#9632;</span> (#9e9e9e)
560    pub const GREY_500: HexColor = HexColor("#9e9e9e");
561    /// <span style="color:#757575">&#9632;</span> (#757575)
562    pub const GREY_600: HexColor = HexColor("#757575");
563    /// <span style="color:#616161">&#9632;</span> (#616161)
564    pub const GREY_700: HexColor = HexColor("#616161");
565    /// <span style="color:#424242">&#9632;</span> (#424242)
566    pub const GREY_800: HexColor = HexColor("#424242");
567    /// <span style="color:#212121">&#9632;</span> (#212121)
568    pub const GREY_900: HexColor = HexColor("#212121");
569
570    /// <span style="color:#eceff1">&#9632;</span> (#eceff1)
571    pub const BLUE_GREY_50: HexColor = HexColor("#eceff1");
572    /// <span style="color:#cfd8dc">&#9632;</span> (#cfd8dc)
573    pub const BLUE_GREY_100: HexColor = HexColor("#cfd8dc");
574    /// <span style="color:#b0bec5">&#9632;</span> (#b0bec5)
575    pub const BLUE_GREY_200: HexColor = HexColor("#b0bec5");
576    /// <span style="color:#90a4ae">&#9632;</span> (#90a4ae)
577    pub const BLUE_GREY_300: HexColor = HexColor("#90a4ae");
578    /// <span style="color:#78909c">&#9632;</span> (#78909c)
579    pub const BLUE_GREY_400: HexColor = HexColor("#78909c");
580    /// <span style="color:#607d8b">&#9632;</span> (#607d8b)
581    pub const BLUE_GREY_500: HexColor = HexColor("#607d8b");
582    /// <span style="color:#546e7a">&#9632;</span> (#546e7a)
583    pub const BLUE_GREY_600: HexColor = HexColor("#546e7a");
584    /// <span style="color:#455a64">&#9632;</span> (#455a64)
585    pub const BLUE_GREY_700: HexColor = HexColor("#455a64");
586    /// <span style="color:#37474f">&#9632;</span> (#37474f)
587    pub const BLUE_GREY_800: HexColor = HexColor("#37474f");
588    /// <span style="color:#263238">&#9632;</span> (#263238)
589    pub const BLUE_GREY_900: HexColor = HexColor("#263238");
590
591    /// <span style="color:#000000">&#9632;</span> (#000000)
592    pub const BLACK: HexColor = HexColor("#000000");
593    /// <span style="color:#ffffff">&#9632;</span> (#ffffff)
594    pub const WHITE: HexColor = HexColor("#ffffff");
595}