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

//! Sidebar colour palette trait and default dark-theme implementation.
//!
//! Token values ported from `ToolbarTheme` usage in the mlc sidebar audit
//! (`sidebar-deep.md` §6).

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

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

    /// Left/right border line (1 px separator between chart area and sidebar).
    /// Default: `#363a45`.
    fn border(&self) -> &str;

    // --- Header ---

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

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

    /// Header icon colour (normal).  Default: `#9598a1`.
    fn header_icon(&self) -> &str;

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

    // --- Action buttons ---

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

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

    // --- Scrollbar (delegated) ---

    /// Scrollbar thumb colour in idle state.  Default: `#363a45`.
    fn scrollbar_thumb(&self) -> &str;

    /// Scrollbar thumb colour on hover / drag.  Default: `#787b86`.
    fn scrollbar_thumb_active(&self) -> &str;

    // --- Tab strip (WithTypeSelector) ---

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

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

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

impl SidebarTheme for DefaultSidebarTheme {
    // Frame
    fn bg(&self)     -> &str { "#1e222d" }
    fn border(&self) -> &str { "#363a45" }

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

    // Action buttons
    fn action_icon_normal(&self) -> &str { "#9598a1" }
    fn action_icon_hover(&self)  -> &str { "#ffffff" }

    // Scrollbar
    fn scrollbar_thumb(&self)        -> &str { "#363a45" }
    fn scrollbar_thumb_active(&self) -> &str { "#787b86" }

    // 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)" }
}