theme.rs

  1mod theme_registry;
  2
  3use gpui::{
  4    color::Color,
  5    elements::{ContainerStyle, ImageStyle, LabelStyle},
  6    fonts::{HighlightStyle, TextStyle},
  7    Border,
  8};
  9use serde::{de::DeserializeOwned, Deserialize};
 10use serde_json::Value;
 11use std::{collections::HashMap, sync::Arc};
 12
 13pub use theme_registry::*;
 14
 15pub const DEFAULT_THEME_NAME: &'static str = "dark";
 16
 17#[derive(Deserialize, Default)]
 18pub struct Theme {
 19    #[serde(default)]
 20    pub name: String,
 21    pub workspace: Workspace,
 22    pub chat_panel: ChatPanel,
 23    pub contacts_panel: ContactsPanel,
 24    pub project_panel: ProjectPanel,
 25    pub command_palette: CommandPalette,
 26    pub selector: Selector,
 27    pub editor: Editor,
 28    pub search: Search,
 29    pub project_diagnostics: ProjectDiagnostics,
 30    pub breadcrumbs: ContainedText,
 31}
 32
 33#[derive(Deserialize, Default)]
 34pub struct Workspace {
 35    pub background: Color,
 36    pub titlebar: Titlebar,
 37    pub tab: Tab,
 38    pub active_tab: Tab,
 39    pub pane_divider: Border,
 40    pub leader_border_opacity: f32,
 41    pub leader_border_width: f32,
 42    pub sidebar_resize_handle: ContainerStyle,
 43    pub status_bar: StatusBar,
 44    pub toolbar: Toolbar,
 45    pub disconnected_overlay: ContainedText,
 46    pub modal: ContainerStyle,
 47}
 48
 49#[derive(Clone, Deserialize, Default)]
 50pub struct Titlebar {
 51    #[serde(flatten)]
 52    pub container: ContainerStyle,
 53    pub height: f32,
 54    pub title: TextStyle,
 55    pub avatar_width: f32,
 56    pub avatar_ribbon: AvatarRibbon,
 57    pub offline_icon: OfflineIcon,
 58    pub share_icon: Interactive<ShareIcon>,
 59    pub avatar: ImageStyle,
 60    pub sign_in_prompt: Interactive<ContainedText>,
 61    pub outdated_warning: ContainedText,
 62}
 63
 64#[derive(Clone, Deserialize, Default)]
 65pub struct AvatarRibbon {
 66    #[serde(flatten)]
 67    pub container: ContainerStyle,
 68    pub width: f32,
 69    pub height: f32,
 70}
 71
 72#[derive(Clone, Deserialize, Default)]
 73pub struct OfflineIcon {
 74    #[serde(flatten)]
 75    pub container: ContainerStyle,
 76    pub width: f32,
 77    pub color: Color,
 78}
 79
 80#[derive(Clone, Deserialize, Default)]
 81pub struct ShareIcon {
 82    #[serde(flatten)]
 83    pub container: ContainerStyle,
 84    pub color: Color,
 85}
 86
 87#[derive(Clone, Deserialize, Default)]
 88pub struct Tab {
 89    pub height: f32,
 90    #[serde(flatten)]
 91    pub container: ContainerStyle,
 92    #[serde(flatten)]
 93    pub label: LabelStyle,
 94    pub spacing: f32,
 95    pub icon_width: f32,
 96    pub icon_close: Color,
 97    pub icon_close_active: Color,
 98    pub icon_dirty: Color,
 99    pub icon_conflict: Color,
100}
101
102#[derive(Clone, Deserialize, Default)]
103pub struct Toolbar {
104    #[serde(flatten)]
105    pub container: ContainerStyle,
106    pub height: f32,
107    pub item_spacing: f32,
108}
109
110#[derive(Clone, Deserialize, Default)]
111pub struct Search {
112    #[serde(flatten)]
113    pub container: ContainerStyle,
114    pub editor: FindEditor,
115    pub invalid_editor: ContainerStyle,
116    pub option_button_group: ContainerStyle,
117    pub option_button: ContainedText,
118    pub active_option_button: ContainedText,
119    pub hovered_option_button: ContainedText,
120    pub active_hovered_option_button: ContainedText,
121    pub match_background: Color,
122    pub match_index: ContainedText,
123    pub results_status: TextStyle,
124    pub tab_icon_width: f32,
125    pub tab_icon_spacing: f32,
126}
127
128#[derive(Clone, Deserialize, Default)]
129pub struct FindEditor {
130    #[serde(flatten)]
131    pub input: FieldEditor,
132    pub min_width: f32,
133    pub max_width: f32,
134}
135
136#[derive(Deserialize, Default)]
137pub struct StatusBar {
138    #[serde(flatten)]
139    pub container: ContainerStyle,
140    pub height: f32,
141    pub item_spacing: f32,
142    pub cursor_position: TextStyle,
143    pub auto_update_progress_message: TextStyle,
144    pub auto_update_done_message: TextStyle,
145    pub lsp_status: Interactive<StatusBarLspStatus>,
146    pub sidebar_buttons: StatusBarSidebarButtons,
147    pub diagnostics: StatusBarDiagnostics,
148}
149
150#[derive(Deserialize, Default)]
151pub struct StatusBarSidebarButtons {
152    pub group_left: ContainerStyle,
153    pub group_right: ContainerStyle,
154    pub item: Interactive<SidebarItem>,
155}
156
157#[derive(Deserialize, Default)]
158pub struct StatusBarDiagnostics {
159    pub message: Interactive<ContainedText>,
160    pub summary_ok: Interactive<ContainedText>,
161    pub summary_warning: Interactive<ContainedText>,
162    pub summary_error: Interactive<ContainedText>,
163    pub icon_color_ok: Color,
164    pub icon_color_error: Color,
165    pub icon_color_warning: Color,
166    pub height: f32,
167    pub icon_width: f32,
168    pub icon_spacing: f32,
169    pub summary_spacing: f32,
170}
171
172#[derive(Deserialize, Default)]
173pub struct StatusBarLspStatus {
174    #[serde(flatten)]
175    pub container: ContainerStyle,
176    pub height: f32,
177    pub icon_spacing: f32,
178    pub icon_color: Color,
179    pub icon_width: f32,
180    pub message: TextStyle,
181}
182
183#[derive(Deserialize, Default)]
184pub struct Sidebar {
185    pub resize_handle: ContainerStyle,
186}
187
188#[derive(Clone, Copy, Deserialize, Default)]
189pub struct SidebarItem {
190    #[serde(flatten)]
191    pub container: ContainerStyle,
192    pub icon_color: Color,
193    pub icon_size: f32,
194}
195
196#[derive(Deserialize, Default)]
197pub struct ChatPanel {
198    #[serde(flatten)]
199    pub container: ContainerStyle,
200    pub message: ChatMessage,
201    pub pending_message: ChatMessage,
202    pub channel_select: ChannelSelect,
203    pub input_editor: FieldEditor,
204    pub sign_in_prompt: TextStyle,
205    pub hovered_sign_in_prompt: TextStyle,
206}
207
208#[derive(Debug, Deserialize, Default)]
209pub struct ProjectPanel {
210    #[serde(flatten)]
211    pub container: ContainerStyle,
212    pub entry: ProjectPanelEntry,
213    pub hovered_entry: ProjectPanelEntry,
214    pub selected_entry: ProjectPanelEntry,
215    pub hovered_selected_entry: ProjectPanelEntry,
216}
217
218#[derive(Debug, Deserialize, Default)]
219pub struct ProjectPanelEntry {
220    pub height: f32,
221    #[serde(flatten)]
222    pub container: ContainerStyle,
223    pub text: TextStyle,
224    pub icon_color: Color,
225    pub icon_size: f32,
226    pub icon_spacing: f32,
227}
228
229#[derive(Debug, Deserialize, Default)]
230pub struct CommandPalette {
231    pub key: ContainedLabel,
232    pub keystroke_spacing: f32,
233}
234
235#[derive(Deserialize, Default)]
236pub struct ContactsPanel {
237    #[serde(flatten)]
238    pub container: ContainerStyle,
239    pub host_row_height: f32,
240    pub host_avatar: ImageStyle,
241    pub host_username: ContainedText,
242    pub tree_branch_width: f32,
243    pub tree_branch_color: Color,
244    pub shared_project: WorktreeRow,
245    pub hovered_shared_project: WorktreeRow,
246    pub unshared_project: WorktreeRow,
247    pub hovered_unshared_project: WorktreeRow,
248}
249
250#[derive(Deserialize, Default)]
251pub struct WorktreeRow {
252    #[serde(flatten)]
253    pub container: ContainerStyle,
254    pub height: f32,
255    pub name: ContainedText,
256    pub guest_avatar: ImageStyle,
257    pub guest_avatar_spacing: f32,
258}
259
260#[derive(Deserialize, Default)]
261pub struct ChatMessage {
262    #[serde(flatten)]
263    pub container: ContainerStyle,
264    pub body: TextStyle,
265    pub sender: ContainedText,
266    pub timestamp: ContainedText,
267}
268
269#[derive(Deserialize, Default)]
270pub struct ChannelSelect {
271    #[serde(flatten)]
272    pub container: ContainerStyle,
273    pub header: ChannelName,
274    pub item: ChannelName,
275    pub active_item: ChannelName,
276    pub hovered_item: ChannelName,
277    pub hovered_active_item: ChannelName,
278    pub menu: ContainerStyle,
279}
280
281#[derive(Deserialize, Default)]
282pub struct ChannelName {
283    #[serde(flatten)]
284    pub container: ContainerStyle,
285    pub hash: ContainedText,
286    pub name: TextStyle,
287}
288
289#[derive(Deserialize, Default)]
290pub struct Selector {
291    #[serde(flatten)]
292    pub container: ContainerStyle,
293    pub empty: ContainedLabel,
294    pub input_editor: FieldEditor,
295    pub item: ContainedLabel,
296    pub active_item: ContainedLabel,
297}
298
299#[derive(Clone, Debug, Deserialize, Default)]
300pub struct ContainedText {
301    #[serde(flatten)]
302    pub container: ContainerStyle,
303    #[serde(flatten)]
304    pub text: TextStyle,
305}
306
307#[derive(Clone, Debug, Deserialize, Default)]
308pub struct ContainedLabel {
309    #[serde(flatten)]
310    pub container: ContainerStyle,
311    #[serde(flatten)]
312    pub label: LabelStyle,
313}
314
315#[derive(Clone, Deserialize, Default)]
316pub struct ProjectDiagnostics {
317    #[serde(flatten)]
318    pub container: ContainerStyle,
319    pub empty_message: TextStyle,
320    pub tab_icon_width: f32,
321    pub tab_icon_spacing: f32,
322    pub tab_summary_spacing: f32,
323}
324
325#[derive(Clone, Deserialize, Default)]
326pub struct Editor {
327    pub text_color: Color,
328    #[serde(default)]
329    pub background: Color,
330    pub selection: SelectionStyle,
331    pub gutter_background: Color,
332    pub gutter_padding_factor: f32,
333    pub active_line_background: Color,
334    pub highlighted_line_background: Color,
335    pub rename_fade: f32,
336    pub document_highlight_read_background: Color,
337    pub document_highlight_write_background: Color,
338    pub diff_background_deleted: Color,
339    pub diff_background_inserted: Color,
340    pub line_number: Color,
341    pub line_number_active: Color,
342    pub guest_selections: Vec<SelectionStyle>,
343    pub syntax: Arc<SyntaxTheme>,
344    pub diagnostic_path_header: DiagnosticPathHeader,
345    pub diagnostic_header: DiagnosticHeader,
346    pub error_diagnostic: DiagnosticStyle,
347    pub invalid_error_diagnostic: DiagnosticStyle,
348    pub warning_diagnostic: DiagnosticStyle,
349    pub invalid_warning_diagnostic: DiagnosticStyle,
350    pub information_diagnostic: DiagnosticStyle,
351    pub invalid_information_diagnostic: DiagnosticStyle,
352    pub hint_diagnostic: DiagnosticStyle,
353    pub invalid_hint_diagnostic: DiagnosticStyle,
354    pub autocomplete: AutocompleteStyle,
355    pub code_actions_indicator: Color,
356    pub unnecessary_code_fade: f32,
357}
358
359#[derive(Clone, Deserialize, Default)]
360pub struct DiagnosticPathHeader {
361    #[serde(flatten)]
362    pub container: ContainerStyle,
363    pub filename: ContainedText,
364    pub path: ContainedText,
365    pub text_scale_factor: f32,
366}
367
368#[derive(Clone, Deserialize, Default)]
369pub struct DiagnosticHeader {
370    #[serde(flatten)]
371    pub container: ContainerStyle,
372    pub message: ContainedLabel,
373    pub code: ContainedText,
374    pub text_scale_factor: f32,
375    pub icon_width_factor: f32,
376}
377
378#[derive(Clone, Deserialize, Default)]
379pub struct DiagnosticStyle {
380    pub message: LabelStyle,
381    #[serde(default)]
382    pub header: ContainerStyle,
383    pub text_scale_factor: f32,
384}
385
386#[derive(Clone, Deserialize, Default)]
387pub struct AutocompleteStyle {
388    #[serde(flatten)]
389    pub container: ContainerStyle,
390    pub item: ContainerStyle,
391    pub selected_item: ContainerStyle,
392    pub hovered_item: ContainerStyle,
393    pub match_highlight: HighlightStyle,
394}
395
396#[derive(Clone, Copy, Default, Deserialize)]
397pub struct SelectionStyle {
398    pub cursor: Color,
399    pub selection: Color,
400}
401
402#[derive(Clone, Deserialize, Default)]
403pub struct FieldEditor {
404    #[serde(flatten)]
405    pub container: ContainerStyle,
406    pub text: TextStyle,
407    #[serde(default)]
408    pub placeholder_text: Option<TextStyle>,
409    pub selection: SelectionStyle,
410}
411
412#[derive(Default, Clone, Copy)]
413pub struct Interactive<T> {
414    pub default: T,
415    pub hover: Option<T>,
416    pub active: Option<T>,
417    pub active_hover: Option<T>,
418}
419
420impl<T> Interactive<T> {
421    pub fn active(&self) -> &T {
422        self.active.as_ref().unwrap_or(&self.default)
423    }
424
425    pub fn hover(&self) -> &T {
426        self.hover.as_ref().unwrap_or(&self.default)
427    }
428
429    pub fn active_hover(&self) -> &T {
430        self.active_hover.as_ref().unwrap_or(self.active())
431    }
432}
433
434impl<'de, T: DeserializeOwned> Deserialize<'de> for Interactive<T> {
435    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
436    where
437        D: serde::Deserializer<'de>,
438    {
439        #[derive(Deserialize)]
440        struct Helper {
441            #[serde(flatten)]
442            default: Value,
443            hover: Option<Value>,
444            active: Option<Value>,
445            active_hover: Option<Value>,
446        }
447
448        let json = Helper::deserialize(deserializer)?;
449
450        let deserialize_state = |state_json: Option<Value>| -> Result<Option<T>, D::Error> {
451            if let Some(mut state_json) = state_json {
452                if let Value::Object(state_json) = &mut state_json {
453                    if let Value::Object(default) = &json.default {
454                        for (key, value) in default {
455                            if !state_json.contains_key(key) {
456                                state_json.insert(key.clone(), value.clone());
457                            }
458                        }
459                    }
460                }
461                Ok(Some(
462                    serde_json::from_value::<T>(state_json).map_err(serde::de::Error::custom)?,
463                ))
464            } else {
465                Ok(None)
466            }
467        };
468
469        let hover = deserialize_state(json.hover)?;
470        let active = deserialize_state(json.active)?;
471        let active_hover = deserialize_state(json.active_hover)?;
472        let default = serde_json::from_value(json.default).map_err(serde::de::Error::custom)?;
473
474        Ok(Interactive {
475            default,
476            hover,
477            active,
478            active_hover,
479        })
480    }
481}
482
483impl Editor {
484    pub fn replica_selection_style(&self, replica_id: u16) -> &SelectionStyle {
485        let style_ix = replica_id as usize % (self.guest_selections.len() + 1);
486        if style_ix == 0 {
487            &self.selection
488        } else {
489            &self.guest_selections[style_ix - 1]
490        }
491    }
492}
493
494#[derive(Default)]
495pub struct SyntaxTheme {
496    pub highlights: Vec<(String, HighlightStyle)>,
497}
498
499impl SyntaxTheme {
500    pub fn new(highlights: Vec<(String, HighlightStyle)>) -> Self {
501        Self { highlights }
502    }
503}
504
505impl<'de> Deserialize<'de> for SyntaxTheme {
506    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
507    where
508        D: serde::Deserializer<'de>,
509    {
510        let syntax_data: HashMap<String, HighlightStyle> = Deserialize::deserialize(deserializer)?;
511
512        let mut result = Self::new(Vec::new());
513        for (key, style) in syntax_data {
514            match result
515                .highlights
516                .binary_search_by(|(needle, _)| needle.cmp(&key))
517            {
518                Ok(i) | Err(i) => {
519                    result.highlights.insert(i, (key, style));
520                }
521            }
522        }
523
524        Ok(result)
525    }
526}