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 for the text of the line number in the editor gutter when the line is hovered over.
156 pub editor_hover_line_number: Hsla,
157 /// Text Color. Used to mark invisible characters in the editor.
158 ///
159 /// Example: spaces, tabs, carriage returns, etc.
160 pub editor_invisible: Hsla,
161 pub editor_wrap_guide: Hsla,
162 pub editor_active_wrap_guide: Hsla,
163 pub editor_indent_guide: Hsla,
164 pub editor_indent_guide_active: Hsla,
165 /// Read-access of a symbol, like reading a variable.
166 ///
167 /// A document highlight is a range inside a text document which deserves
168 /// special attention. Usually a document highlight is visualized by changing
169 /// the background color of its range.
170 pub editor_document_highlight_read_background: Hsla,
171 /// Read-access of a symbol, like reading a variable.
172 ///
173 /// A document highlight is a range inside a text document which deserves
174 /// special attention. Usually a document highlight is visualized by changing
175 /// the background color of its range.
176 pub editor_document_highlight_write_background: Hsla,
177 /// Highlighted brackets background color.
178 ///
179 /// Matching brackets in the cursor scope are highlighted with this background color.
180 pub editor_document_highlight_bracket_background: Hsla,
181
182 // ===
183 // Terminal
184 // ===
185 /// Terminal layout background color.
186 pub terminal_background: Hsla,
187 /// Terminal foreground color.
188 pub terminal_foreground: Hsla,
189 /// Bright terminal foreground color.
190 pub terminal_bright_foreground: Hsla,
191 /// Dim terminal foreground color.
192 pub terminal_dim_foreground: Hsla,
193 /// Terminal ANSI background color.
194 pub terminal_ansi_background: Hsla,
195 /// Black ANSI terminal color.
196 pub terminal_ansi_black: Hsla,
197 /// Bright black ANSI terminal color.
198 pub terminal_ansi_bright_black: Hsla,
199 /// Dim black ANSI terminal color.
200 pub terminal_ansi_dim_black: Hsla,
201 /// Red ANSI terminal color.
202 pub terminal_ansi_red: Hsla,
203 /// Bright red ANSI terminal color.
204 pub terminal_ansi_bright_red: Hsla,
205 /// Dim red ANSI terminal color.
206 pub terminal_ansi_dim_red: Hsla,
207 /// Green ANSI terminal color.
208 pub terminal_ansi_green: Hsla,
209 /// Bright green ANSI terminal color.
210 pub terminal_ansi_bright_green: Hsla,
211 /// Dim green ANSI terminal color.
212 pub terminal_ansi_dim_green: Hsla,
213 /// Yellow ANSI terminal color.
214 pub terminal_ansi_yellow: Hsla,
215 /// Bright yellow ANSI terminal color.
216 pub terminal_ansi_bright_yellow: Hsla,
217 /// Dim yellow ANSI terminal color.
218 pub terminal_ansi_dim_yellow: Hsla,
219 /// Blue ANSI terminal color.
220 pub terminal_ansi_blue: Hsla,
221 /// Bright blue ANSI terminal color.
222 pub terminal_ansi_bright_blue: Hsla,
223 /// Dim blue ANSI terminal color.
224 pub terminal_ansi_dim_blue: Hsla,
225 /// Magenta ANSI terminal color.
226 pub terminal_ansi_magenta: Hsla,
227 /// Bright magenta ANSI terminal color.
228 pub terminal_ansi_bright_magenta: Hsla,
229 /// Dim magenta ANSI terminal color.
230 pub terminal_ansi_dim_magenta: Hsla,
231 /// Cyan ANSI terminal color.
232 pub terminal_ansi_cyan: Hsla,
233 /// Bright cyan ANSI terminal color.
234 pub terminal_ansi_bright_cyan: Hsla,
235 /// Dim cyan ANSI terminal color.
236 pub terminal_ansi_dim_cyan: Hsla,
237 /// White ANSI terminal color.
238 pub terminal_ansi_white: Hsla,
239 /// Bright white ANSI terminal color.
240 pub terminal_ansi_bright_white: Hsla,
241 /// Dim white ANSI terminal color.
242 pub terminal_ansi_dim_white: Hsla,
243
244 // ===
245 // UI/Rich Text
246 // ===
247 pub link_text_hover: Hsla,
248}
249
250#[derive(EnumIter, Debug, Clone, Copy, AsRefStr)]
251#[strum(serialize_all = "snake_case")]
252pub enum ThemeColorField {
253 Border,
254 BorderVariant,
255 BorderFocused,
256 BorderSelected,
257 BorderTransparent,
258 BorderDisabled,
259 ElevatedSurfaceBackground,
260 SurfaceBackground,
261 Background,
262 ElementBackground,
263 ElementHover,
264 ElementActive,
265 ElementSelected,
266 ElementDisabled,
267 DropTargetBackground,
268 GhostElementBackground,
269 GhostElementHover,
270 GhostElementActive,
271 GhostElementSelected,
272 GhostElementDisabled,
273 Text,
274 TextMuted,
275 TextPlaceholder,
276 TextDisabled,
277 TextAccent,
278 Icon,
279 IconMuted,
280 IconDisabled,
281 IconPlaceholder,
282 IconAccent,
283 StatusBarBackground,
284 TitleBarBackground,
285 TitleBarInactiveBackground,
286 ToolbarBackground,
287 TabBarBackground,
288 TabInactiveBackground,
289 TabActiveBackground,
290 SearchMatchBackground,
291 PanelBackground,
292 PanelFocusedBorder,
293 PanelIndentGuide,
294 PanelIndentGuideHover,
295 PanelIndentGuideActive,
296 PaneFocusedBorder,
297 PaneGroupBorder,
298 ScrollbarThumbBackground,
299 ScrollbarThumbHoverBackground,
300 ScrollbarThumbBorder,
301 ScrollbarTrackBackground,
302 ScrollbarTrackBorder,
303 EditorForeground,
304 EditorBackground,
305 EditorGutterBackground,
306 EditorSubheaderBackground,
307 EditorActiveLineBackground,
308 EditorHighlightedLineBackground,
309 EditorLineNumber,
310 EditorActiveLineNumber,
311 EditorInvisible,
312 EditorWrapGuide,
313 EditorActiveWrapGuide,
314 EditorIndentGuide,
315 EditorIndentGuideActive,
316 EditorDocumentHighlightReadBackground,
317 EditorDocumentHighlightWriteBackground,
318 EditorDocumentHighlightBracketBackground,
319 TerminalBackground,
320 TerminalForeground,
321 TerminalBrightForeground,
322 TerminalDimForeground,
323 TerminalAnsiBackground,
324 TerminalAnsiBlack,
325 TerminalAnsiBrightBlack,
326 TerminalAnsiDimBlack,
327 TerminalAnsiRed,
328 TerminalAnsiBrightRed,
329 TerminalAnsiDimRed,
330 TerminalAnsiGreen,
331 TerminalAnsiBrightGreen,
332 TerminalAnsiDimGreen,
333 TerminalAnsiYellow,
334 TerminalAnsiBrightYellow,
335 TerminalAnsiDimYellow,
336 TerminalAnsiBlue,
337 TerminalAnsiBrightBlue,
338 TerminalAnsiDimBlue,
339 TerminalAnsiMagenta,
340 TerminalAnsiBrightMagenta,
341 TerminalAnsiDimMagenta,
342 TerminalAnsiCyan,
343 TerminalAnsiBrightCyan,
344 TerminalAnsiDimCyan,
345 TerminalAnsiWhite,
346 TerminalAnsiBrightWhite,
347 TerminalAnsiDimWhite,
348 LinkTextHover,
349}
350
351impl ThemeColors {
352 pub fn color(&self, field: ThemeColorField) -> Hsla {
353 match field {
354 ThemeColorField::Border => self.border,
355 ThemeColorField::BorderVariant => self.border_variant,
356 ThemeColorField::BorderFocused => self.border_focused,
357 ThemeColorField::BorderSelected => self.border_selected,
358 ThemeColorField::BorderTransparent => self.border_transparent,
359 ThemeColorField::BorderDisabled => self.border_disabled,
360 ThemeColorField::ElevatedSurfaceBackground => self.elevated_surface_background,
361 ThemeColorField::SurfaceBackground => self.surface_background,
362 ThemeColorField::Background => self.background,
363 ThemeColorField::ElementBackground => self.element_background,
364 ThemeColorField::ElementHover => self.element_hover,
365 ThemeColorField::ElementActive => self.element_active,
366 ThemeColorField::ElementSelected => self.element_selected,
367 ThemeColorField::ElementDisabled => self.element_disabled,
368 ThemeColorField::DropTargetBackground => self.drop_target_background,
369 ThemeColorField::GhostElementBackground => self.ghost_element_background,
370 ThemeColorField::GhostElementHover => self.ghost_element_hover,
371 ThemeColorField::GhostElementActive => self.ghost_element_active,
372 ThemeColorField::GhostElementSelected => self.ghost_element_selected,
373 ThemeColorField::GhostElementDisabled => self.ghost_element_disabled,
374 ThemeColorField::Text => self.text,
375 ThemeColorField::TextMuted => self.text_muted,
376 ThemeColorField::TextPlaceholder => self.text_placeholder,
377 ThemeColorField::TextDisabled => self.text_disabled,
378 ThemeColorField::TextAccent => self.text_accent,
379 ThemeColorField::Icon => self.icon,
380 ThemeColorField::IconMuted => self.icon_muted,
381 ThemeColorField::IconDisabled => self.icon_disabled,
382 ThemeColorField::IconPlaceholder => self.icon_placeholder,
383 ThemeColorField::IconAccent => self.icon_accent,
384 ThemeColorField::StatusBarBackground => self.status_bar_background,
385 ThemeColorField::TitleBarBackground => self.title_bar_background,
386 ThemeColorField::TitleBarInactiveBackground => self.title_bar_inactive_background,
387 ThemeColorField::ToolbarBackground => self.toolbar_background,
388 ThemeColorField::TabBarBackground => self.tab_bar_background,
389 ThemeColorField::TabInactiveBackground => self.tab_inactive_background,
390 ThemeColorField::TabActiveBackground => self.tab_active_background,
391 ThemeColorField::SearchMatchBackground => self.search_match_background,
392 ThemeColorField::PanelBackground => self.panel_background,
393 ThemeColorField::PanelFocusedBorder => self.panel_focused_border,
394 ThemeColorField::PanelIndentGuide => self.panel_indent_guide,
395 ThemeColorField::PanelIndentGuideHover => self.panel_indent_guide_hover,
396 ThemeColorField::PanelIndentGuideActive => self.panel_indent_guide_active,
397 ThemeColorField::PaneFocusedBorder => self.pane_focused_border,
398 ThemeColorField::PaneGroupBorder => self.pane_group_border,
399 ThemeColorField::ScrollbarThumbBackground => self.scrollbar_thumb_background,
400 ThemeColorField::ScrollbarThumbHoverBackground => self.scrollbar_thumb_hover_background,
401 ThemeColorField::ScrollbarThumbBorder => self.scrollbar_thumb_border,
402 ThemeColorField::ScrollbarTrackBackground => self.scrollbar_track_background,
403 ThemeColorField::ScrollbarTrackBorder => self.scrollbar_track_border,
404 ThemeColorField::EditorForeground => self.editor_foreground,
405 ThemeColorField::EditorBackground => self.editor_background,
406 ThemeColorField::EditorGutterBackground => self.editor_gutter_background,
407 ThemeColorField::EditorSubheaderBackground => self.editor_subheader_background,
408 ThemeColorField::EditorActiveLineBackground => self.editor_active_line_background,
409 ThemeColorField::EditorHighlightedLineBackground => {
410 self.editor_highlighted_line_background
411 }
412 ThemeColorField::EditorLineNumber => self.editor_line_number,
413 ThemeColorField::EditorActiveLineNumber => self.editor_active_line_number,
414 ThemeColorField::EditorInvisible => self.editor_invisible,
415 ThemeColorField::EditorWrapGuide => self.editor_wrap_guide,
416 ThemeColorField::EditorActiveWrapGuide => self.editor_active_wrap_guide,
417 ThemeColorField::EditorIndentGuide => self.editor_indent_guide,
418 ThemeColorField::EditorIndentGuideActive => self.editor_indent_guide_active,
419 ThemeColorField::EditorDocumentHighlightReadBackground => {
420 self.editor_document_highlight_read_background
421 }
422 ThemeColorField::EditorDocumentHighlightWriteBackground => {
423 self.editor_document_highlight_write_background
424 }
425 ThemeColorField::EditorDocumentHighlightBracketBackground => {
426 self.editor_document_highlight_bracket_background
427 }
428 ThemeColorField::TerminalBackground => self.terminal_background,
429 ThemeColorField::TerminalForeground => self.terminal_foreground,
430 ThemeColorField::TerminalBrightForeground => self.terminal_bright_foreground,
431 ThemeColorField::TerminalDimForeground => self.terminal_dim_foreground,
432 ThemeColorField::TerminalAnsiBackground => self.terminal_ansi_background,
433 ThemeColorField::TerminalAnsiBlack => self.terminal_ansi_black,
434 ThemeColorField::TerminalAnsiBrightBlack => self.terminal_ansi_bright_black,
435 ThemeColorField::TerminalAnsiDimBlack => self.terminal_ansi_dim_black,
436 ThemeColorField::TerminalAnsiRed => self.terminal_ansi_red,
437 ThemeColorField::TerminalAnsiBrightRed => self.terminal_ansi_bright_red,
438 ThemeColorField::TerminalAnsiDimRed => self.terminal_ansi_dim_red,
439 ThemeColorField::TerminalAnsiGreen => self.terminal_ansi_green,
440 ThemeColorField::TerminalAnsiBrightGreen => self.terminal_ansi_bright_green,
441 ThemeColorField::TerminalAnsiDimGreen => self.terminal_ansi_dim_green,
442 ThemeColorField::TerminalAnsiYellow => self.terminal_ansi_yellow,
443 ThemeColorField::TerminalAnsiBrightYellow => self.terminal_ansi_bright_yellow,
444 ThemeColorField::TerminalAnsiDimYellow => self.terminal_ansi_dim_yellow,
445 ThemeColorField::TerminalAnsiBlue => self.terminal_ansi_blue,
446 ThemeColorField::TerminalAnsiBrightBlue => self.terminal_ansi_bright_blue,
447 ThemeColorField::TerminalAnsiDimBlue => self.terminal_ansi_dim_blue,
448 ThemeColorField::TerminalAnsiMagenta => self.terminal_ansi_magenta,
449 ThemeColorField::TerminalAnsiBrightMagenta => self.terminal_ansi_bright_magenta,
450 ThemeColorField::TerminalAnsiDimMagenta => self.terminal_ansi_dim_magenta,
451 ThemeColorField::TerminalAnsiCyan => self.terminal_ansi_cyan,
452 ThemeColorField::TerminalAnsiBrightCyan => self.terminal_ansi_bright_cyan,
453 ThemeColorField::TerminalAnsiDimCyan => self.terminal_ansi_dim_cyan,
454 ThemeColorField::TerminalAnsiWhite => self.terminal_ansi_white,
455 ThemeColorField::TerminalAnsiBrightWhite => self.terminal_ansi_bright_white,
456 ThemeColorField::TerminalAnsiDimWhite => self.terminal_ansi_dim_white,
457 ThemeColorField::LinkTextHover => self.link_text_hover,
458 }
459 }
460
461 pub fn iter(&self) -> impl Iterator<Item = (ThemeColorField, Hsla)> + '_ {
462 ThemeColorField::iter().map(move |field| (field, self.color(field)))
463 }
464
465 pub fn to_vec(&self) -> Vec<(ThemeColorField, Hsla)> {
466 self.iter().collect()
467 }
468}
469
470pub fn all_theme_colors(cx: &WindowContext) -> Vec<(Hsla, SharedString)> {
471 let theme = cx.theme();
472 ThemeColorField::iter()
473 .map(|field| {
474 let color = theme.colors().color(field);
475 let name = field.as_ref().to_string();
476 (color, SharedString::from(name))
477 })
478 .collect()
479}
480
481#[derive(Refineable, Clone, PartialEq)]
482pub struct ThemeStyles {
483 /// The background appearance of the window.
484 pub window_background_appearance: WindowBackgroundAppearance,
485 pub system: SystemColors,
486 /// An array of colors used for theme elements that iterate through a series of colors.
487 ///
488 /// Example: Player colors, rainbow brackets and indent guides, etc.
489 pub accents: AccentColors,
490
491 #[refineable]
492 pub colors: ThemeColors,
493
494 #[refineable]
495 pub status: StatusColors,
496
497 pub player: PlayerColors,
498
499 pub syntax: Arc<SyntaxTheme>,
500}
501
502#[cfg(test)]
503mod tests {
504 use serde_json::json;
505
506 use super::*;
507
508 #[test]
509 fn override_a_single_theme_color() {
510 let mut colors = ThemeColors::light();
511
512 let magenta: Hsla = gpui::rgb(0xff00ff).into();
513
514 assert_ne!(colors.text, magenta);
515
516 let overrides = ThemeColorsRefinement {
517 text: Some(magenta),
518 ..Default::default()
519 };
520
521 colors.refine(&overrides);
522
523 assert_eq!(colors.text, magenta);
524 }
525
526 #[test]
527 fn override_multiple_theme_colors() {
528 let mut colors = ThemeColors::light();
529
530 let magenta: Hsla = gpui::rgb(0xff00ff).into();
531 let green: Hsla = gpui::rgb(0x00ff00).into();
532
533 assert_ne!(colors.text, magenta);
534 assert_ne!(colors.background, green);
535
536 let overrides = ThemeColorsRefinement {
537 text: Some(magenta),
538 background: Some(green),
539 ..Default::default()
540 };
541
542 colors.refine(&overrides);
543
544 assert_eq!(colors.text, magenta);
545 assert_eq!(colors.background, green);
546 }
547
548 #[test]
549 fn deserialize_theme_colors_refinement_from_json() {
550 let colors: ThemeColorsRefinement = serde_json::from_value(json!({
551 "background": "#ff00ff",
552 "text": "#ff0000"
553 }))
554 .unwrap();
555
556 assert_eq!(colors.background, Some(gpui::rgb(0xff00ff).into()));
557 assert_eq!(colors.text, Some(gpui::rgb(0xff0000).into()));
558 }
559}