Skip to content

fix: color of included reference toggle and inline code in Duo chat

Chad Lavimoniere requested to merge 20241022-clavimoniere-duo-chat-colors into main

Description

gl-blue-700 needed to be overridden, and we were not properly targeting code elements inside chat messages to set their colors.

Screenshots

In these videos you can see examples of the included reference toggle and inline code. in the Before video, both have fixed colors. In the After video, both are responsive to theme colors.

Before After
Screen_Recording_2024-10-22_at_15.33.56 Screen_Recording_2024-10-22_at_15.31.08

To test

  1. Check out this branch
  2. Run the VSCode extension locally
  3. include a file and ask what it does
  4. You will see that the included reference toggle uses the subtle vscode UI foreground color and the inline code blocks in the agent response use the theme preformatted text background/foreground colors.

What CHANGELOG entry will this MR create?

  • fix: Bug fix fixes - a user-facing issue in production - included in changelog
  • feature: New feature - a user-facing change which adds functionality - included in changelog
  • BREAKING CHANGE: (fix or feature that would cause existing functionality to change) - should bump major version, mentioned in the changelog
  • None - other non-user-facing changes

Related to gitlab#474922

Edited by Chad Lavimoniere

Merge request reports