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