assistant2: Style inline code in Markdown (#21536)

Marshall Bowers created 1 year ago

This PR adds some styling for inline code within the messages to
differentiate them from the surrounding text:

<img width="1138" alt="Screenshot 2024-12-04 at 10 58 14 AM"
src="https://github.com/user-attachments/assets/3bb92711-e2f7-454a-b4be-449c6a9bf591">


Release Notes:

- N/A

Change summary

crates/assistant2/src/assistant_panel.rs | 12 ++++++++++--
1 file changed, 10 insertions(+), 2 deletions(-)

Detailed changes

crates/assistant2/src/assistant_panel.rs

@@ -152,11 +152,13 @@ impl AssistantPanel {
                     .map(|message| message.text.clone())
                 {
                     let theme_settings = ThemeSettings::get_global(cx);
+                    let ui_font_size = TextSize::Default.rems(cx);
+                    let buffer_font_size = theme_settings.buffer_font_size;
 
                     let mut text_style = cx.text_style();
                     text_style.refine(&TextStyleRefinement {
                         font_family: Some(theme_settings.ui_font.family.clone()),
-                        font_size: Some(TextSize::Default.rems(cx).into()),
+                        font_size: Some(ui_font_size.into()),
                         color: Some(cx.theme().colors().text),
                         ..Default::default()
                     });
@@ -168,11 +170,17 @@ impl AssistantPanel {
                         code_block: StyleRefinement {
                             text: Some(TextStyleRefinement {
                                 font_family: Some(theme_settings.buffer_font.family.clone()),
-                                font_size: Some(theme_settings.buffer_font_size.into()),
+                                font_size: Some(buffer_font_size.into()),
                                 ..Default::default()
                             }),
                             ..Default::default()
                         },
+                        inline_code: TextStyleRefinement {
+                            font_family: Some(theme_settings.buffer_font.family.clone()),
+                            font_size: Some(ui_font_size.into()),
+                            background_color: Some(cx.theme().colors().editor_background),
+                            ..Default::default()
+                        },
                         ..Default::default()
                     };