mirui 0.46.0

A lightweight, no_std ECS-driven UI framework for embedded, mobile, desktop, and WebAssembly
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

//! Shared presentation palettes for the Gallery showcase family.

use crate::ecs::World;
use crate::types::Color;
use crate::ui::theme::{self, ColorToken, Theme, ThemeInfo};

pub const DARK_ID: &str = "showcase-dark";
pub const LIGHT_ID: &str = "showcase-light";

pub fn dark() -> Theme {
    Theme::dark()
        .with_info(ThemeInfo::new(
            DARK_ID,
            "Showcase Dark",
            "Deep navy surfaces with cyan, blue, violet, and amber signals",
        ))
        .with_many([
            (ColorToken::Surface, Color::rgb(6, 16, 23)),
            (ColorToken::OnSurface, Color::rgb(232, 240, 248)),
            (ColorToken::SurfaceVariant, Color::rgb(17, 30, 49)),
            (ColorToken::OnSurfaceVariant, Color::rgb(139, 163, 188)),
            (ColorToken::Outline, Color::rgb(47, 73, 101)),
            (ColorToken::Primary, Color::rgb(86, 226, 205)),
            (ColorToken::OnPrimary, Color::rgb(6, 16, 23)),
            (ColorToken::Secondary, Color::rgb(102, 161, 255)),
            (ColorToken::OnSecondary, Color::rgb(6, 16, 23)),
            (ColorToken::Tertiary, Color::rgb(179, 132, 255)),
            (ColorToken::OnTertiary, Color::rgb(6, 16, 23)),
            (ColorToken::Success, Color::rgb(255, 198, 92)),
            (ColorToken::Error, Color::rgb(244, 96, 112)),
            (ColorToken::Shadow, Color::rgb(0, 5, 12)),
        ])
}

pub fn light() -> Theme {
    Theme::light()
        .with_info(ThemeInfo::new(
            LIGHT_ID,
            "Showcase Light",
            "Cool paper surfaces with deep teal, blue, violet, and amber signals",
        ))
        .with_many([
            (ColorToken::Surface, Color::rgb(246, 249, 252)),
            (ColorToken::OnSurface, Color::rgb(18, 33, 49)),
            (ColorToken::SurfaceVariant, Color::rgb(226, 235, 244)),
            (ColorToken::OnSurfaceVariant, Color::rgb(91, 116, 139)),
            (ColorToken::Outline, Color::rgb(151, 174, 195)),
            (ColorToken::Primary, Color::rgb(16, 132, 121)),
            (ColorToken::OnPrimary, Color::rgb(255, 255, 255)),
            (ColorToken::Secondary, Color::rgb(48, 104, 196)),
            (ColorToken::OnSecondary, Color::rgb(255, 255, 255)),
            (ColorToken::Tertiary, Color::rgb(119, 78, 180)),
            (ColorToken::OnTertiary, Color::rgb(255, 255, 255)),
            (ColorToken::Success, Color::rgb(174, 103, 0)),
            (ColorToken::Error, Color::rgb(190, 54, 78)),
            (ColorToken::Shadow, Color::rgb(48, 65, 82)),
        ])
}

pub fn install(world: &mut World) {
    theme::register(world, dark());
    theme::register(world, light());
    theme::set_theme(world, DARK_ID).expect("showcase theme registered");
}

#[cfg(test)]
mod tests {
    use super::*;

    #[test]
    fn showcase_palettes_have_stable_ids_and_contrast() {
        for theme in [dark(), light()] {
            assert!(matches!(theme.id().as_str(), DARK_ID | LIGHT_ID));
            assert_ne!(
                theme.resolve(ColorToken::Surface),
                theme.resolve(ColorToken::OnSurface)
            );
            assert_ne!(
                theme.resolve(ColorToken::Primary),
                theme.resolve(ColorToken::OnPrimary)
            );
        }
    }
}