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(Deserialize, Default)]
208pub struct ProjectPanel {
209 #[serde(flatten)]
210 pub container: ContainerStyle,
211 pub entry: Interactive<ProjectPanelEntry>,
212 pub filename_editor: FieldEditor,
213 pub indent_width: f32,
214}
215
216#[derive(Debug, Deserialize, Default)]
217pub struct ProjectPanelEntry {
218 pub height: f32,
219 #[serde(flatten)]
220 pub container: ContainerStyle,
221 pub text: TextStyle,
222 pub icon_color: Color,
223 pub icon_size: f32,
224 pub icon_spacing: f32,
225}
226
227#[derive(Debug, Deserialize, Default)]
228pub struct CommandPalette {
229 pub key: Interactive<ContainedLabel>,
230 pub keystroke_spacing: f32,
231}
232
233#[derive(Deserialize, Default)]
234pub struct ContactsPanel {
235 #[serde(flatten)]
236 pub container: ContainerStyle,
237 pub header: ContainedText,
238 pub user_query_editor: FieldEditor,
239 pub row_height: f32,
240 pub contact_avatar: ImageStyle,
241 pub contact_username: ContainedText,
242 pub edit_contact: ContainedText,
243 pub tree_branch_width: f32,
244 pub tree_branch_color: Color,
245 pub shared_project: ProjectRow,
246 pub hovered_shared_project: ProjectRow,
247 pub unshared_project: ProjectRow,
248 pub hovered_unshared_project: ProjectRow,
249}
250
251#[derive(Deserialize, Default)]
252pub struct ProjectRow {
253 #[serde(flatten)]
254 pub container: ContainerStyle,
255 pub height: f32,
256 pub name: ContainedText,
257 pub guest_avatar: ImageStyle,
258 pub guest_avatar_spacing: f32,
259}
260
261#[derive(Deserialize, Default)]
262pub struct ChatMessage {
263 #[serde(flatten)]
264 pub container: ContainerStyle,
265 pub body: TextStyle,
266 pub sender: ContainedText,
267 pub timestamp: ContainedText,
268}
269
270#[derive(Deserialize, Default)]
271pub struct ChannelSelect {
272 #[serde(flatten)]
273 pub container: ContainerStyle,
274 pub header: ChannelName,
275 pub item: ChannelName,
276 pub active_item: ChannelName,
277 pub hovered_item: ChannelName,
278 pub hovered_active_item: ChannelName,
279 pub menu: ContainerStyle,
280}
281
282#[derive(Deserialize, Default)]
283pub struct ChannelName {
284 #[serde(flatten)]
285 pub container: ContainerStyle,
286 pub hash: ContainedText,
287 pub name: TextStyle,
288}
289
290#[derive(Deserialize, Default)]
291pub struct Picker {
292 #[serde(flatten)]
293 pub container: ContainerStyle,
294 pub empty: ContainedLabel,
295 pub input_editor: FieldEditor,
296 pub item: Interactive<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(Debug, 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 style_for(&self, state: &MouseState, active: bool) -> &T {
422 if active {
423 if state.hovered {
424 self.active_hover
425 .as_ref()
426 .or(self.active.as_ref())
427 .unwrap_or(&self.default)
428 } else {
429 self.active.as_ref().unwrap_or(&self.default)
430 }
431 } else {
432 if state.hovered {
433 self.hover.as_ref().unwrap_or(&self.default)
434 } else {
435 &self.default
436 }
437 }
438 }
439}
440
441impl<'de, T: DeserializeOwned> Deserialize<'de> for Interactive<T> {
442 fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
443 where
444 D: serde::Deserializer<'de>,
445 {
446 #[derive(Deserialize)]
447 struct Helper {
448 #[serde(flatten)]
449 default: Value,
450 hover: Option<Value>,
451 active: Option<Value>,
452 active_hover: Option<Value>,
453 }
454
455 let json = Helper::deserialize(deserializer)?;
456
457 let deserialize_state = |state_json: Option<Value>| -> Result<Option<T>, D::Error> {
458 if let Some(mut state_json) = state_json {
459 if let Value::Object(state_json) = &mut state_json {
460 if let Value::Object(default) = &json.default {
461 for (key, value) in default {
462 if !state_json.contains_key(key) {
463 state_json.insert(key.clone(), value.clone());
464 }
465 }
466 }
467 }
468 Ok(Some(
469 serde_json::from_value::<T>(state_json).map_err(serde::de::Error::custom)?,
470 ))
471 } else {
472 Ok(None)
473 }
474 };
475
476 let hover = deserialize_state(json.hover)?;
477 let active = deserialize_state(json.active)?;
478 let active_hover = deserialize_state(json.active_hover)?;
479 let default = serde_json::from_value(json.default).map_err(serde::de::Error::custom)?;
480
481 Ok(Interactive {
482 default,
483 hover,
484 active,
485 active_hover,
486 })
487 }
488}
489
490impl Editor {
491 pub fn replica_selection_style(&self, replica_id: u16) -> &SelectionStyle {
492 let style_ix = replica_id as usize % (self.guest_selections.len() + 1);
493 if style_ix == 0 {
494 &self.selection
495 } else {
496 &self.guest_selections[style_ix - 1]
497 }
498 }
499}
500
501#[derive(Default)]
502pub struct SyntaxTheme {
503 pub highlights: Vec<(String, HighlightStyle)>,
504}
505
506impl SyntaxTheme {
507 pub fn new(highlights: Vec<(String, HighlightStyle)>) -> Self {
508 Self { highlights }
509 }
510}
511
512impl<'de> Deserialize<'de> for SyntaxTheme {
513 fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
514 where
515 D: serde::Deserializer<'de>,
516 {
517 let syntax_data: HashMap<String, HighlightStyle> = Deserialize::deserialize(deserializer)?;
518
519 let mut result = Self::new(Vec::new());
520 for (key, style) in syntax_data {
521 match result
522 .highlights
523 .binary_search_by(|(needle, _)| needle.cmp(&key))
524 {
525 Ok(i) | Err(i) => {
526 result.highlights.insert(i, (key, style));
527 }
528 }
529 }
530
531 Ok(result)
532 }
533}