uzor 1.2.0

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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140

//! Modal colour palette trait and default dark-theme implementation.
//!
//! All colour values ported from the mlc audit in `modal-deep.md` §7 and
//! `render_modal_frame_only` in `mylittlechart/crates/chart/src/layout/modals/`.

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

    /// Modal 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;

    // --- Header ---

    /// Header zone background.  Default: same as `bg` (`#1e222d`).
    fn header_bg(&self) -> &str;

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

    /// Header bottom separator line.  Default: `#363a45`.
    fn divider(&self) -> &str;

    // --- Footer ---

    /// Footer zone background.  Default: same as `bg`.
    fn footer_bg(&self) -> &str;

    /// Footer top separator line.  Default: `#363a45`.
    fn footer_border(&self) -> &str;

    // --- Close button ---

    /// Close-X icon colour in idle state.  Default: `#9598a1`.
    fn close_icon(&self) -> &str;

    /// Close-X icon colour on hover.  Default: `#ffffff`.
    fn close_icon_hover(&self) -> &str;

    // --- Backdrop ---

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

    /// Backdrop fill colour for `BackdropKind::FullBlock`.
    /// Default: `#131722` (near-black, matches mlc WelcomeWizard background).
    fn backdrop_full(&self) -> &str;

    // --- Sidebar (SideTabs) ---

    /// Sidebar strip background.  Default: `#1e222d` (same as frame bg).
    fn sidebar_bg(&self) -> &str;

    /// Sidebar right-edge separator.  Default: `#363a45`.
    fn sidebar_border(&self) -> &str;

    // --- Tab strip ---

    /// Active tab text colour.  Default: `#ffffff`.
    fn tab_text_active(&self) -> &str;

    /// Inactive tab text colour.  Default: `#787b86`.
    fn tab_text_inactive(&self) -> &str;

    /// Active tab underline / sidebar left-border accent.  Default: `#2962ff`.
    fn tab_accent(&self) -> &str;

    /// Active tab background highlight.  Default: `rgba(41,98,255,0.12)`.
    fn tab_bg_active(&self) -> &str;

    /// Hovered tab background.  Default: `rgba(255,255,255,0.06)`.
    fn tab_bg_hover(&self) -> &str;

    // --- Wizard ---

    /// Inactive page-dot colour.  Default: `#363a45`.
    fn wizard_dot_inactive(&self) -> &str;

    /// Active page-dot colour.  Default: `#2962ff`.
    fn wizard_dot_active(&self) -> &str;
}

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

/// Default dark-theme implementation.
///
/// Values sourced from the mlc audit (§7, `modal-deep.md`) and
/// `render_modal_frame_only`.
#[derive(Default)]
pub struct DefaultModalTheme;

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

    // Header
    fn header_bg(&self)   -> &str { "#1e222d" }
    fn header_text(&self) -> &str { "#ffffff" }
    fn divider(&self)     -> &str { "#363a45" }

    // Footer
    fn footer_bg(&self)     -> &str { "#1e222d" }
    fn footer_border(&self) -> &str { "#363a45" }

    // Close button
    fn close_icon(&self)       -> &str { "#9598a1" }
    fn close_icon_hover(&self) -> &str { "#ffffff" }

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

    // Sidebar
    fn sidebar_bg(&self)     -> &str { "#1e222d" }
    fn sidebar_border(&self) -> &str { "#363a45" }

    // Tab strip
    fn tab_text_active(&self)   -> &str { "#ffffff" }
    fn tab_text_inactive(&self) -> &str { "#787b86" }
    fn tab_accent(&self)        -> &str { "#2962ff" }
    fn tab_bg_active(&self)     -> &str { "rgba(41,98,255,0.12)" }
    fn tab_bg_hover(&self)      -> &str { "rgba(255,255,255,0.06)" }

    // Wizard dots
    fn wizard_dot_inactive(&self) -> &str { "#363a45" }
    fn wizard_dot_active(&self)   -> &str { "#2962ff" }
}