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

//! Panel colour palette trait and default dark-theme implementation.
//!
//! Token values ported from mlc `panel_theme.rs` audit (`panel-deep.md` §6).

// ---------------------------------------------------------------------------
// PanelTheme trait
// ---------------------------------------------------------------------------

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

    /// Panel body background fill.  Default: `#0d1117`.
    fn bg(&self) -> &str;

    /// Border / outline colour.  Default: `#30363d`.
    fn border(&self) -> &str;

    // --- Header strip ---

    /// Header zone background.  Default: `#161b22`.
    fn header_bg(&self) -> &str;

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

    // --- Column-header row ---

    /// Column-header zone background.  Default: `#161b22`.
    fn column_header_bg(&self) -> &str;

    /// Column-header label text.  Default: `#8b949e`.
    fn column_header_text(&self) -> &str;

    // --- Body rows ---

    /// Normal row background (even rows or ungrouped).  Default: `#0d1117`.
    fn row_bg_normal(&self) -> &str;

    /// Row background on hover.  Default: `#2a2f40`.
    fn row_bg_hover(&self) -> &str;

    /// Row background when selected.  Default: `#1e2538`.
    fn row_bg_selected(&self) -> &str;

    // --- Footer ---

    /// Footer zone background.  Default: `#161b22`.
    fn footer_bg(&self) -> &str;

    /// Footer text colour.  Default: `#8b949e`.
    fn footer_text(&self) -> &str;

    // --- Dividers ---

    /// 1 px separator line between zones.  Default: `#30363d`.
    fn divider(&self) -> &str;

    // --- Action buttons ---

    /// Icon colour for header action buttons in idle state.  Default: `#8b949e`.
    fn action_icon_normal(&self) -> &str;

    /// Icon colour for header action buttons on hover.  Default: `#e0e0e0`.
    fn action_icon_hover(&self) -> &str;

    // --- Sort arrow ---

    /// Sort arrow / indicator colour.  Default: `#58a6ff`.
    fn sort_arrow_color(&self) -> &str;
}

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

/// Default dark-theme implementation matching mlc panel colours.
#[derive(Default)]
pub struct DefaultPanelTheme;

impl PanelTheme for DefaultPanelTheme {
    // Frame
    fn bg(&self)     -> &str { "#0d1117" }
    fn border(&self) -> &str { "#30363d" }

    // Header strip
    fn header_bg(&self)   -> &str { "#161b22" }
    fn header_text(&self) -> &str { "#8091a5" }

    // Column-header row
    fn column_header_bg(&self)   -> &str { "#161b22" }
    fn column_header_text(&self) -> &str { "#8b949e" }

    // Body rows
    fn row_bg_normal(&self)   -> &str { "#0d1117" }
    fn row_bg_hover(&self)    -> &str { "#2a2f40" }
    fn row_bg_selected(&self) -> &str { "#1e2538" }

    // Footer
    fn footer_bg(&self)   -> &str { "#161b22" }
    fn footer_text(&self) -> &str { "#8b949e" }

    // Dividers
    fn divider(&self) -> &str { "#30363d" }

    // Action buttons
    fn action_icon_normal(&self) -> &str { "#8b949e" }
    fn action_icon_hover(&self)  -> &str { "#e0e0e0" }

    // Sort arrow
    fn sort_arrow_color(&self) -> &str { "#58a6ff" }
}