From fcf1d2ada61729d7cc3f4243cdfe1d14f0d53e1c Mon Sep 17 00:00:00 2001 From: Danilo Leal Date: Mon, 25 Aug 2025 20:39:02 -0300 Subject: [PATCH] Update modal illustration --- assets/images/acp_logo.svg | 1 + assets/images/acp_logo_serif.svg | 2 ++ .../agent_ui/src/ui/acp_onboarding_modal.rs | 28 +++++++++++++++++-- crates/ui/src/components/image.rs | 2 ++ 4 files changed, 31 insertions(+), 2 deletions(-) create mode 100644 assets/images/acp_logo.svg create mode 100644 assets/images/acp_logo_serif.svg diff --git a/assets/images/acp_logo.svg b/assets/images/acp_logo.svg new file mode 100644 index 0000000000..efaa46707b --- /dev/null +++ b/assets/images/acp_logo.svg @@ -0,0 +1 @@ + diff --git a/assets/images/acp_logo_serif.svg b/assets/images/acp_logo_serif.svg new file mode 100644 index 0000000000..6bc359cf82 --- /dev/null +++ b/assets/images/acp_logo_serif.svg @@ -0,0 +1,2 @@ + + diff --git a/crates/agent_ui/src/ui/acp_onboarding_modal.rs b/crates/agent_ui/src/ui/acp_onboarding_modal.rs index f6d30697e3..7f157b2911 100644 --- a/crates/agent_ui/src/ui/acp_onboarding_modal.rs +++ b/crates/agent_ui/src/ui/acp_onboarding_modal.rs @@ -112,18 +112,19 @@ impl Render for AcpOnboardingModal { .border_b_1() .border_color(cx.theme().colors().border_variant) .justify_center() + .gap_8() .rounded_t_md() .overflow_hidden() .child( div().absolute().inset_0().w(px(515.)).h(px(126.)).child( Vector::new(VectorName::AcpGrid, rems_from_px(515.), rems_from_px(126.)) - .color(ui::Color::Custom(cx.theme().colors().text.opacity(0.012))), + .color(ui::Color::Custom(cx.theme().colors().text.opacity(0.02))), ), ) .child(div().absolute().inset_0().size_full().bg(linear_gradient( 0., linear_color_stop( - cx.theme().colors().elevated_surface_background.opacity(0.4), + cx.theme().colors().elevated_surface_background.opacity(0.1), 0.9, ), linear_color_stop( @@ -131,6 +132,29 @@ impl Render for AcpOnboardingModal { 0., ), ))) + .child( + div() + .absolute() + .inset_0() + .size_full() + .bg(gpui::black().opacity(0.15)), + ) + .child( + h_flex() + .gap_4() + .child( + Vector::new(VectorName::AcpLogo, rems_from_px(106.), rems_from_px(40.)) + .color(ui::Color::Custom(cx.theme().colors().text.opacity(0.8))), + ) + .child( + Vector::new( + VectorName::AcpLogoSerif, + rems_from_px(111.), + rems_from_px(41.), + ) + .color(ui::Color::Custom(cx.theme().colors().text.opacity(0.8))), + ), + ) .child( v_flex() .gap_1p5() diff --git a/crates/ui/src/components/image.rs b/crates/ui/src/components/image.rs index 04ab57d9d9..6e552ddcee 100644 --- a/crates/ui/src/components/image.rs +++ b/crates/ui/src/components/image.rs @@ -14,6 +14,8 @@ use crate::prelude::*; #[strum(serialize_all = "snake_case")] pub enum VectorName { AcpGrid, + AcpLogo, + AcpLogoSerif, AiGrid, DebuggerGrid, Grid,