guise/
kbd.rs

1//! `Kbd` — a keyboard-key cap.
2
3use gpui::prelude::*;
4use gpui::{div, px, App, FontWeight, IntoElement, SharedString, Window};
5
6use crate::devtools::Probed;
7use crate::theme::{theme, ColorName, Size};
8
9/// A keyboard key.
10#[derive(IntoElement)]
11pub struct Kbd {
12  key: SharedString,
13}
14
15impl Kbd {
16  pub fn new(key: impl Into<SharedString>) -> Self {
17    Kbd { key: key.into() }
18  }
19}
20
21impl RenderOnce for Kbd {
22  fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
23    let t = theme(cx);
24    let bg = t
25      .color(ColorName::Gray, if t.scheme.is_dark() { 7 } else { 0 })
26      .hsla();
27    let border = t
28      .color(ColorName::Gray, if t.scheme.is_dark() { 6 } else { 3 })
29      .hsla();
30
31    div()
32      .px(px(7.0))
33      .py(px(2.0))
34      .rounded(px(t.radius(Size::Sm)))
35      .border_1()
36      .border_color(border)
37      .bg(bg)
38      .text_color(t.text().hsla())
39      .text_size(px(t.font_size(Size::Xs)))
40      .font_weight(FontWeight::SEMIBOLD)
41      .child(self.key)
42      .probe("Kbd")
43  }
44}
guise/kbd.rs

guise/
kbd.rs
