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 tree_branch_width: f32,
243 pub tree_branch_color: Color,
244 pub shared_project: ProjectRow,
245 pub hovered_shared_project: ProjectRow,
246 pub unshared_project: ProjectRow,
247 pub hovered_unshared_project: ProjectRow,
248}
249
250#[derive(Deserialize, Default)]
251pub struct ProjectRow {
252 #[serde(flatten)]
253 pub container: ContainerStyle,
254 pub height: f32,
255 pub name: ContainedText,
256 pub guest_avatar: ImageStyle,
257 pub guest_avatar_spacing: f32,
258}
259
260#[derive(Deserialize, Default)]
261pub struct ChatMessage {
262 #[serde(flatten)]
263 pub container: ContainerStyle,
264 pub body: TextStyle,
265 pub sender: ContainedText,
266 pub timestamp: ContainedText,
267}
268
269#[derive(Deserialize, Default)]
270pub struct ChannelSelect {
271 #[serde(flatten)]
272 pub container: ContainerStyle,
273 pub header: ChannelName,
274 pub item: ChannelName,
275 pub active_item: ChannelName,
276 pub hovered_item: ChannelName,
277 pub hovered_active_item: ChannelName,
278 pub menu: ContainerStyle,
279}
280
281#[derive(Deserialize, Default)]
282pub struct ChannelName {
283 #[serde(flatten)]
284 pub container: ContainerStyle,
285 pub hash: ContainedText,
286 pub name: TextStyle,
287}
288
289#[derive(Deserialize, Default)]
290pub struct Picker {
291 #[serde(flatten)]
292 pub container: ContainerStyle,
293 pub empty: ContainedLabel,
294 pub input_editor: FieldEditor,
295 pub item: Interactive<ContainedLabel>,
296}
297
298#[derive(Clone, Debug, Deserialize, Default)]
299pub struct ContainedText {
300 #[serde(flatten)]
301 pub container: ContainerStyle,
302 #[serde(flatten)]
303 pub text: TextStyle,
304}
305
306#[derive(Clone, Debug, Deserialize, Default)]
307pub struct ContainedLabel {
308 #[serde(flatten)]
309 pub container: ContainerStyle,
310 #[serde(flatten)]
311 pub label: LabelStyle,
312}
313
314#[derive(Clone, Deserialize, Default)]
315pub struct ProjectDiagnostics {
316 #[serde(flatten)]
317 pub container: ContainerStyle,
318 pub empty_message: TextStyle,
319 pub tab_icon_width: f32,
320 pub tab_icon_spacing: f32,
321 pub tab_summary_spacing: f32,
322}
323
324#[derive(Clone, Deserialize, Default)]
325pub struct Editor {
326 pub text_color: Color,
327 #[serde(default)]
328 pub background: Color,
329 pub selection: SelectionStyle,
330 pub gutter_background: Color,
331 pub gutter_padding_factor: f32,
332 pub active_line_background: Color,
333 pub highlighted_line_background: Color,
334 pub rename_fade: f32,
335 pub document_highlight_read_background: Color,
336 pub document_highlight_write_background: Color,
337 pub diff_background_deleted: Color,
338 pub diff_background_inserted: Color,
339 pub line_number: Color,
340 pub line_number_active: Color,
341 pub guest_selections: Vec<SelectionStyle>,
342 pub syntax: Arc<SyntaxTheme>,
343 pub diagnostic_path_header: DiagnosticPathHeader,
344 pub diagnostic_header: DiagnosticHeader,
345 pub error_diagnostic: DiagnosticStyle,
346 pub invalid_error_diagnostic: DiagnosticStyle,
347 pub warning_diagnostic: DiagnosticStyle,
348 pub invalid_warning_diagnostic: DiagnosticStyle,
349 pub information_diagnostic: DiagnosticStyle,
350 pub invalid_information_diagnostic: DiagnosticStyle,
351 pub hint_diagnostic: DiagnosticStyle,
352 pub invalid_hint_diagnostic: DiagnosticStyle,
353 pub autocomplete: AutocompleteStyle,
354 pub code_actions_indicator: Color,
355 pub unnecessary_code_fade: f32,
356}
357
358#[derive(Clone, Deserialize, Default)]
359pub struct DiagnosticPathHeader {
360 #[serde(flatten)]
361 pub container: ContainerStyle,
362 pub filename: ContainedText,
363 pub path: ContainedText,
364 pub text_scale_factor: f32,
365}
366
367#[derive(Clone, Deserialize, Default)]
368pub struct DiagnosticHeader {
369 #[serde(flatten)]
370 pub container: ContainerStyle,
371 pub message: ContainedLabel,
372 pub code: ContainedText,
373 pub text_scale_factor: f32,
374 pub icon_width_factor: f32,
375}
376
377#[derive(Clone, Deserialize, Default)]
378pub struct DiagnosticStyle {
379 pub message: LabelStyle,
380 #[serde(default)]
381 pub header: ContainerStyle,
382 pub text_scale_factor: f32,
383}
384
385#[derive(Clone, Deserialize, Default)]
386pub struct AutocompleteStyle {
387 #[serde(flatten)]
388 pub container: ContainerStyle,
389 pub item: ContainerStyle,
390 pub selected_item: ContainerStyle,
391 pub hovered_item: ContainerStyle,
392 pub match_highlight: HighlightStyle,
393}
394
395#[derive(Clone, Copy, Default, Deserialize)]
396pub struct SelectionStyle {
397 pub cursor: Color,
398 pub selection: Color,
399}
400
401#[derive(Clone, Deserialize, Default)]
402pub struct FieldEditor {
403 #[serde(flatten)]
404 pub container: ContainerStyle,
405 pub text: TextStyle,
406 #[serde(default)]
407 pub placeholder_text: Option<TextStyle>,
408 pub selection: SelectionStyle,
409}
410
411#[derive(Debug, Default, Clone, Copy)]
412pub struct Interactive<T> {
413 pub default: T,
414 pub hover: Option<T>,
415 pub active: Option<T>,
416 pub active_hover: Option<T>,
417}
418
419impl<T> Interactive<T> {
420 pub fn style_for(&self, state: &MouseState, active: bool) -> &T {
421 if active {
422 if state.hovered {
423 self.active_hover
424 .as_ref()
425 .or(self.active.as_ref())
426 .unwrap_or(&self.default)
427 } else {
428 self.active.as_ref().unwrap_or(&self.default)
429 }
430 } else {
431 if state.hovered {
432 self.hover.as_ref().unwrap_or(&self.default)
433 } else {
434 &self.default
435 }
436 }
437 }
438}
439
440impl<'de, T: DeserializeOwned> Deserialize<'de> for Interactive<T> {
441 fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
442 where
443 D: serde::Deserializer<'de>,
444 {
445 #[derive(Deserialize)]
446 struct Helper {
447 #[serde(flatten)]
448 default: Value,
449 hover: Option<Value>,
450 active: Option<Value>,
451 active_hover: Option<Value>,
452 }
453
454 let json = Helper::deserialize(deserializer)?;
455
456 let deserialize_state = |state_json: Option<Value>| -> Result<Option<T>, D::Error> {
457 if let Some(mut state_json) = state_json {
458 if let Value::Object(state_json) = &mut state_json {
459 if let Value::Object(default) = &json.default {
460 for (key, value) in default {
461 if !state_json.contains_key(key) {
462 state_json.insert(key.clone(), value.clone());
463 }
464 }
465 }
466 }
467 Ok(Some(
468 serde_json::from_value::<T>(state_json).map_err(serde::de::Error::custom)?,
469 ))
470 } else {
471 Ok(None)
472 }
473 };
474
475 let hover = deserialize_state(json.hover)?;
476 let active = deserialize_state(json.active)?;
477 let active_hover = deserialize_state(json.active_hover)?;
478 let default = serde_json::from_value(json.default).map_err(serde::de::Error::custom)?;
479
480 Ok(Interactive {
481 default,
482 hover,
483 active,
484 active_hover,
485 })
486 }
487}
488
489impl Editor {
490 pub fn replica_selection_style(&self, replica_id: u16) -> &SelectionStyle {
491 let style_ix = replica_id as usize % (self.guest_selections.len() + 1);
492 if style_ix == 0 {
493 &self.selection
494 } else {
495 &self.guest_selections[style_ix - 1]
496 }
497 }
498}
499
500#[derive(Default)]
501pub struct SyntaxTheme {
502 pub highlights: Vec<(String, HighlightStyle)>,
503}
504
505impl SyntaxTheme {
506 pub fn new(highlights: Vec<(String, HighlightStyle)>) -> Self {
507 Self { highlights }
508 }
509}
510
511impl<'de> Deserialize<'de> for SyntaxTheme {
512 fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
513 where
514 D: serde::Deserializer<'de>,
515 {
516 let syntax_data: HashMap<String, HighlightStyle> = Deserialize::deserialize(deserializer)?;
517
518 let mut result = Self::new(Vec::new());
519 for (key, style) in syntax_data {
520 match result
521 .highlights
522 .binary_search_by(|(needle, _)| needle.cmp(&key))
523 {
524 Ok(i) | Err(i) => {
525 result.highlights.insert(i, (key, style));
526 }
527 }
528 }
529
530 Ok(result)
531 }
532}