uzor 1.0.20

Core UI engine — geometry, interaction, input state
Documentation 
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

//! Light appearance mode color palette

use super::ColorPalette;

pub const LIGHT: ColorPalette = ColorPalette {
    // Labels
    label: "#000000",
    secondary_label: "#3C3C43",
    tertiary_label: "#3C3C4399",
    quaternary_label: "#3C3C432E",

    // Text
    text: "#000000",
    placeholder_text: "#3C3C434C",
    selected_text: "#000000",
    text_background: "#FFFFFF",
    selected_text_background: "#B3D7FF",

    // Content
    link: "#0068DA",
    separator: "#0000001F",
    selected_content_background: "#0063E1",
    unemphasized_selected_content_background: "#E5E5E5",

    // Menu
    selected_menu_item_text: "#FFFFFF",

    // Table
    grid: "#D1D1D6",
    header_text: "#000000",
    alternating_even: "#FFFFFF",
    alternating_odd: "#F5F5F7",

    // Controls
    control_accent: "#007AFF",
    control: "#FFFFFF",
    control_background: "#FFFFFF",
    control_text: "#000000",
    disabled_control_text: "#3C3C434C",
    selected_control: "#007AFF",
    selected_control_text: "#FFFFFF",

    // Windows
    window_background: "#ECECEC",
    window_frame_text: "#000000",
    under_page_background: "#A8A8A8",

    // System accent colors
    system_blue: "#007AFF",
    system_brown: "#A2845E",
    system_gray: "#8E8E93",
    system_green: "#34C759",
    system_indigo: "#5856D6",
    system_orange: "#FF9500",
    system_pink: "#FF2D55",
    system_purple: "#AF52DE",
    system_red: "#FF3B30",
    system_teal: "#5AC8FA",
    system_yellow: "#FFCC00",

    // Fills
    fill_primary: "#00000014",
    fill_secondary: "#0000000F",
    fill_tertiary: "#0000000A",
    fill_quaternary: "#00000005",

    // Shadows
    shadow_color: "#00000040",
};