uzor 1.1.8

Core UI engine — geometry, interaction, input state
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117

//! Popup colour palette trait and default dark-theme implementation.
//!
//! Token values ported from the mlc audit (`popup-deep.md` §7).

/// Colour tokens for the popup composite.
///
/// Implement this trait on your app theme struct to plug in custom colours.
pub trait PopupTheme {
    // --- Frame ---

    /// Popup background fill.  Default: `#1e222d`.
    fn bg(&self) -> &str;

    /// Frame border (1 px stroke).  Default: `#363a45`.
    fn border(&self) -> &str;

    /// Shadow rect fill.  Default: `rgba(0,0,0,0.4)`.
    fn shadow(&self) -> &str;

    // --- Items (ItemList / IndicatorStrip) ---

    /// Normal item background.  Default: transparent (same as frame bg).
    fn item_bg_normal(&self) -> &str;

    /// Hovered item background.  Default: `#2a2e39`.
    fn item_bg_hover(&self) -> &str;

    /// Selected / active item background.  Default: `rgba(41,98,255,0.15)`.
    fn item_bg_selected(&self) -> &str;

    /// Normal item text colour.  Default: `#d1d4dc`.
    fn item_text(&self) -> &str;

    /// Hovered item text colour.  Default: `#ffffff`.
    fn item_text_hover(&self) -> &str;

    /// Disabled item text colour.  Default: `#6a6d78`.
    fn item_text_disabled(&self) -> &str;

    /// Danger item text colour.  Default: `#f23645`.
    fn item_text_danger(&self) -> &str;

    /// Danger item background on hover.  Default: `rgba(242,54,69,0.15)`.
    fn item_bg_danger_hover(&self) -> &str;

    /// Section header text colour.  Default: `#ffffff`.
    fn header_text(&self) -> &str;

    /// Separator line colour.  Default: `#363a45`.
    fn separator(&self) -> &str;

    // --- Hex input (ColorPickerHsv) ---

    /// Hex input field background.  Default: `#2a2e39`.
    fn hex_input_bg(&self) -> &str;

    /// Hex input text colour.  Default: `#d1d4dc`.
    fn hex_input_text(&self) -> &str;

    /// Hex input border (focused).  Default: `#2962ff`.
    fn hex_input_border_focus(&self) -> &str;

    // --- HSV / color picker ---

    /// Hue bar gradient — provided as CSS; renderers may ignore this and draw
    /// a native rainbow gradient.  Default: `"rainbow"`.
    fn hsv_indicator(&self) -> &str;

    /// Accent colour for sliders, active borders, Add button.  Default: `#2962ff`.
    fn accent(&self) -> &str;

    // --- Backdrop ---

    /// Backdrop dim fill used for `BackdropKind::Dim`.  Default: `rgba(0,0,0,0.45)`.
    fn backdrop_dim(&self) -> &str;
}

// ---------------------------------------------------------------------------
// Default dark theme
// ---------------------------------------------------------------------------

/// Default dark-theme implementation.
///
/// Values sourced from the mlc audit (`popup-deep.md` §7).
#[derive(Default)]
pub struct DefaultPopupTheme;

impl PopupTheme for DefaultPopupTheme {
    // Frame
    fn bg(&self)     -> &str { "#1e222d" }
    fn border(&self) -> &str { "#363a45" }
    fn shadow(&self) -> &str { "rgba(0,0,0,0.4)" }

    // Items
    fn item_bg_normal(&self)      -> &str { "#1e222d" }
    fn item_bg_hover(&self)       -> &str { "#2a2e39" }
    fn item_bg_selected(&self)    -> &str { "rgba(41,98,255,0.15)" }
    fn item_text(&self)           -> &str { "#d1d4dc" }
    fn item_text_hover(&self)     -> &str { "#ffffff" }
    fn item_text_disabled(&self)  -> &str { "#6a6d78" }
    fn item_text_danger(&self)    -> &str { "#f23645" }
    fn item_bg_danger_hover(&self)-> &str { "rgba(242,54,69,0.15)" }
    fn header_text(&self)         -> &str { "#ffffff" }
    fn separator(&self)           -> &str { "#363a45" }

    // Hex input
    fn hex_input_bg(&self)           -> &str { "#2a2e39" }
    fn hex_input_text(&self)         -> &str { "#d1d4dc" }
    fn hex_input_border_focus(&self) -> &str { "#2962ff" }

    // HSV / color picker
    fn hsv_indicator(&self) -> &str { "rainbow" }
    fn accent(&self)        -> &str { "#2962ff" }

    // Backdrop
    fn backdrop_dim(&self) -> &str { "rgba(0,0,0,0.45)" }
}