telelogs 0.3.0

Telelogs desktop app: a native log viewer for Docker and Kubernetes
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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156

//! Design tokens from the Telelogs design (dark and light), Geist fonts, and gpui-kit theming.

use std::borrow::Cow;

use gpui_kit::component::{Theme, ThemeMode};
use gpui_kit::*;

pub const SANS: &str = "Geist";
pub const MONO: &str = "Geist Mono";

#[derive(Clone, Copy)]
pub struct Tokens {
    pub dark: bool,
    pub bg: Hsla,
    pub bg2: Hsla,
    pub bg3: Hsla,
    pub bg4: Hsla,
    pub line: Hsla,
    pub line2: Hsla,
    pub fg: Hsla,
    pub fg2: Hsla,
    pub fg3: Hsla,
    pub err: Hsla,
    pub errbg: Hsla,
    pub warn: Hsla,
    pub ok: Hsla,
    pub ok_ring: Hsla,
    pub inv: Hsla,
    pub invfg: Hsla,
    pub dot: Hsla,
    pub scrim: Hsla,
}

impl Global for Tokens {}

pub fn hex(rgb_hex: u32) -> Hsla {
    rgb(rgb_hex).into()
}

pub fn hexa(rgb_hex: u32, alpha: f32) -> Hsla {
    let mut color: Hsla = rgb(rgb_hex).into();
    color.a = alpha;
    color
}

impl Tokens {
    pub fn dark() -> Self {
        Tokens {
            dark: true,
            bg: hex(0x000000),
            bg2: hex(0x0a0a0a),
            bg3: hex(0x151515),
            bg4: hex(0x1f1f1f),
            line: hex(0x1c1c1c),
            line2: hex(0x2b2b2b),
            fg: hex(0xededed),
            fg2: hex(0xa1a1a1),
            fg3: hex(0x7d7d7d),
            err: hex(0xff6166),
            errbg: hexa(0xff6166, 0.07),
            warn: hex(0xf2a33a),
            ok: hex(0x3ecf8e),
            ok_ring: hexa(0x3ecf8e, 0.15),
            inv: hex(0xededed),
            invfg: hex(0x0a0a0a),
            dot: hexa(0xffffff, 0.075),
            scrim: hexa(0x000000, 0.45),
        }
    }

    pub fn light() -> Self {
        Tokens {
            dark: false,
            bg: hex(0xffffff),
            bg2: hex(0xfafafa),
            bg3: hex(0xf2f2f2),
            bg4: hex(0xe9e9e9),
            line: hex(0xececec),
            line2: hex(0xdedede),
            fg: hex(0x171717),
            fg2: hex(0x5c5c5c),
            fg3: hex(0x757575),
            err: hex(0xd93036),
            errbg: hexa(0xd93036, 0.06),
            warn: hex(0xa35200),
            ok: hex(0x18794e),
            ok_ring: hexa(0x18794e, 0.15),
            inv: hex(0x171717),
            invfg: hex(0xffffff),
            dot: hexa(0x000000, 0.09),
            scrim: hexa(0x000000, 0.25),
        }
    }

    /// Full-strength ink for particles and dots: white on dark, black on light.
    pub fn ink(&self, alpha: f32) -> Hsla {
        hsla(0., 0., if self.dark { 1. } else { 0. }, alpha)
    }
}

pub fn tokens(cx: &App) -> Tokens {
    *cx.global::<Tokens>()
}

pub fn load_fonts(cx: &mut App) -> anyhow::Result<()> {
    cx.text_system().add_fonts(vec![
        Cow::Borrowed(include_bytes!("../assets/fonts/Geist-Regular.ttf")),
        Cow::Borrowed(include_bytes!("../assets/fonts/Geist-Medium.ttf")),
        Cow::Borrowed(include_bytes!("../assets/fonts/Geist-SemiBold.ttf")),
        Cow::Borrowed(include_bytes!("../assets/fonts/GeistMono-Regular.ttf")),
        Cow::Borrowed(include_bytes!("../assets/fonts/GeistMono-Medium.ttf")),
    ])
}

/// Installs the tokens and points gpui-kit's components (inputs, scrollbars) at them.
pub fn apply(dark: bool, cx: &mut App) {
    let t = if dark { Tokens::dark() } else { Tokens::light() };
    cx.set_global(t);
    Theme::change(if dark { ThemeMode::Dark } else { ThemeMode::Light }, None, cx);
    Theme::update(cx, |theme| {
        theme.font_family = SANS.into();
        theme.mono_font_family = MONO.into();
        theme.font_size = px(13.);
        theme.radius = px(8.);
        theme.radius_lg = px(10.);
        theme.background = t.bg;
        theme.foreground = t.fg;
        theme.border = t.line2;
        theme.input = t.line2;
        theme.ring = t.fg3;
        theme.caret = t.fg;
        theme.selection = t.ink(0.2);
        theme.muted = t.bg3;
        theme.muted_foreground = t.fg3;
        theme.primary = t.inv;
        theme.primary_hover = t.inv;
        theme.primary_active = t.inv;
        theme.primary_foreground = t.invfg;
        theme.secondary = t.bg3;
        theme.secondary_hover = t.bg4;
        theme.secondary_active = t.bg4;
        theme.secondary_foreground = t.fg;
        theme.accent = t.bg3;
        theme.accent_foreground = t.fg;
        theme.popover = t.bg;
        theme.popover_foreground = t.fg;
        theme.scrollbar = t.ink(0.);
        theme.scrollbar_thumb = t.line2;
        theme.scrollbar_thumb_hover = t.fg3;
        theme.danger = t.err;
        theme.warning = t.warn;
        theme.success = t.ok;
        theme.info = t.fg2;
    });
    cx.refresh_windows();
}