colors.rs

  1#![allow(missing_docs)]
  2
  3use gpui::{Hsla, SharedString, WindowBackgroundAppearance, WindowContext};
  4use refineable::Refineable;
  5use std::sync::Arc;
  6use strum::{AsRefStr, EnumIter, IntoEnumIterator};
  7
  8use crate::{
  9    AccentColors, ActiveTheme, PlayerColors, StatusColors, StatusColorsRefinement, SyntaxTheme,
 10    SystemColors,
 11};
 12
 13#[derive(Refineable, Clone, Debug, PartialEq)]
 14#[refineable(Debug, serde::Deserialize)]
 15pub struct ThemeColors {
 16    /// Border color. Used for most borders, is usually a high contrast color.
 17    pub border: Hsla,
 18    /// Border color. Used for deemphasized borders, like a visual divider between two sections
 19    pub border_variant: Hsla,
 20    /// Border color. Used for focused elements, like keyboard focused list item.
 21    pub border_focused: Hsla,
 22    /// Border color. Used for selected elements, like an active search filter or selected checkbox.
 23    pub border_selected: Hsla,
 24    /// Border color. Used for transparent borders. Used for placeholder borders when an element gains a border on state change.
 25    pub border_transparent: Hsla,
 26    /// Border color. Used for disabled elements, like a disabled input or button.
 27    pub border_disabled: Hsla,
 28    /// Border color. Used for elevated surfaces, like a context menu, popup, or dialog.
 29    pub elevated_surface_background: Hsla,
 30    /// Background Color. Used for grounded surfaces like a panel or tab.
 31    pub surface_background: Hsla,
 32    /// Background Color. Used for the app background and blank panels or windows.
 33    pub background: Hsla,
 34    /// Background Color. Used for the background of an element that should have a different background than the surface it's on.
 35    ///
 36    /// Elements might include: Buttons, Inputs, Checkboxes, Radio Buttons...
 37    ///
 38    /// For an element that should have the same background as the surface it's on, use `ghost_element_background`.
 39    pub element_background: Hsla,
 40    /// Background Color. Used for the hover state of an element that should have a different background than the surface it's on.
 41    ///
 42    /// Hover states are triggered by the mouse entering an element, or a finger touching an element on a touch screen.
 43    pub element_hover: Hsla,
 44    /// Background Color. Used for the active state of an element that should have a different background than the surface it's on.
 45    ///
 46    /// Active states are triggered by the mouse button being pressed down on an element, or the Return button or other activator being pressd.
 47    pub element_active: Hsla,
 48    /// Background Color. Used for the selected state of an element that should have a different background than the surface it's on.
 49    ///
 50    /// Selected states are triggered by the element being selected (or "activated") by the user.
 51    ///
 52    /// This could include a selected checkbox, a toggleable button that is toggled on, etc.
 53    pub element_selected: Hsla,
 54    /// Background Color. Used for the disabled state of an element that should have a different background than the surface it's on.
 55    ///
 56    /// Disabled states are shown when a user cannot interact with an element, like a disabled button or input.
 57    pub element_disabled: Hsla,
 58    /// Background Color. Used for the area that shows where a dragged element will be dropped.
 59    pub drop_target_background: Hsla,
 60    /// Used for the background of a ghost element that should have the same background as the surface it's on.
 61    ///
 62    /// Elements might include: Buttons, Inputs, Checkboxes, Radio Buttons...
 63    ///
 64    /// For an element that should have a different background than the surface it's on, use `element_background`.
 65    pub ghost_element_background: Hsla,
 66    /// Background Color. Used for the hover state of a ghost element that should have the same background as the surface it's on.
 67    ///
 68    /// Hover states are triggered by the mouse entering an element, or a finger touching an element on a touch screen.
 69    pub ghost_element_hover: Hsla,
 70    /// Background Color. Used for the active state of a ghost element that should have the same background as the surface it's on.
 71    ///
 72    /// Active states are triggered by the mouse button being pressed down on an element, or the Return button or other activator being pressd.
 73    pub ghost_element_active: Hsla,
 74    /// Background Color. Used for the selected state of a ghost element that should have the same background as the surface it's on.
 75    ///
 76    /// Selected states are triggered by the element being selected (or "activated") by the user.
 77    ///
 78    /// This could include a selected checkbox, a toggleable button that is toggled on, etc.
 79    pub ghost_element_selected: Hsla,
 80    /// Background Color. Used for the disabled state of a ghost element that should have the same background as the surface it's on.
 81    ///
 82    /// Disabled states are shown when a user cannot interact with an element, like a disabled button or input.
 83    pub ghost_element_disabled: Hsla,
 84    /// Text Color. Default text color used for most text.
 85    pub text: Hsla,
 86    /// Text Color. Color of muted or deemphasized text. It is a subdued version of the standard text color.
 87    pub text_muted: Hsla,
 88    /// Text Color. Color of the placeholder text typically shown in input fields to guide the user to enter valid data.
 89    pub text_placeholder: Hsla,
 90    /// Text Color. Color used for text denoting disabled elements. Typically, the color is faded or grayed out to emphasize the disabled state.
 91    pub text_disabled: Hsla,
 92    /// Text Color. Color used for emphasis or highlighting certain text, like an active filter or a matched character in a search.
 93    pub text_accent: Hsla,
 94    /// Fill Color. Used for the default fill color of an icon.
 95    pub icon: Hsla,
 96    /// Fill Color. Used for the muted or deemphasized fill color of an icon.
 97    ///
 98    /// This might be used to show an icon in an inactive pane, or to deemphasize a series of icons to give them less visual weight.
 99    pub icon_muted: Hsla,
100    /// Fill Color. Used for the disabled fill color of an icon.
101    ///
102    /// Disabled states are shown when a user cannot interact with an element, like a icon button.
103    pub icon_disabled: Hsla,
104    /// Fill Color. Used for the placeholder fill color of an icon.
105    ///
106    /// This might be used to show an icon in an input that disappears when the user enters text.
107    pub icon_placeholder: Hsla,
108    /// Fill Color. Used for the accent fill color of an icon.
109    ///
110    /// This might be used to show when a toggleable icon button is selected.
111    pub icon_accent: Hsla,
112
113    // ===
114    // UI Elements
115    // ===
116    pub status_bar_background: Hsla,
117    pub title_bar_background: Hsla,
118    pub title_bar_inactive_background: Hsla,
119    pub toolbar_background: Hsla,
120    pub tab_bar_background: Hsla,
121    pub tab_inactive_background: Hsla,
122    pub tab_active_background: Hsla,
123    pub search_match_background: Hsla,
124    pub panel_background: Hsla,
125    pub panel_focused_border: Hsla,
126    pub panel_indent_guide: Hsla,
127    pub panel_indent_guide_hover: Hsla,
128    pub panel_indent_guide_active: Hsla,
129    pub pane_focused_border: Hsla,
130    pub pane_group_border: Hsla,
131    /// The color of the scrollbar thumb.
132    pub scrollbar_thumb_background: Hsla,
133    /// The color of the scrollbar thumb when hovered over.
134    pub scrollbar_thumb_hover_background: Hsla,
135    /// The border color of the scrollbar thumb.
136    pub scrollbar_thumb_border: Hsla,
137    /// The background color of the scrollbar track.
138    pub scrollbar_track_background: Hsla,
139    /// The border color of the scrollbar track.
140    pub scrollbar_track_border: Hsla,
141
142    // ===
143    // Editor
144    // ===
145    pub editor_foreground: Hsla,
146    pub editor_background: Hsla,
147    pub editor_gutter_background: Hsla,
148    pub editor_subheader_background: Hsla,
149    pub editor_active_line_background: Hsla,
150    pub editor_highlighted_line_background: Hsla,
151    /// Text Color. Used for the text of the line number in the editor gutter.
152    pub editor_line_number: Hsla,
153    /// Text Color. Used for the text of the line number in the editor gutter when the line is highlighted.
154    pub editor_active_line_number: Hsla,
155    /// Text Color. Used to mark invisible characters in the editor.
156    ///
157    /// Example: spaces, tabs, carriage returns, etc.
158    pub editor_invisible: Hsla,
159    pub editor_wrap_guide: Hsla,
160    pub editor_active_wrap_guide: Hsla,
161    pub editor_indent_guide: Hsla,
162    pub editor_indent_guide_active: Hsla,
163    /// Read-access of a symbol, like reading a variable.
164    ///
165    /// A document highlight is a range inside a text document which deserves
166    /// special attention. Usually a document highlight is visualized by changing
167    /// the background color of its range.
168    pub editor_document_highlight_read_background: Hsla,
169    /// Read-access of a symbol, like reading a variable.
170    ///
171    /// A document highlight is a range inside a text document which deserves
172    /// special attention. Usually a document highlight is visualized by changing
173    /// the background color of its range.
174    pub editor_document_highlight_write_background: Hsla,
175    /// Highlighted brackets background color.
176    ///
177    /// Matching brackets in the cursor scope are highlighted with this background color.
178    pub editor_document_highlight_bracket_background: Hsla,
179
180    // ===
181    // Terminal
182    // ===
183    /// Terminal layout background color.
184    pub terminal_background: Hsla,
185    /// Terminal foreground color.
186    pub terminal_foreground: Hsla,
187    /// Bright terminal foreground color.
188    pub terminal_bright_foreground: Hsla,
189    /// Dim terminal foreground color.
190    pub terminal_dim_foreground: Hsla,
191    /// Terminal ANSI background color.
192    pub terminal_ansi_background: Hsla,
193    /// Black ANSI terminal color.
194    pub terminal_ansi_black: Hsla,
195    /// Bright black ANSI terminal color.
196    pub terminal_ansi_bright_black: Hsla,
197    /// Dim black ANSI terminal color.
198    pub terminal_ansi_dim_black: Hsla,
199    /// Red ANSI terminal color.
200    pub terminal_ansi_red: Hsla,
201    /// Bright red ANSI terminal color.
202    pub terminal_ansi_bright_red: Hsla,
203    /// Dim red ANSI terminal color.
204    pub terminal_ansi_dim_red: Hsla,
205    /// Green ANSI terminal color.
206    pub terminal_ansi_green: Hsla,
207    /// Bright green ANSI terminal color.
208    pub terminal_ansi_bright_green: Hsla,
209    /// Dim green ANSI terminal color.
210    pub terminal_ansi_dim_green: Hsla,
211    /// Yellow ANSI terminal color.
212    pub terminal_ansi_yellow: Hsla,
213    /// Bright yellow ANSI terminal color.
214    pub terminal_ansi_bright_yellow: Hsla,
215    /// Dim yellow ANSI terminal color.
216    pub terminal_ansi_dim_yellow: Hsla,
217    /// Blue ANSI terminal color.
218    pub terminal_ansi_blue: Hsla,
219    /// Bright blue ANSI terminal color.
220    pub terminal_ansi_bright_blue: Hsla,
221    /// Dim blue ANSI terminal color.
222    pub terminal_ansi_dim_blue: Hsla,
223    /// Magenta ANSI terminal color.
224    pub terminal_ansi_magenta: Hsla,
225    /// Bright magenta ANSI terminal color.
226    pub terminal_ansi_bright_magenta: Hsla,
227    /// Dim magenta ANSI terminal color.
228    pub terminal_ansi_dim_magenta: Hsla,
229    /// Cyan ANSI terminal color.
230    pub terminal_ansi_cyan: Hsla,
231    /// Bright cyan ANSI terminal color.
232    pub terminal_ansi_bright_cyan: Hsla,
233    /// Dim cyan ANSI terminal color.
234    pub terminal_ansi_dim_cyan: Hsla,
235    /// White ANSI terminal color.
236    pub terminal_ansi_white: Hsla,
237    /// Bright white ANSI terminal color.
238    pub terminal_ansi_bright_white: Hsla,
239    /// Dim white ANSI terminal color.
240    pub terminal_ansi_dim_white: Hsla,
241
242    // ===
243    // UI/Rich Text
244    // ===
245    pub link_text_hover: Hsla,
246}
247
248#[derive(EnumIter, Debug, Clone, Copy, AsRefStr)]
249#[strum(serialize_all = "snake_case")]
250pub enum ThemeColorField {
251    Border,
252    BorderVariant,
253    BorderFocused,
254    BorderSelected,
255    BorderTransparent,
256    BorderDisabled,
257    ElevatedSurfaceBackground,
258    SurfaceBackground,
259    Background,
260    ElementBackground,
261    ElementHover,
262    ElementActive,
263    ElementSelected,
264    ElementDisabled,
265    DropTargetBackground,
266    GhostElementBackground,
267    GhostElementHover,
268    GhostElementActive,
269    GhostElementSelected,
270    GhostElementDisabled,
271    Text,
272    TextMuted,
273    TextPlaceholder,
274    TextDisabled,
275    TextAccent,
276    Icon,
277    IconMuted,
278    IconDisabled,
279    IconPlaceholder,
280    IconAccent,
281    StatusBarBackground,
282    TitleBarBackground,
283    TitleBarInactiveBackground,
284    ToolbarBackground,
285    TabBarBackground,
286    TabInactiveBackground,
287    TabActiveBackground,
288    SearchMatchBackground,
289    PanelBackground,
290    PanelFocusedBorder,
291    PanelIndentGuide,
292    PanelIndentGuideHover,
293    PanelIndentGuideActive,
294    PaneFocusedBorder,
295    PaneGroupBorder,
296    ScrollbarThumbBackground,
297    ScrollbarThumbHoverBackground,
298    ScrollbarThumbBorder,
299    ScrollbarTrackBackground,
300    ScrollbarTrackBorder,
301    EditorForeground,
302    EditorBackground,
303    EditorGutterBackground,
304    EditorSubheaderBackground,
305    EditorActiveLineBackground,
306    EditorHighlightedLineBackground,
307    EditorLineNumber,
308    EditorActiveLineNumber,
309    EditorInvisible,
310    EditorWrapGuide,
311    EditorActiveWrapGuide,
312    EditorIndentGuide,
313    EditorIndentGuideActive,
314    EditorDocumentHighlightReadBackground,
315    EditorDocumentHighlightWriteBackground,
316    EditorDocumentHighlightBracketBackground,
317    TerminalBackground,
318    TerminalForeground,
319    TerminalBrightForeground,
320    TerminalDimForeground,
321    TerminalAnsiBackground,
322    TerminalAnsiBlack,
323    TerminalAnsiBrightBlack,
324    TerminalAnsiDimBlack,
325    TerminalAnsiRed,
326    TerminalAnsiBrightRed,
327    TerminalAnsiDimRed,
328    TerminalAnsiGreen,
329    TerminalAnsiBrightGreen,
330    TerminalAnsiDimGreen,
331    TerminalAnsiYellow,
332    TerminalAnsiBrightYellow,
333    TerminalAnsiDimYellow,
334    TerminalAnsiBlue,
335    TerminalAnsiBrightBlue,
336    TerminalAnsiDimBlue,
337    TerminalAnsiMagenta,
338    TerminalAnsiBrightMagenta,
339    TerminalAnsiDimMagenta,
340    TerminalAnsiCyan,
341    TerminalAnsiBrightCyan,
342    TerminalAnsiDimCyan,
343    TerminalAnsiWhite,
344    TerminalAnsiBrightWhite,
345    TerminalAnsiDimWhite,
346    LinkTextHover,
347}
348
349impl ThemeColors {
350    pub fn color(&self, field: ThemeColorField) -> Hsla {
351        match field {
352            ThemeColorField::Border => self.border,
353            ThemeColorField::BorderVariant => self.border_variant,
354            ThemeColorField::BorderFocused => self.border_focused,
355            ThemeColorField::BorderSelected => self.border_selected,
356            ThemeColorField::BorderTransparent => self.border_transparent,
357            ThemeColorField::BorderDisabled => self.border_disabled,
358            ThemeColorField::ElevatedSurfaceBackground => self.elevated_surface_background,
359            ThemeColorField::SurfaceBackground => self.surface_background,
360            ThemeColorField::Background => self.background,
361            ThemeColorField::ElementBackground => self.element_background,
362            ThemeColorField::ElementHover => self.element_hover,
363            ThemeColorField::ElementActive => self.element_active,
364            ThemeColorField::ElementSelected => self.element_selected,
365            ThemeColorField::ElementDisabled => self.element_disabled,
366            ThemeColorField::DropTargetBackground => self.drop_target_background,
367            ThemeColorField::GhostElementBackground => self.ghost_element_background,
368            ThemeColorField::GhostElementHover => self.ghost_element_hover,
369            ThemeColorField::GhostElementActive => self.ghost_element_active,
370            ThemeColorField::GhostElementSelected => self.ghost_element_selected,
371            ThemeColorField::GhostElementDisabled => self.ghost_element_disabled,
372            ThemeColorField::Text => self.text,
373            ThemeColorField::TextMuted => self.text_muted,
374            ThemeColorField::TextPlaceholder => self.text_placeholder,
375            ThemeColorField::TextDisabled => self.text_disabled,
376            ThemeColorField::TextAccent => self.text_accent,
377            ThemeColorField::Icon => self.icon,
378            ThemeColorField::IconMuted => self.icon_muted,
379            ThemeColorField::IconDisabled => self.icon_disabled,
380            ThemeColorField::IconPlaceholder => self.icon_placeholder,
381            ThemeColorField::IconAccent => self.icon_accent,
382            ThemeColorField::StatusBarBackground => self.status_bar_background,
383            ThemeColorField::TitleBarBackground => self.title_bar_background,
384            ThemeColorField::TitleBarInactiveBackground => self.title_bar_inactive_background,
385            ThemeColorField::ToolbarBackground => self.toolbar_background,
386            ThemeColorField::TabBarBackground => self.tab_bar_background,
387            ThemeColorField::TabInactiveBackground => self.tab_inactive_background,
388            ThemeColorField::TabActiveBackground => self.tab_active_background,
389            ThemeColorField::SearchMatchBackground => self.search_match_background,
390            ThemeColorField::PanelBackground => self.panel_background,
391            ThemeColorField::PanelFocusedBorder => self.panel_focused_border,
392            ThemeColorField::PanelIndentGuide => self.panel_indent_guide,
393            ThemeColorField::PanelIndentGuideHover => self.panel_indent_guide_hover,
394            ThemeColorField::PanelIndentGuideActive => self.panel_indent_guide_active,
395            ThemeColorField::PaneFocusedBorder => self.pane_focused_border,
396            ThemeColorField::PaneGroupBorder => self.pane_group_border,
397            ThemeColorField::ScrollbarThumbBackground => self.scrollbar_thumb_background,
398            ThemeColorField::ScrollbarThumbHoverBackground => self.scrollbar_thumb_hover_background,
399            ThemeColorField::ScrollbarThumbBorder => self.scrollbar_thumb_border,
400            ThemeColorField::ScrollbarTrackBackground => self.scrollbar_track_background,
401            ThemeColorField::ScrollbarTrackBorder => self.scrollbar_track_border,
402            ThemeColorField::EditorForeground => self.editor_foreground,
403            ThemeColorField::EditorBackground => self.editor_background,
404            ThemeColorField::EditorGutterBackground => self.editor_gutter_background,
405            ThemeColorField::EditorSubheaderBackground => self.editor_subheader_background,
406            ThemeColorField::EditorActiveLineBackground => self.editor_active_line_background,
407            ThemeColorField::EditorHighlightedLineBackground => {
408                self.editor_highlighted_line_background
409            }
410            ThemeColorField::EditorLineNumber => self.editor_line_number,
411            ThemeColorField::EditorActiveLineNumber => self.editor_active_line_number,
412            ThemeColorField::EditorInvisible => self.editor_invisible,
413            ThemeColorField::EditorWrapGuide => self.editor_wrap_guide,
414            ThemeColorField::EditorActiveWrapGuide => self.editor_active_wrap_guide,
415            ThemeColorField::EditorIndentGuide => self.editor_indent_guide,
416            ThemeColorField::EditorIndentGuideActive => self.editor_indent_guide_active,
417            ThemeColorField::EditorDocumentHighlightReadBackground => {
418                self.editor_document_highlight_read_background
419            }
420            ThemeColorField::EditorDocumentHighlightWriteBackground => {
421                self.editor_document_highlight_write_background
422            }
423            ThemeColorField::EditorDocumentHighlightBracketBackground => {
424                self.editor_document_highlight_bracket_background
425            }
426            ThemeColorField::TerminalBackground => self.terminal_background,
427            ThemeColorField::TerminalForeground => self.terminal_foreground,
428            ThemeColorField::TerminalBrightForeground => self.terminal_bright_foreground,
429            ThemeColorField::TerminalDimForeground => self.terminal_dim_foreground,
430            ThemeColorField::TerminalAnsiBackground => self.terminal_ansi_background,
431            ThemeColorField::TerminalAnsiBlack => self.terminal_ansi_black,
432            ThemeColorField::TerminalAnsiBrightBlack => self.terminal_ansi_bright_black,
433            ThemeColorField::TerminalAnsiDimBlack => self.terminal_ansi_dim_black,
434            ThemeColorField::TerminalAnsiRed => self.terminal_ansi_red,
435            ThemeColorField::TerminalAnsiBrightRed => self.terminal_ansi_bright_red,
436            ThemeColorField::TerminalAnsiDimRed => self.terminal_ansi_dim_red,
437            ThemeColorField::TerminalAnsiGreen => self.terminal_ansi_green,
438            ThemeColorField::TerminalAnsiBrightGreen => self.terminal_ansi_bright_green,
439            ThemeColorField::TerminalAnsiDimGreen => self.terminal_ansi_dim_green,
440            ThemeColorField::TerminalAnsiYellow => self.terminal_ansi_yellow,
441            ThemeColorField::TerminalAnsiBrightYellow => self.terminal_ansi_bright_yellow,
442            ThemeColorField::TerminalAnsiDimYellow => self.terminal_ansi_dim_yellow,
443            ThemeColorField::TerminalAnsiBlue => self.terminal_ansi_blue,
444            ThemeColorField::TerminalAnsiBrightBlue => self.terminal_ansi_bright_blue,
445            ThemeColorField::TerminalAnsiDimBlue => self.terminal_ansi_dim_blue,
446            ThemeColorField::TerminalAnsiMagenta => self.terminal_ansi_magenta,
447            ThemeColorField::TerminalAnsiBrightMagenta => self.terminal_ansi_bright_magenta,
448            ThemeColorField::TerminalAnsiDimMagenta => self.terminal_ansi_dim_magenta,
449            ThemeColorField::TerminalAnsiCyan => self.terminal_ansi_cyan,
450            ThemeColorField::TerminalAnsiBrightCyan => self.terminal_ansi_bright_cyan,
451            ThemeColorField::TerminalAnsiDimCyan => self.terminal_ansi_dim_cyan,
452            ThemeColorField::TerminalAnsiWhite => self.terminal_ansi_white,
453            ThemeColorField::TerminalAnsiBrightWhite => self.terminal_ansi_bright_white,
454            ThemeColorField::TerminalAnsiDimWhite => self.terminal_ansi_dim_white,
455            ThemeColorField::LinkTextHover => self.link_text_hover,
456        }
457    }
458
459    pub fn iter(&self) -> impl Iterator<Item = (ThemeColorField, Hsla)> + '_ {
460        ThemeColorField::iter().map(move |field| (field, self.color(field)))
461    }
462
463    pub fn to_vec(&self) -> Vec<(ThemeColorField, Hsla)> {
464        self.iter().collect()
465    }
466}
467
468pub fn all_theme_colors(cx: &WindowContext) -> Vec<(Hsla, SharedString)> {
469    let theme = cx.theme();
470    ThemeColorField::iter()
471        .map(|field| {
472            let color = theme.colors().color(field);
473            let name = field.as_ref().to_string();
474            (color, SharedString::from(name))
475        })
476        .collect()
477}
478
479#[derive(Refineable, Clone, PartialEq)]
480pub struct ThemeStyles {
481    /// The background appearance of the window.
482    pub window_background_appearance: WindowBackgroundAppearance,
483    pub system: SystemColors,
484    /// An array of colors used for theme elements that iterate through a series of colors.
485    ///
486    /// Example: Player colors, rainbow brackets and indent guides, etc.
487    pub accents: AccentColors,
488
489    #[refineable]
490    pub colors: ThemeColors,
491
492    #[refineable]
493    pub status: StatusColors,
494
495    pub player: PlayerColors,
496
497    pub syntax: Arc<SyntaxTheme>,
498}
499
500#[cfg(test)]
501mod tests {
502    use serde_json::json;
503
504    use super::*;
505
506    #[test]
507    fn override_a_single_theme_color() {
508        let mut colors = ThemeColors::light();
509
510        let magenta: Hsla = gpui::rgb(0xff00ff).into();
511
512        assert_ne!(colors.text, magenta);
513
514        let overrides = ThemeColorsRefinement {
515            text: Some(magenta),
516            ..Default::default()
517        };
518
519        colors.refine(&overrides);
520
521        assert_eq!(colors.text, magenta);
522    }
523
524    #[test]
525    fn override_multiple_theme_colors() {
526        let mut colors = ThemeColors::light();
527
528        let magenta: Hsla = gpui::rgb(0xff00ff).into();
529        let green: Hsla = gpui::rgb(0x00ff00).into();
530
531        assert_ne!(colors.text, magenta);
532        assert_ne!(colors.background, green);
533
534        let overrides = ThemeColorsRefinement {
535            text: Some(magenta),
536            background: Some(green),
537            ..Default::default()
538        };
539
540        colors.refine(&overrides);
541
542        assert_eq!(colors.text, magenta);
543        assert_eq!(colors.background, green);
544    }
545
546    #[test]
547    fn deserialize_theme_colors_refinement_from_json() {
548        let colors: ThemeColorsRefinement = serde_json::from_value(json!({
549            "background": "#ff00ff",
550            "text": "#ff0000"
551        }))
552        .unwrap();
553
554        assert_eq!(colors.background, Some(gpui::rgb(0xff00ff).into()));
555        assert_eq!(colors.text, Some(gpui::rgb(0xff0000).into()));
556    }
557}