From a1a52713eee2397a4e7d98356ef9f78dd3e2e6b8 Mon Sep 17 00:00:00 2001 From: Lukas Bielesch Date: Wed, 12 Feb 2025 11:18:03 +0100 Subject: [PATCH] feat(eckhart): keyboard button styles --- .../rust/src/ui/layout_eckhart/theme/mod.rs | 210 ++++++++++++++++++ 1 file changed, 210 insertions(+) diff --git a/core/embed/rust/src/ui/layout_eckhart/theme/mod.rs b/core/embed/rust/src/ui/layout_eckhart/theme/mod.rs index 47348af6f0..e08dbd37f3 100644 --- a/core/embed/rust/src/ui/layout_eckhart/theme/mod.rs +++ b/core/embed/rust/src/ui/layout_eckhart/theme/mod.rs @@ -215,6 +215,32 @@ pub const fn button_confirm() -> ButtonStyleSheet { } } +pub const fn button_cancel() -> ButtonStyleSheet { + ButtonStyleSheet { + normal: &ButtonStyle { + font: fonts::FONT_SATOSHI_REGULAR_22, // unused + text_color: ORANGE, // unused + button_color: BG, + icon_color: ORANGE, + background_color: BG, + }, + active: &ButtonStyle { + font: fonts::FONT_SATOSHI_REGULAR_22, // unused + text_color: ORANGE_DIMMED, //unused + button_color: ORANGE_EXTRA_DARK, + icon_color: ORANGE_DIMMED, + background_color: ORANGE_EXTRA_DARK, + }, + disabled: &ButtonStyle { + font: fonts::FONT_SATOSHI_REGULAR_22, // unused + text_color: GREY_EXTRA_DARK, // unused + button_color: BG, + icon_color: GREY_EXTRA_DARK, + background_color: BG, + }, + } +} + pub const fn button_warning_high() -> ButtonStyleSheet { ButtonStyleSheet { normal: &ButtonStyle { @@ -334,6 +360,190 @@ pub const fn button_select_word() -> ButtonStyleSheet { } } +pub const fn button_keyboard() -> ButtonStyleSheet { + ButtonStyleSheet { + normal: &ButtonStyle { + font: fonts::FONT_SATOSHI_EXTRALIGHT_46, + text_color: GREY_EXTRA_LIGHT, + button_color: BG, + icon_color: GREY_LIGHT, + background_color: BG, + }, + active: &ButtonStyle { + font: fonts::FONT_SATOSHI_EXTRALIGHT_46, + text_color: GREY_DARK, + button_color: GREY_SUPER_DARK, + icon_color: GREY_DARK, + background_color: GREY_SUPER_DARK, + }, + disabled: &ButtonStyle { + font: fonts::FONT_SATOSHI_EXTRALIGHT_46, + text_color: GREY_EXTRA_DARK, + button_color: BG, + icon_color: GREY_EXTRA_DARK, + background_color: BG, + }, + } +} + +pub const fn button_keyboard_numeric() -> ButtonStyleSheet { + ButtonStyleSheet { + normal: &ButtonStyle { + font: fonts::FONT_SATOSHI_EXTRALIGHT_72, + text_color: GREY_EXTRA_LIGHT, + button_color: BG, + icon_color: GREY_LIGHT, + background_color: BG, + }, + active: &ButtonStyle { + font: fonts::FONT_SATOSHI_EXTRALIGHT_72, + text_color: GREY_DARK, + button_color: GREY_SUPER_DARK, + icon_color: GREY_DARK, + background_color: GREY_SUPER_DARK, + }, + disabled: &ButtonStyle { + font: fonts::FONT_SATOSHI_EXTRALIGHT_72, + text_color: GREY_EXTRA_DARK, + button_color: BG, + icon_color: GREY_EXTRA_DARK, + background_color: BG, + }, + } +} + +pub const fn button_keyboard_confirm() -> ButtonStyleSheet { + ButtonStyleSheet { + normal: &ButtonStyle { + font: fonts::FONT_SATOSHI_REGULAR_22, // unused + text_color: GREEN_LIGHT, // unused + button_color: BG, + icon_color: GREEN_LIGHT, + background_color: BG, + }, + active: &ButtonStyle { + font: fonts::FONT_SATOSHI_REGULAR_22, // unused + text_color: GREEN, // unused + button_color: GREEN_EXTRA_DARK, + icon_color: GREEN, + background_color: GREEN_EXTRA_DARK, + }, + disabled: &ButtonStyle { + font: fonts::FONT_SATOSHI_REGULAR_22, // unused + text_color: GREY_EXTRA_DARK, // unused + button_color: BG, + icon_color: GREY_EXTRA_DARK, + background_color: BG, + }, + } +} + +pub const fn button_keyboard_next() -> ButtonStyleSheet { + ButtonStyleSheet { + normal: &ButtonStyle { + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: GREY_EXTRA_LIGHT, + button_color: BG, + icon_color: GREY_EXTRA_LIGHT, + background_color: BG, + }, + active: &ButtonStyle { + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: GREY_DARK, + button_color: GREY_SUPER_DARK, + icon_color: GREY_DARK, + background_color: GREY_SUPER_DARK, + }, + // not used + disabled: &ButtonStyle { + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: BG, + button_color: BG, + icon_color: BG, + background_color: BG, + }, + } +} + +pub const fn input_mnemonic() -> ButtonStyleSheet { + ButtonStyleSheet { + normal: &ButtonStyle { + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: GREY_LIGHT, + button_color: BG, + icon_color: GREY_LIGHT, + background_color: BG, + }, + active: &ButtonStyle { + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: GREY_LIGHT, + button_color: GREY_SUPER_DARK, + icon_color: GREY_LIGHT, + background_color: GREY_SUPER_DARK, + }, + disabled: &ButtonStyle { + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: GREY_LIGHT, + button_color: BG, + icon_color: GREY_LIGHT, + background_color: BG, + }, + } +} + +pub const fn input_mnemonic_suggestion() -> ButtonStyleSheet { + ButtonStyleSheet { + normal: &ButtonStyle { + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: GREY_DARK, + button_color: BG, + icon_color: GREY_DARK, + background_color: BG, + }, + active: &ButtonStyle { + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: GREY_LIGHT, + button_color: BG, + icon_color: GREY_LIGHT, + background_color: BG, + }, + disabled: &ButtonStyle { + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: BG, + button_color: BG, + icon_color: BG, + background_color: BG, + }, + } +} + +pub const fn input_mnemonic_confirm() -> ButtonStyleSheet { + ButtonStyleSheet { + normal: &ButtonStyle { + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: GREEN_LIGHT, + button_color: BG, + icon_color: GREEN_LIGHT, + background_color: BG, + }, + active: &ButtonStyle { + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: GREEN_LIGHT, + button_color: GREEN_EXTRA_DARK, + icon_color: GREEN_LIGHT, + background_color: GREEN_EXTRA_DARK, + }, + disabled: &ButtonStyle { + // unused + font: fonts::FONT_SATOSHI_MEDIUM_26, + text_color: BG, + button_color: BG, + icon_color: BG, + background_color: BG, + }, + } +} + // Result constants pub const RESULT_PADDING: i16 = 6; pub const RESULT_FOOTER_START: i16 = 171;