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