CoCalc -- tokens.rs

GitHub Repository: bevyengine/bevy
Path: blob/main/crates/bevy_feathers/src/tokens.rs
⁶⁸⁴⁹ views
1
//! Design tokens used by Feathers themes.
2
//!
3
//! The term "design token" is commonly used in UX design to mean the smallest unit of a theme,
4
//! similar in concept to a CSS variable. Each token represents an assignment of a color or
5
//! value to a specific visual aspect of a widget, such as background or border.
6

7
use crate::theme::ThemeToken;
8

9
/// Window background
10
pub const WINDOW_BG: ThemeToken = ThemeToken::new_static("feathers.window.bg");
11

12
/// Focus ring
13
pub const FOCUS_RING: ThemeToken = ThemeToken::new_static("feathers.focus");
14

15
/// Regular text
16
pub const TEXT_MAIN: ThemeToken = ThemeToken::new_static("feathers.text.main");
17
/// Dim text
18
pub const TEXT_DIM: ThemeToken = ThemeToken::new_static("feathers.text.dim");
19

20
// Normal buttons
21

22
/// Regular button background
23
pub const BUTTON_BG: ThemeToken = ThemeToken::new_static("feathers.button.bg");
24
/// Regular button background (hovered)
25
pub const BUTTON_BG_HOVER: ThemeToken = ThemeToken::new_static("feathers.button.bg.hover");
26
/// Regular button background (disabled)
27
pub const BUTTON_BG_DISABLED: ThemeToken = ThemeToken::new_static("feathers.button.bg.disabled");
28
/// Regular button background (pressed)
29
pub const BUTTON_BG_PRESSED: ThemeToken = ThemeToken::new_static("feathers.button.bg.pressed");
30
/// Regular button text
31
pub const BUTTON_TEXT: ThemeToken = ThemeToken::new_static("feathers.button.txt");
32
/// Regular button text (disabled)
33
pub const BUTTON_TEXT_DISABLED: ThemeToken = ThemeToken::new_static("feathers.button.txt.disabled");
34

35
// Primary ("default") buttons
36

37
/// Primary button background
38
pub const BUTTON_PRIMARY_BG: ThemeToken = ThemeToken::new_static("feathers.button.primary.bg");
39
/// Primary button background (hovered)
40
pub const BUTTON_PRIMARY_BG_HOVER: ThemeToken =
41
    ThemeToken::new_static("feathers.button.primary.bg.hover");
42
/// Primary button background (disabled)
43
pub const BUTTON_PRIMARY_BG_DISABLED: ThemeToken =
44
    ThemeToken::new_static("feathers.button.primary.bg.disabled");
45
/// Primary button background (pressed)
46
pub const BUTTON_PRIMARY_BG_PRESSED: ThemeToken =
47
    ThemeToken::new_static("feathers.button.primary.bg.pressed");
48
/// Primary button text
49
pub const BUTTON_PRIMARY_TEXT: ThemeToken = ThemeToken::new_static("feathers.button.primary.txt");
50
/// Primary button text (disabled)
51
pub const BUTTON_PRIMARY_TEXT_DISABLED: ThemeToken =
52
    ThemeToken::new_static("feathers.button.primary.txt.disabled");
53

54
// Slider
55

56
/// Background for slider
57
pub const SLIDER_BG: ThemeToken = ThemeToken::new_static("feathers.slider.bg");
58
/// Background for slider moving bar
59
pub const SLIDER_BAR: ThemeToken = ThemeToken::new_static("feathers.slider.bar");
60
/// Background for slider moving bar (disabled)
61
pub const SLIDER_BAR_DISABLED: ThemeToken = ThemeToken::new_static("feathers.slider.bar.disabled");
62
/// Background for slider text
63
pub const SLIDER_TEXT: ThemeToken = ThemeToken::new_static("feathers.slider.text");
64
/// Background for slider text (disabled)
65
pub const SLIDER_TEXT_DISABLED: ThemeToken =
66
    ThemeToken::new_static("feathers.slider.text.disabled");
67

68
// Checkbox
69

70
/// Checkbox background around the checkmark
71
pub const CHECKBOX_BG: ThemeToken = ThemeToken::new_static("feathers.checkbox.bg");
72
/// Checkbox border around the checkmark (disabled)
73
pub const CHECKBOX_BG_DISABLED: ThemeToken =
74
    ThemeToken::new_static("feathers.checkbox.bg.disabled");
