theme.rs

  1mod resolution;
  2mod theme_registry;
  3
  4use gpui::{
  5    color::Color,
  6    elements::{ContainerStyle, ImageStyle, LabelStyle},
  7    fonts::{HighlightStyle, TextStyle},
  8    Border,
  9};
 10use serde::Deserialize;
 11use std::{collections::HashMap, sync::Arc};
 12
 13pub use theme_registry::*;
 14
 15pub const DEFAULT_THEME_NAME: &'static str = "black";
 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 selector: Selector,
 26    pub editor: EditorStyle,
 27    pub find: Find,
 28    pub project_diagnostics: ProjectDiagnostics,
 29}
 30
 31#[derive(Deserialize, Default)]
 32pub struct Workspace {
 33    pub background: Color,
 34    pub titlebar: Titlebar,
 35    pub tab: Tab,
 36    pub active_tab: Tab,
 37    pub pane_divider: Border,
 38    pub left_sidebar: Sidebar,
 39    pub right_sidebar: Sidebar,
 40    pub status_bar: StatusBar,
 41    pub toolbar: Toolbar,
 42}
 43
 44#[derive(Clone, Deserialize, Default)]
 45pub struct Titlebar {
 46    #[serde(flatten)]
 47    pub container: ContainerStyle,
 48    pub height: f32,
 49    pub title: TextStyle,
 50    pub avatar_width: f32,
 51    pub avatar_ribbon: AvatarRibbon,
 52    pub offline_icon: OfflineIcon,
 53    pub share_icon_color: Color,
 54    pub share_icon_active_color: Color,
 55    pub avatar: ImageStyle,
 56    pub sign_in_prompt: ContainedText,
 57    pub hovered_sign_in_prompt: ContainedText,
 58    pub outdated_warning: ContainedText,
 59}
 60
 61#[derive(Clone, Deserialize, Default)]
 62pub struct AvatarRibbon {
 63    #[serde(flatten)]
 64    pub container: ContainerStyle,
 65    pub width: f32,
 66    pub height: f32,
 67}
 68
 69#[derive(Clone, Deserialize, Default)]
 70pub struct OfflineIcon {
 71    #[serde(flatten)]
 72    pub container: ContainerStyle,
 73    pub width: f32,
 74    pub color: Color,
 75}
 76
 77#[derive(Clone, Deserialize, Default)]
 78pub struct Tab {
 79    pub height: f32,
 80    #[serde(flatten)]
 81    pub container: ContainerStyle,
 82    #[serde(flatten)]
 83    pub label: LabelStyle,
 84    pub spacing: f32,
 85    pub icon_width: f32,
 86    pub icon_close: Color,
 87    pub icon_close_active: Color,
 88    pub icon_dirty: Color,
 89    pub icon_conflict: Color,
 90}
 91
 92#[derive(Clone, Deserialize, Default)]
 93pub struct Toolbar {
 94    pub height: f32,
 95}
 96
 97#[derive(Clone, Deserialize, Default)]
 98pub struct Find {
 99    #[serde(flatten)]
100    pub container: ContainerStyle,
101    pub editor: FindEditor,
102    pub invalid_editor: ContainerStyle,
103    pub mode_button_group: ContainerStyle,
104    pub mode_button: ContainedText,
105    pub active_mode_button: ContainedText,
106    pub hovered_mode_button: ContainedText,
107    pub active_hovered_mode_button: ContainedText,
108    pub match_background: Color,
109    pub match_index: ContainedText,
110}
111
112#[derive(Clone, Deserialize, Default)]
113pub struct FindEditor {
114    #[serde(flatten)]
115    pub input: InputEditorStyle,
116    pub max_width: f32,
117}
118
119#[derive(Deserialize, Default)]
120pub struct Sidebar {
121    #[serde(flatten)]
122    pub container: ContainerStyle,
123    pub width: f32,
124    pub item: SidebarItem,
125    pub active_item: SidebarItem,
126    pub resize_handle: ContainerStyle,
127}
128
129#[derive(Deserialize, Default)]
130pub struct SidebarItem {
131    pub icon_color: Color,
132    pub icon_size: f32,
133    pub height: 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 diagnostic_message: TextStyle,
144}
145
146#[derive(Deserialize, Default)]
147pub struct ChatPanel {
148    #[serde(flatten)]
149    pub container: ContainerStyle,
150    pub message: ChatMessage,
151    pub pending_message: ChatMessage,
152    pub channel_select: ChannelSelect,
153    pub input_editor: InputEditorStyle,
154    pub sign_in_prompt: TextStyle,
155    pub hovered_sign_in_prompt: TextStyle,
156}
157
158#[derive(Debug, Deserialize, Default)]
159pub struct ProjectPanel {
160    #[serde(flatten)]
161    pub container: ContainerStyle,
162    pub entry: ProjectPanelEntry,
163    pub hovered_entry: ProjectPanelEntry,
164    pub selected_entry: ProjectPanelEntry,
165    pub hovered_selected_entry: ProjectPanelEntry,
166}
167
168#[derive(Debug, Deserialize, Default)]
169pub struct ProjectPanelEntry {
170    pub height: f32,
171    #[serde(flatten)]
172    pub container: ContainerStyle,
173    pub text: TextStyle,
174    pub icon_color: Color,
175    pub icon_size: f32,
176    pub icon_spacing: f32,
177}
178
179#[derive(Deserialize, Default)]
180pub struct ContactsPanel {
181    #[serde(flatten)]
182    pub container: ContainerStyle,
183    pub host_row_height: f32,
184    pub host_avatar: ImageStyle,
185    pub host_username: ContainedText,
186    pub tree_branch_width: f32,
187    pub tree_branch_color: Color,
188    pub shared_project: WorktreeRow,
189    pub hovered_shared_project: WorktreeRow,
190    pub unshared_project: WorktreeRow,
191    pub hovered_unshared_project: WorktreeRow,
192}
193
194#[derive(Deserialize, Default)]
195pub struct WorktreeRow {
196    #[serde(flatten)]
197    pub container: ContainerStyle,
198    pub height: f32,
199    pub name: ContainedText,
200    pub guest_avatar: ImageStyle,
201    pub guest_avatar_spacing: f32,
202}
203
204#[derive(Deserialize, Default)]
205pub struct ChatMessage {
206    #[serde(flatten)]
207    pub container: ContainerStyle,
208    pub body: TextStyle,
209    pub sender: ContainedText,
210    pub timestamp: ContainedText,
211}
212
213#[derive(Deserialize, Default)]
214pub struct ChannelSelect {
215    #[serde(flatten)]
216    pub container: ContainerStyle,
217    pub header: ChannelName,
218    pub item: ChannelName,
219    pub active_item: ChannelName,
220    pub hovered_item: ChannelName,
221    pub hovered_active_item: ChannelName,
222    pub menu: ContainerStyle,
223}
224
225#[derive(Deserialize, Default)]
226pub struct ChannelName {
227    #[serde(flatten)]
228    pub container: ContainerStyle,
229    pub hash: ContainedText,
230    pub name: TextStyle,
231}
232
233#[derive(Deserialize, Default)]
234pub struct Selector {
235    #[serde(flatten)]
236    pub container: ContainerStyle,
237    pub empty: ContainedLabel,
238    pub input_editor: InputEditorStyle,
239    pub item: ContainedLabel,
240    pub active_item: ContainedLabel,
241}
242
243#[derive(Clone, Debug, Deserialize, Default)]
244pub struct ContainedText {
245    #[serde(flatten)]
246    pub container: ContainerStyle,
247    #[serde(flatten)]
248    pub text: TextStyle,
249}
250
251#[derive(Clone, Deserialize, Default)]
252pub struct ContainedLabel {
253    #[serde(flatten)]
254    pub container: ContainerStyle,
255    #[serde(flatten)]
256    pub label: LabelStyle,
257}
258
259#[derive(Clone, Deserialize, Default)]
260pub struct ProjectDiagnostics {
261    #[serde(flatten)]
262    pub container: ContainerStyle,
263    pub empty_message: TextStyle,
264    pub status_bar_item: ContainedText,
265    pub tab_icon_width: f32,
266    pub tab_icon_spacing: f32,
267    pub tab_summary_spacing: f32,
268}
269
270#[derive(Clone, Deserialize, Default)]
271pub struct EditorStyle {
272    pub text: TextStyle,
273    #[serde(default)]
274    pub placeholder_text: Option<TextStyle>,
275    pub background: Color,
276    pub selection: SelectionStyle,
277    pub gutter_background: Color,
278    pub gutter_padding_factor: f32,
279    pub active_line_background: Color,
280    pub highlighted_line_background: Color,
281    pub line_number: Color,
282    pub line_number_active: Color,
283    pub guest_selections: Vec<SelectionStyle>,
284    pub syntax: Arc<SyntaxTheme>,
285    pub diagnostic_path_header: DiagnosticPathHeader,
286    pub diagnostic_header: DiagnosticHeader,
287    pub error_diagnostic: DiagnosticStyle,
288    pub invalid_error_diagnostic: DiagnosticStyle,
289    pub warning_diagnostic: DiagnosticStyle,
290    pub invalid_warning_diagnostic: DiagnosticStyle,
291    pub information_diagnostic: DiagnosticStyle,
292    pub invalid_information_diagnostic: DiagnosticStyle,
293    pub hint_diagnostic: DiagnosticStyle,
294    pub invalid_hint_diagnostic: DiagnosticStyle,
295    pub autocomplete: AutocompleteStyle,
296}
297
298#[derive(Clone, Deserialize, Default)]
299pub struct DiagnosticPathHeader {
300    #[serde(flatten)]
301    pub container: ContainerStyle,
302    pub filename: ContainedText,
303    pub path: ContainedText,
304    pub text_scale_factor: f32,
305}
306
307#[derive(Clone, Deserialize, Default)]
308pub struct DiagnosticHeader {
309    #[serde(flatten)]
310    pub container: ContainerStyle,
311    pub message: ContainedLabel,
312    pub code: ContainedText,
313    pub text_scale_factor: f32,
314    pub icon_width_factor: f32,
315}
316
317#[derive(Clone, Deserialize, Default)]
318pub struct DiagnosticStyle {
319    pub message: LabelStyle,
320    #[serde(default)]
321    pub header: ContainerStyle,
322    pub text_scale_factor: f32,
323}
324
325#[derive(Clone, Deserialize, Default)]
326pub struct AutocompleteStyle {
327    #[serde(flatten)]
328    pub container: ContainerStyle,
329    pub item: ContainerStyle,
330}
331
332#[derive(Clone, Copy, Default, Deserialize)]
333pub struct SelectionStyle {
334    pub cursor: Color,
335    pub selection: Color,
336}
337
338#[derive(Clone, Deserialize, Default)]
339pub struct InputEditorStyle {
340    #[serde(flatten)]
341    pub container: ContainerStyle,
342    pub text: TextStyle,
343    #[serde(default)]
344    pub placeholder_text: Option<TextStyle>,
345    pub selection: SelectionStyle,
346}
347
348impl EditorStyle {
349    pub fn placeholder_text(&self) -> &TextStyle {
350        self.placeholder_text.as_ref().unwrap_or(&self.text)
351    }
352
353    pub fn replica_selection_style(&self, replica_id: u16) -> &SelectionStyle {
354        let style_ix = replica_id as usize % (self.guest_selections.len() + 1);
355        if style_ix == 0 {
356            &self.selection
357        } else {
358            &self.guest_selections[style_ix - 1]
359        }
360    }
361}
362
363impl InputEditorStyle {
364    pub fn as_editor(&self) -> EditorStyle {
365        let default_diagnostic_style = DiagnosticStyle {
366            message: self.text.clone().into(),
367            header: Default::default(),
368            text_scale_factor: 1.,
369        };
370        EditorStyle {
371            text: self.text.clone(),
372            placeholder_text: self.placeholder_text.clone(),
373            background: self
374                .container
375                .background_color
376                .unwrap_or(Color::transparent_black()),
377            selection: self.selection,
378            gutter_background: Default::default(),
379            gutter_padding_factor: Default::default(),
380            active_line_background: Default::default(),
381            highlighted_line_background: Default::default(),
382            line_number: Default::default(),
383            line_number_active: Default::default(),
384            guest_selections: Default::default(),
385            syntax: Default::default(),
386            diagnostic_path_header: DiagnosticPathHeader {
387                container: Default::default(),
388                filename: ContainedText {
389                    container: Default::default(),
390                    text: self.text.clone(),
391                },
392                path: ContainedText {
393                    container: Default::default(),
394                    text: self.text.clone(),
395                },
396                text_scale_factor: 1.,
397            },
398            diagnostic_header: DiagnosticHeader {
399                container: Default::default(),
400                message: ContainedLabel {
401                    container: Default::default(),
402                    label: self.text.clone().into(),
403                },
404                code: ContainedText {
405                    container: Default::default(),
406                    text: self.text.clone(),
407                },
408                icon_width_factor: Default::default(),
409                text_scale_factor: 1.,
410            },
411            error_diagnostic: default_diagnostic_style.clone(),
412            invalid_error_diagnostic: default_diagnostic_style.clone(),
413            warning_diagnostic: default_diagnostic_style.clone(),
414            invalid_warning_diagnostic: default_diagnostic_style.clone(),
415            information_diagnostic: default_diagnostic_style.clone(),
416            invalid_information_diagnostic: default_diagnostic_style.clone(),
417            hint_diagnostic: default_diagnostic_style.clone(),
418            invalid_hint_diagnostic: default_diagnostic_style.clone(),
419            autocomplete: Default::default(),
420        }
421    }
422}
423
424#[derive(Default)]
425pub struct SyntaxTheme {
426    pub highlights: Vec<(String, HighlightStyle)>,
427}
428
429impl SyntaxTheme {
430    pub fn new(highlights: Vec<(String, HighlightStyle)>) -> Self {
431        Self { highlights }
432    }
433}
434
435impl<'de> Deserialize<'de> for SyntaxTheme {
436    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
437    where
438        D: serde::Deserializer<'de>,
439    {
440        let syntax_data: HashMap<String, HighlightStyle> = Deserialize::deserialize(deserializer)?;
441
442        let mut result = Self::new(Vec::new());
443        for (key, style) in syntax_data {
444            match result
445                .highlights
446                .binary_search_by(|(needle, _)| needle.cmp(&key))
447            {
448                Ok(i) | Err(i) => {
449                    result.highlights.insert(i, (key, style));
450                }
451            }
452        }
453
454        Ok(result)
455    }
456}