b980d4ac22
Adds checkbox and radio buttons to feathers. Showcase: <img width="378" alt="feathers-checkbox-radio" src="https://github.com/user-attachments/assets/76d35589-6400-49dd-bf98-aeca2f39a472" />
102 lines
4.2 KiB
Rust
102 lines
4.2 KiB
Rust
//! Design tokens used by Feathers themes.
|
|
//!
|
|
//! The term "design token" is commonly used in UX design to mean the smallest unit of a theme,
|
|
//! similar in concept to a CSS variable. Each token represents an assignment of a color or
|
|
//! value to a specific visual aspect of a widget, such as background or border.
|
|
|
|
/// Window background
|
|
pub const WINDOW_BG: &str = "feathers.window.bg";
|
|
|
|
/// Focus ring
|
|
pub const FOCUS_RING: &str = "feathers.focus";
|
|
|
|
/// Regular text
|
|
pub const TEXT_MAIN: &str = "feathers.text.main";
|
|
/// Dim text
|
|
pub const TEXT_DIM: &str = "feathers.text.dim";
|
|
|
|
// Normal buttons
|
|
|
|
/// Regular button background
|
|
pub const BUTTON_BG: &str = "feathers.button.bg";
|
|
/// Regular button background (hovered)
|
|
pub const BUTTON_BG_HOVER: &str = "feathers.button.bg.hover";
|
|
/// Regular button background (disabled)
|
|
pub const BUTTON_BG_DISABLED: &str = "feathers.button.bg.disabled";
|
|
/// Regular button background (pressed)
|
|
pub const BUTTON_BG_PRESSED: &str = "feathers.button.bg.pressed";
|
|
/// Regular button text
|
|
pub const BUTTON_TEXT: &str = "feathers.button.txt";
|
|
/// Regular button text (disabled)
|
|
pub const BUTTON_TEXT_DISABLED: &str = "feathers.button.txt.disabled";
|
|
|
|
// Primary ("default") buttons
|
|
|
|
/// Primary button background
|
|
pub const BUTTON_PRIMARY_BG: &str = "feathers.button.primary.bg";
|
|
/// Primary button background (hovered)
|
|
pub const BUTTON_PRIMARY_BG_HOVER: &str = "feathers.button.primary.bg.hover";
|
|
/// Primary button background (disabled)
|
|
pub const BUTTON_PRIMARY_BG_DISABLED: &str = "feathers.button.primary.bg.disabled";
|
|
/// Primary button background (pressed)
|
|
pub const BUTTON_PRIMARY_BG_PRESSED: &str = "feathers.button.primary.bg.pressed";
|
|
/// Primary button text
|
|
pub const BUTTON_PRIMARY_TEXT: &str = "feathers.button.primary.txt";
|
|
/// Primary button text (disabled)
|
|
pub const BUTTON_PRIMARY_TEXT_DISABLED: &str = "feathers.button.primary.txt.disabled";
|
|
|
|
// Slider
|
|
|
|
/// Background for slider
|
|
pub const SLIDER_BG: &str = "feathers.slider.bg";
|
|
/// Background for slider moving bar
|
|
pub const SLIDER_BAR: &str = "feathers.slider.bar";
|
|
/// Background for slider moving bar (disabled)
|
|
pub const SLIDER_BAR_DISABLED: &str = "feathers.slider.bar.disabled";
|
|
/// Background for slider text
|
|
pub const SLIDER_TEXT: &str = "feathers.slider.text";
|
|
/// Background for slider text (disabled)
|
|
pub const SLIDER_TEXT_DISABLED: &str = "feathers.slider.text.disabled";
|
|
|
|
// Checkbox
|
|
|
|
/// Checkbox background around the checkmark
|
|
pub const CHECKBOX_BG: &str = "feathers.checkbox.bg";
|
|
/// Checkbox border around the checkmark (disabled)
|
|
pub const CHECKBOX_BG_DISABLED: &str = "feathers.checkbox.bg.disabled";
|
|
/// Checkbox background around the checkmark
|
|
pub const CHECKBOX_BG_CHECKED: &str = "feathers.checkbox.bg.checked";
|
|
/// Checkbox border around the checkmark (disabled)
|
|
pub const CHECKBOX_BG_CHECKED_DISABLED: &str = "feathers.checkbox.bg.checked.disabled";
|
|
/// Checkbox border around the checkmark
|
|
pub const CHECKBOX_BORDER: &str = "feathers.checkbox.border";
|
|
/// Checkbox border around the checkmark (hovered)
|
|
pub const CHECKBOX_BORDER_HOVER: &str = "feathers.checkbox.border.hover";
|
|
/// Checkbox border around the checkmark (disabled)
|
|
pub const CHECKBOX_BORDER_DISABLED: &str = "feathers.checkbox.border.disabled";
|
|
/// Checkbox check mark
|
|
pub const CHECKBOX_MARK: &str = "feathers.checkbox.mark";
|
|
/// Checkbox check mark (disabled)
|
|
pub const CHECKBOX_MARK_DISABLED: &str = "feathers.checkbox.mark.disabled";
|
|
/// Checkbox label text
|
|
pub const CHECKBOX_TEXT: &str = "feathers.checkbox.text";
|
|
/// Checkbox label text (disabled)
|
|
pub const CHECKBOX_TEXT_DISABLED: &str = "feathers.checkbox.text.disabled";
|
|
|
|
// Radio button
|
|
|
|
/// Radio border around the checkmark
|
|
pub const RADIO_BORDER: &str = "feathers.radio.border";
|
|
/// Radio border around the checkmark (hovered)
|
|
pub const RADIO_BORDER_HOVER: &str = "feathers.radio.border.hover";
|
|
/// Radio border around the checkmark (disabled)
|
|
pub const RADIO_BORDER_DISABLED: &str = "feathers.radio.border.disabled";
|
|
/// Radio check mark
|
|
pub const RADIO_MARK: &str = "feathers.radio.mark";
|
|
/// Radio check mark (disabled)
|
|
pub const RADIO_MARK_DISABLED: &str = "feathers.radio.mark.disabled";
|
|
/// Radio label text
|
|
pub const RADIO_TEXT: &str = "feathers.radio.text";
|
|
/// Radio label text (disabled)
|
|
pub const RADIO_TEXT_DISABLED: &str = "feathers.radio.text.disabled";
|