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    pub selected_item: ContainerStyle,
331    pub hovered_item: ContainerStyle,
332    pub match_highlight: HighlightStyle,
333}
334
335#[derive(Clone, Copy, Default, Deserialize)]
336pub struct SelectionStyle {
337    pub cursor: Color,
338    pub selection: Color,
339}
340
341#[derive(Clone, Deserialize, Default)]
342pub struct InputEditorStyle {
343    #[serde(flatten)]
344    pub container: ContainerStyle,
345    pub text: TextStyle,
346    #[serde(default)]
347    pub placeholder_text: Option<TextStyle>,
348    pub selection: SelectionStyle,
349}
350
351impl EditorStyle {
352    pub fn placeholder_text(&self) -> &TextStyle {
353        self.placeholder_text.as_ref().unwrap_or(&self.text)
354    }
355
356    pub fn replica_selection_style(&self, replica_id: u16) -> &SelectionStyle {
357        let style_ix = replica_id as usize % (self.guest_selections.len() + 1);
358        if style_ix == 0 {
359            &self.selection
360        } else {
361            &self.guest_selections[style_ix - 1]
362        }
363    }
364}
365
366impl InputEditorStyle {
367    pub fn as_editor(&self) -> EditorStyle {
368        let default_diagnostic_style = DiagnosticStyle {
369            message: self.text.clone().into(),
370            header: Default::default(),
371            text_scale_factor: 1.,
372        };
373        EditorStyle {
374            text: self.text.clone(),
375            placeholder_text: self.placeholder_text.clone(),
376            background: self
377                .container
378                .background_color
379                .unwrap_or(Color::transparent_black()),
380            selection: self.selection,
381            gutter_background: Default::default(),
382            gutter_padding_factor: Default::default(),
383            active_line_background: Default::default(),
384            highlighted_line_background: Default::default(),
385            line_number: Default::default(),
386            line_number_active: Default::default(),
387            guest_selections: Default::default(),
388            syntax: Default::default(),
389            diagnostic_path_header: DiagnosticPathHeader {
390                container: Default::default(),
391                filename: ContainedText {
392                    container: Default::default(),
393                    text: self.text.clone(),
394                },
395                path: ContainedText {
396                    container: Default::default(),
397                    text: self.text.clone(),
398                },
399                text_scale_factor: 1.,
400            },
401            diagnostic_header: DiagnosticHeader {
402                container: Default::default(),
403                message: ContainedLabel {
404                    container: Default::default(),
405                    label: self.text.clone().into(),
406                },
407                code: ContainedText {
408                    container: Default::default(),
409                    text: self.text.clone(),
410                },
411                icon_width_factor: Default::default(),
412                text_scale_factor: 1.,
413            },
414            error_diagnostic: default_diagnostic_style.clone(),
415            invalid_error_diagnostic: default_diagnostic_style.clone(),
416            warning_diagnostic: default_diagnostic_style.clone(),
417            invalid_warning_diagnostic: default_diagnostic_style.clone(),
418            information_diagnostic: default_diagnostic_style.clone(),
419            invalid_information_diagnostic: default_diagnostic_style.clone(),
420            hint_diagnostic: default_diagnostic_style.clone(),
421            invalid_hint_diagnostic: default_diagnostic_style.clone(),
422            autocomplete: Default::default(),
423        }
424    }
425}
426
427#[derive(Default)]
428pub struct SyntaxTheme {
429    pub highlights: Vec<(String, HighlightStyle)>,
430}
431
432impl SyntaxTheme {
433    pub fn new(highlights: Vec<(String, HighlightStyle)>) -> Self {
434        Self { highlights }
435    }
436}
437
438impl<'de> Deserialize<'de> for SyntaxTheme {
439    fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
440    where
441        D: serde::Deserializer<'de>,
442    {
443        let syntax_data: HashMap<String, HighlightStyle> = Deserialize::deserialize(deserializer)?;
444
445        let mut result = Self::new(Vec::new());
446        for (key, style) in syntax_data {
447            match result
448                .highlights
449                .binary_search_by(|(needle, _)| needle.cmp(&key))
450            {
451                Ok(i) | Err(i) => {
452                    result.highlights.insert(i, (key, style));
453                }
454            }
455        }
456
457        Ok(result)
458    }
459}