75
/// Checkbox background around the checkmark
76
pub const CHECKBOX_BG_CHECKED: ThemeToken = ThemeToken::new_static("feathers.checkbox.bg.checked");
77
/// Checkbox border around the checkmark (disabled)
78
pub const CHECKBOX_BG_CHECKED_DISABLED: ThemeToken =
79
    ThemeToken::new_static("feathers.checkbox.bg.checked.disabled");
80
/// Checkbox border around the checkmark
81
pub const CHECKBOX_BORDER: ThemeToken = ThemeToken::new_static("feathers.checkbox.border");
82
/// Checkbox border around the checkmark (hovered)
83
pub const CHECKBOX_BORDER_HOVER: ThemeToken =
84
    ThemeToken::new_static("feathers.checkbox.border.hover");
85
/// Checkbox border around the checkmark (disabled)
86
pub const CHECKBOX_BORDER_DISABLED: ThemeToken =
87
    ThemeToken::new_static("feathers.checkbox.border.disabled");
88
/// Checkbox check mark
89
pub const CHECKBOX_MARK: ThemeToken = ThemeToken::new_static("feathers.checkbox.mark");
90
/// Checkbox check mark (disabled)
91
pub const CHECKBOX_MARK_DISABLED: ThemeToken =
92
    ThemeToken::new_static("feathers.checkbox.mark.disabled");
93
/// Checkbox label text
94
pub const CHECKBOX_TEXT: ThemeToken = ThemeToken::new_static("feathers.checkbox.text");
95
/// Checkbox label text (disabled)
96
pub const CHECKBOX_TEXT_DISABLED: ThemeToken =
97
    ThemeToken::new_static("feathers.checkbox.text.disabled");
98

99
// Radio button
100

101
/// Radio border around the checkmark
102
pub const RADIO_BORDER: ThemeToken = ThemeToken::new_static("feathers.radio.border");
103
/// Radio border around the checkmark (hovered)
104
pub const RADIO_BORDER_HOVER: ThemeToken = ThemeToken::new_static("feathers.radio.border.hover");
105
/// Radio border around the checkmark (disabled)
106
pub const RADIO_BORDER_DISABLED: ThemeToken =
107
    ThemeToken::new_static("feathers.radio.border.disabled");
108
/// Radio check mark
109
pub const RADIO_MARK: ThemeToken = ThemeToken::new_static("feathers.radio.mark");
110
/// Radio check mark (disabled)
111
pub const RADIO_MARK_DISABLED: ThemeToken = ThemeToken::new_static("feathers.radio.mark.disabled");
112
/// Radio label text
113
pub const RADIO_TEXT: ThemeToken = ThemeToken::new_static("feathers.radio.text");
114
/// Radio label text (disabled)
115
pub const RADIO_TEXT_DISABLED: ThemeToken = ThemeToken::new_static("feathers.radio.text.disabled");
116

117
// Toggle Switch
118

119
/// Switch background around the checkmark
120
pub const SWITCH_BG: ThemeToken = ThemeToken::new_static("feathers.switch.bg");
121
/// Switch border around the checkmark (disabled)
122
pub const SWITCH_BG_DISABLED: ThemeToken = ThemeToken::new_static("feathers.switch.bg.disabled");
123
/// Switch background around the checkmark
124
pub const SWITCH_BG_CHECKED: ThemeToken = ThemeToken::new_static("feathers.switch.bg.checked");
125
/// Switch border around the checkmark (disabled)
126
pub const SWITCH_BG_CHECKED_DISABLED: ThemeToken =
127
    ThemeToken::new_static("feathers.switch.bg.checked.disabled");
128
/// Switch border around the checkmark
129
pub const SWITCH_BORDER: ThemeToken = ThemeToken::new_static("feathers.switch.border");
130
/// Switch border around the checkmark (hovered)
131
pub const SWITCH_BORDER_HOVER: ThemeToken = ThemeToken::new_static("feathers.switch.border.hover");
132
/// Switch border around the checkmark (disabled)
133
pub const SWITCH_BORDER_DISABLED: ThemeToken =
134
    ThemeToken::new_static("feathers.switch.border.disabled");
135
/// Switch slide
136
pub const SWITCH_SLIDE: ThemeToken = ThemeToken::new_static("feathers.switch.slide");
137
/// Switch slide (disabled)
138
pub const SWITCH_SLIDE_DISABLED: ThemeToken =
139
    ThemeToken::new_static("feathers.switch.slide.disabled");
140

141
Product

Resources

Company
