From e28d1828f07c5947c699f1276ab150a82d0c6f1e Mon Sep 17 00:00:00 2001 From: Nate Butler Date: Mon, 25 Apr 2022 18:07:24 -0400 Subject: [PATCH] Add sulphurpool theme, update solarized Co-Authored-By: Keith Simmons --- assets/themes/forest-dark.json | 1396 ++++++++++++++++++++++++ assets/themes/forest-light.json | 1396 ++++++++++++++++++++++++ assets/themes/solarized-dark.json | 30 +- assets/themes/solarized-light.json | 30 +- assets/themes/sulphurpool-dark.json | 1396 ++++++++++++++++++++++++ assets/themes/sulphurpool-light.json | 1396 ++++++++++++++++++++++++ styles/src/buildThemes.ts | 9 +- styles/src/themes/solarized.ts | 102 +- styles/src/themes/sulphurpool-dark.ts | 3 + styles/src/themes/sulphurpool-light.ts | 3 + styles/src/themes/sulphurpool.ts | 257 +++++ 11 files changed, 5937 insertions(+), 81 deletions(-) create mode 100644 assets/themes/forest-dark.json create mode 100644 assets/themes/forest-light.json create mode 100644 assets/themes/sulphurpool-dark.json create mode 100644 assets/themes/sulphurpool-light.json create mode 100644 styles/src/themes/sulphurpool-dark.ts create mode 100644 styles/src/themes/sulphurpool-light.ts create mode 100644 styles/src/themes/sulphurpool.ts diff --git a/assets/themes/forest-dark.json b/assets/themes/forest-dark.json new file mode 100644 index 0000000000..f6328b7d60 --- /dev/null +++ b/assets/themes/forest-dark.json @@ -0,0 +1,1396 @@ +{ + "selector": { + "background": "#2c2421", + "corner_radius": 8, + "padding": 8, + "item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#268bd2", + "weight": "bold", + "size": 14 + } + }, + "active_item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#e6e2e0", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#268bd2", + "weight": "bold", + "size": 14 + }, + "background": "#766e6b" + }, + "border": { + "color": "#1b1918", + "width": 1 + }, + "empty": { + "text": { + "family": "Zed Sans", + "color": "#9c9491", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 8 + } + }, + "input_editor": { + "background": "#1b1918", + "corner_radius": 8, + "placeholder_text": { + "family": "Zed Sans", + "color": "#9c9491", + "size": 14 + }, + "selection": { + "cursor": "#268bd2", + "selection": "#268bd23d" + }, + "text": { + "family": "Zed Mono", + "color": "#e6e2e0", + "size": 14 + }, + "border": { + "color": "#2c2421", + "width": 1 + }, + "padding": { + "bottom": 7, + "left": 16, + "right": 16, + "top": 7 + } + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + }, + "workspace": { + "background": "#2c2421", + "leader_border_opacity": 0.7, + "leader_border_width": 2, + "tab": { + "height": 32, + "background": "#2c2421", + "icon_close": "#a8a19f", + "icon_close_active": "#f1efee", + "icon_conflict": "#b58900", + "icon_dirty": "#268bd2", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "border": { + "color": "#1b1918", + "width": 1, + "left": true, + "bottom": true, + "overlay": true + }, + "padding": { + "left": 8, + "right": 8 + } + }, + "active_tab": { + "height": 32, + "background": "#1b1918", + "icon_close": "#a8a19f", + "icon_close_active": "#f1efee", + "icon_conflict": "#b58900", + "icon_dirty": "#268bd2", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#f1efee", + "size": 14 + }, + "border": { + "color": "#1b1918", + "width": 1, + "left": true, + "bottom": false, + "overlay": true + }, + "padding": { + "left": 8, + "right": 8 + } + }, + "modal": { + "margin": { + "bottom": 52, + "top": 52 + }, + "cursor": "Arrow" + }, + "left_sidebar": { + "width": 30, + "background": "#2c2421", + "border": { + "color": "#1b1918", + "width": 1, + "right": true + }, + "item": { + "height": 32, + "icon_color": "#a8a19f", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#f1efee", + "icon_size": 18 + }, + "resize_handle": { + "background": "#1b1918", + "padding": { + "left": 1 + } + } + }, + "right_sidebar": { + "width": 30, + "background": "#2c2421", + "border": { + "color": "#1b1918", + "width": 1, + "left": true + }, + "item": { + "height": 32, + "icon_color": "#a8a19f", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#f1efee", + "icon_size": 18 + }, + "resize_handle": { + "background": "#1b1918", + "padding": { + "left": 1 + } + } + }, + "pane_divider": { + "color": "#2c2421", + "width": 1 + }, + "status_bar": { + "height": 24, + "item_spacing": 8, + "padding": { + "left": 6, + "right": 6 + }, + "border": { + "color": "#1b1918", + "width": 1, + "top": true, + "overlay": true + }, + "cursor_position": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "diagnostic_message": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "lsp_message": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "auto_update_progress_message": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "auto_update_done_message": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + } + }, + "titlebar": { + "avatar_width": 18, + "height": 32, + "background": "#2c2421", + "share_icon_color": "#a8a19f", + "share_icon_active_color": "#268bd2", + "title": { + "family": "Zed Sans", + "color": "#e6e2e0", + "size": 14 + }, + "avatar": { + "corner_radius": 10, + "border": { + "color": "#00000088", + "width": 1 + } + }, + "avatar_ribbon": { + "height": 3, + "width": 12 + }, + "border": { + "color": "#1b1918", + "width": 1, + "bottom": true + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 12, + "border": { + "color": "#1b1918", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#f1efee", + "size": 12, + "border": { + "color": "#1b1918", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "offline_icon": { + "color": "#a8a19f", + "width": 16, + "padding": { + "right": 4 + } + }, + "outdated_warning": { + "family": "Zed Sans", + "color": "#b58900", + "size": 13 + } + }, + "toolbar": { + "height": 34, + "background": "#1b1918", + "border": { + "color": "#2c2421", + "width": 1, + "bottom": true + }, + "item_spacing": 8, + "padding": { + "left": 16, + "right": 8, + "top": 4, + "bottom": 4 + } + }, + "breadcrumbs": { + "family": "Zed Mono", + "color": "#a8a19f", + "size": 14, + "padding": { + "left": 6 + } + }, + "disconnected_overlay": { + "family": "Zed Sans", + "color": "#f1efee", + "size": 14, + "background": "#000000aa" + } + }, + "editor": { + "text_color": "#f1efee", + "background": "#1b1918", + "active_line_background": "#f1efee12", + "code_actions_indicator": "#a8a19f", + "diff_background_deleted": "#dc322f", + "diff_background_inserted": "#859900", + "document_highlight_read_background": "#1b19181f", + "document_highlight_write_background": "#1b191829", + "error_color": "#dc322f", + "gutter_background": "#1b1918", + "gutter_padding_factor": 3.5, + "highlighted_line_background": "#f1efee1f", + "line_number": "#9c9491", + "line_number_active": "#f1efee", + "rename_fade": 0.6, + "unnecessary_code_fade": 0.5, + "selection": { + "cursor": "#268bd2", + "selection": "#268bd23d" + }, + "guest_selections": [ + { + "cursor": "#859900", + "selection": "#8599003d" + }, + { + "cursor": "#d33682", + "selection": "#d336823d" + }, + { + "cursor": "#cb4b16", + "selection": "#cb4b163d" + }, + { + "cursor": "#6c71c4", + "selection": "#6c71c43d" + }, + { + "cursor": "#2aa198", + "selection": "#2aa1983d" + }, + { + "cursor": "#dc322f", + "selection": "#dc322f3d" + }, + { + "cursor": "#b58900", + "selection": "#b589003d" + } + ], + "autocomplete": { + "background": "#1b1918", + "corner_radius": 8, + "padding": 4, + "border": { + "color": "#2c2421", + "width": 1 + }, + "item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + } + }, + "hovered_item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + }, + "background": "#2c2421" + }, + "margin": { + "left": -14 + }, + "match_highlight": { + "family": "Zed Mono", + "color": "#268bd2", + "size": 14 + }, + "selected_item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + }, + "background": "#2c2421" + } + }, + "diagnostic_header": { + "background": "#2c2421", + "icon_width_factor": 1.5, + "text_scale_factor": 0.857, + "border": { + "color": "#2c2421", + "width": 1, + "bottom": true, + "top": true + }, + "code": { + "family": "Zed Mono", + "color": "#a8a19f", + "size": 14, + "margin": { + "left": 10 + } + }, + "message": { + "highlight_text": { + "family": "Zed Sans", + "color": "#e6e2e0", + "size": 14, + "weight": "bold" + }, + "text": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + } + } + }, + "diagnostic_path_header": { + "background": "#f1efee12", + "text_scale_factor": 0.857, + "filename": { + "family": "Zed Mono", + "color": "#e6e2e0", + "size": 14 + }, + "path": { + "family": "Zed Mono", + "color": "#a8a19f", + "size": 14, + "margin": { + "left": 12 + } + } + }, + "error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#1b1918", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#dc322f", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#dc322f", + "size": 14, + "weight": "bold" + } + } + }, + "warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#1b1918", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#b58900", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#b58900", + "size": 14, + "weight": "bold" + } + } + }, + "information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#1b1918", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#268bd2", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#268bd2", + "size": 14, + "weight": "bold" + } + } + }, + "hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#1b1918", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#268bd2", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#268bd2", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#1b1918", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#1b1918", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#1b1918", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#1b1918", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "weight": "bold" + } + } + }, + "syntax": { + "primary": { + "color": "#f1efee", + "weight": "normal" + }, + "comment": { + "color": "#a8a19f", + "weight": "normal" + }, + "punctuation": { + "color": "#a8a19f", + "weight": "normal" + }, + "constant": { + "color": "#9c9491", + "weight": "normal" + }, + "keyword": { + "color": "#268bd2", + "weight": "normal" + }, + "function": { + "color": "#b58900", + "weight": "normal" + }, + "type": { + "color": "#2aa198", + "weight": "normal" + }, + "variant": { + "color": "#268bd2", + "weight": "normal" + }, + "property": { + "color": "#268bd2", + "weight": "normal" + }, + "enum": { + "color": "#cb4b16", + "weight": "normal" + }, + "operator": { + "color": "#cb4b16", + "weight": "normal" + }, + "string": { + "color": "#cb4b16", + "weight": "normal" + }, + "number": { + "color": "#859900", + "weight": "normal" + }, + "boolean": { + "color": "#859900", + "weight": "normal" + }, + "predictive": { + "color": "#a8a19f", + "weight": "normal" + }, + "title": { + "color": "#b58900", + "weight": "bold" + }, + "emphasis": { + "color": "#268bd2", + "weight": "normal" + }, + "emphasis.strong": { + "color": "#268bd2", + "weight": "bold" + }, + "link_uri": { + "color": "#859900", + "weight": "normal", + "underline": true + }, + "link_text": { + "color": "#cb4b16", + "weight": "normal", + "italic": true + } + } + }, + "project_diagnostics": { + "tab_icon_spacing": 4, + "tab_icon_width": 13, + "tab_summary_spacing": 10, + "empty_message": { + "family": "Zed Sans", + "color": "#e6e2e0", + "size": 18 + }, + "status_bar_item": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "margin": { + "right": 10 + } + } + }, + "command_palette": { + "keystroke_spacing": 8, + "key": { + "text": { + "family": "Zed Mono", + "color": "#a8a19f", + "size": 12 + }, + "corner_radius": 4, + "background": "#1b1918", + "border": { + "color": "#2c2421", + "width": 1 + }, + "padding": { + "top": 2, + "bottom": 2, + "left": 8, + "right": 8 + }, + "margin": { + "left": 2 + } + } + }, + "project_panel": { + "padding": { + "top": 6, + "left": 12 + }, + "entry": { + "height": 22, + "icon_color": "#a8a19f", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#a8a19f", + "size": 14 + } + }, + "hovered_entry": { + "height": 22, + "background": "#766e6b", + "icon_color": "#a8a19f", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#a8a19f", + "size": 14 + } + }, + "selected_entry": { + "height": 22, + "icon_color": "#a8a19f", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#e6e2e0", + "size": 14 + } + }, + "hovered_selected_entry": { + "height": 22, + "background": "#766e6b", + "icon_color": "#a8a19f", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#e6e2e0", + "size": 14 + } + } + }, + "chat_panel": { + "padding": { + "top": 12, + "left": 12, + "bottom": 12, + "right": 12 + }, + "channel_name": { + "family": "Zed Sans", + "color": "#e6e2e0", + "weight": "bold", + "size": 14 + }, + "channel_name_hash": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "padding": { + "right": 8 + } + }, + "channel_select": { + "header": { + "name": { + "family": "Zed Sans", + "color": "#e6e2e0", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 0 + }, + "hash": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "item": { + "name": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_item": { + "name": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#766e6b", + "corner_radius": 6 + }, + "active_item": { + "name": { + "family": "Zed Sans", + "color": "#e6e2e0", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_active_item": { + "name": { + "family": "Zed Sans", + "color": "#e6e2e0", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#766e6b", + "corner_radius": 6 + }, + "menu": { + "background": "#1b1918", + "corner_radius": 6, + "padding": 4, + "border": { + "color": "#1b1918", + "width": 1 + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + } + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#a8a19f", + "underline": true, + "size": 14 + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#e6e2e0", + "underline": true, + "size": 14 + }, + "message": { + "body": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#e6e2e0", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "pending_message": { + "body": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#a8a19f", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "input_editor": { + "background": "#1b1918", + "corner_radius": 6, + "text": { + "family": "Zed Mono", + "color": "#e6e2e0", + "size": 14 + }, + "placeholder_text": { + "family": "Zed Mono", + "color": "#9c9491", + "size": 14 + }, + "selection": { + "cursor": "#268bd2", + "selection": "#268bd23d" + }, + "border": { + "color": "#2c2421", + "width": 1 + }, + "padding": { + "bottom": 7, + "left": 8, + "right": 8, + "top": 7 + } + } + }, + "contacts_panel": { + "padding": { + "top": 12, + "left": 12, + "bottom": 12, + "right": 12 + }, + "host_row_height": 28, + "tree_branch_color": "#766e6b", + "tree_branch_width": 1, + "host_avatar": { + "corner_radius": 10, + "width": 18 + }, + "host_username": { + "family": "Zed Mono", + "color": "#e6e2e0", + "size": 14, + "padding": { + "left": 8 + } + }, + "project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#9c9491", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + } + }, + "shared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#a8a19f", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#2c2421", + "corner_radius": 6 + }, + "hovered_shared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#a8a19f", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#766e6b", + "corner_radius": 6 + }, + "unshared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#9c9491", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + } + }, + "hovered_unshared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#9c9491", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "corner_radius": 6 + } + }, + "search": { + "match_background": "#6c71c480", + "tab_icon_spacing": 8, + "tab_icon_width": 14, + "active_hovered_option_button": { + "family": "Zed Mono", + "color": "#f1efee", + "size": 14, + "background": "#766e6b", + "corner_radius": 4, + "border": { + "color": "#766e6b", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "active_option_button": { + "family": "Zed Mono", + "color": "#f1efee", + "size": 14, + "background": "#766e6b", + "corner_radius": 4, + "border": { + "color": "#766e6b", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "editor": { + "background": "#1b1918", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#9c9491", + "size": 14 + }, + "selection": { + "cursor": "#268bd2", + "selection": "#268bd23d" + }, + "text": { + "family": "Zed Mono", + "color": "#f1efee", + "size": 14 + }, + "border": { + "color": "#2c2421", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "hovered_option_button": { + "family": "Zed Mono", + "color": "#f1efee", + "size": 14, + "background": "#2c2421", + "corner_radius": 4, + "border": { + "color": "#766e6b", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "invalid_editor": { + "background": "#1b1918", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#9c9491", + "size": 14 + }, + "selection": { + "cursor": "#268bd2", + "selection": "#268bd23d" + }, + "text": { + "family": "Zed Mono", + "color": "#f1efee", + "size": 14 + }, + "border": { + "color": "#dc322f", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "match_index": { + "family": "Zed Mono", + "color": "#a8a19f", + "size": 14, + "padding": 6 + }, + "option_button": { + "family": "Zed Mono", + "color": "#a8a19f", + "size": 14, + "background": "#2c2421", + "corner_radius": 4, + "border": { + "color": "#2c2421", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "option_button_group": { + "padding": { + "left": 4, + "right": 4 + } + }, + "results_status": { + "family": "Zed Mono", + "color": "#e6e2e0", + "size": 18 + } + }, + "breadcrumbs": { + "family": "Zed Sans", + "color": "#a8a19f", + "size": 14, + "padding": { + "left": 6 + } + } +} \ No newline at end of file diff --git a/assets/themes/forest-light.json b/assets/themes/forest-light.json new file mode 100644 index 0000000000..c16b6f15a3 --- /dev/null +++ b/assets/themes/forest-light.json @@ -0,0 +1,1396 @@ +{ + "selector": { + "background": "#e6e2e0", + "corner_radius": 8, + "padding": 8, + "item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#268bd2", + "weight": "bold", + "size": 14 + } + }, + "active_item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#2c2421", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#268bd2", + "weight": "bold", + "size": 14 + }, + "background": "#9c9491" + }, + "border": { + "color": "#f1efee", + "width": 1 + }, + "empty": { + "text": { + "family": "Zed Sans", + "color": "#766e6b", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 8 + } + }, + "input_editor": { + "background": "#f1efee", + "corner_radius": 8, + "placeholder_text": { + "family": "Zed Sans", + "color": "#766e6b", + "size": 14 + }, + "selection": { + "cursor": "#268bd2", + "selection": "#268bd23d" + }, + "text": { + "family": "Zed Mono", + "color": "#2c2421", + "size": 14 + }, + "border": { + "color": "#e6e2e0", + "width": 1 + }, + "padding": { + "bottom": 7, + "left": 16, + "right": 16, + "top": 7 + } + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + }, + "workspace": { + "background": "#e6e2e0", + "leader_border_opacity": 0.7, + "leader_border_width": 2, + "tab": { + "height": 32, + "background": "#e6e2e0", + "icon_close": "#68615e", + "icon_close_active": "#1b1918", + "icon_conflict": "#b58900", + "icon_dirty": "#268bd2", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "border": { + "color": "#f1efee", + "width": 1, + "left": true, + "bottom": true, + "overlay": true + }, + "padding": { + "left": 8, + "right": 8 + } + }, + "active_tab": { + "height": 32, + "background": "#f1efee", + "icon_close": "#68615e", + "icon_close_active": "#1b1918", + "icon_conflict": "#b58900", + "icon_dirty": "#268bd2", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#1b1918", + "size": 14 + }, + "border": { + "color": "#f1efee", + "width": 1, + "left": true, + "bottom": false, + "overlay": true + }, + "padding": { + "left": 8, + "right": 8 + } + }, + "modal": { + "margin": { + "bottom": 52, + "top": 52 + }, + "cursor": "Arrow" + }, + "left_sidebar": { + "width": 30, + "background": "#e6e2e0", + "border": { + "color": "#f1efee", + "width": 1, + "right": true + }, + "item": { + "height": 32, + "icon_color": "#68615e", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#1b1918", + "icon_size": 18 + }, + "resize_handle": { + "background": "#f1efee", + "padding": { + "left": 1 + } + } + }, + "right_sidebar": { + "width": 30, + "background": "#e6e2e0", + "border": { + "color": "#f1efee", + "width": 1, + "left": true + }, + "item": { + "height": 32, + "icon_color": "#68615e", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#1b1918", + "icon_size": 18 + }, + "resize_handle": { + "background": "#f1efee", + "padding": { + "left": 1 + } + } + }, + "pane_divider": { + "color": "#e6e2e0", + "width": 1 + }, + "status_bar": { + "height": 24, + "item_spacing": 8, + "padding": { + "left": 6, + "right": 6 + }, + "border": { + "color": "#f1efee", + "width": 1, + "top": true, + "overlay": true + }, + "cursor_position": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "diagnostic_message": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "lsp_message": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "auto_update_progress_message": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "auto_update_done_message": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + } + }, + "titlebar": { + "avatar_width": 18, + "height": 32, + "background": "#e6e2e0", + "share_icon_color": "#68615e", + "share_icon_active_color": "#268bd2", + "title": { + "family": "Zed Sans", + "color": "#2c2421", + "size": 14 + }, + "avatar": { + "corner_radius": 10, + "border": { + "color": "#00000088", + "width": 1 + } + }, + "avatar_ribbon": { + "height": 3, + "width": 12 + }, + "border": { + "color": "#f1efee", + "width": 1, + "bottom": true + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#68615e", + "size": 12, + "border": { + "color": "#f1efee", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#1b1918", + "size": 12, + "border": { + "color": "#f1efee", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "offline_icon": { + "color": "#68615e", + "width": 16, + "padding": { + "right": 4 + } + }, + "outdated_warning": { + "family": "Zed Sans", + "color": "#b58900", + "size": 13 + } + }, + "toolbar": { + "height": 34, + "background": "#f1efee", + "border": { + "color": "#e6e2e0", + "width": 1, + "bottom": true + }, + "item_spacing": 8, + "padding": { + "left": 16, + "right": 8, + "top": 4, + "bottom": 4 + } + }, + "breadcrumbs": { + "family": "Zed Mono", + "color": "#68615e", + "size": 14, + "padding": { + "left": 6 + } + }, + "disconnected_overlay": { + "family": "Zed Sans", + "color": "#1b1918", + "size": 14, + "background": "#000000aa" + } + }, + "editor": { + "text_color": "#1b1918", + "background": "#f1efee", + "active_line_background": "#1b191812", + "code_actions_indicator": "#68615e", + "diff_background_deleted": "#dc322f", + "diff_background_inserted": "#859900", + "document_highlight_read_background": "#f1efee1f", + "document_highlight_write_background": "#f1efee29", + "error_color": "#dc322f", + "gutter_background": "#f1efee", + "gutter_padding_factor": 3.5, + "highlighted_line_background": "#1b19181f", + "line_number": "#766e6b", + "line_number_active": "#1b1918", + "rename_fade": 0.6, + "unnecessary_code_fade": 0.5, + "selection": { + "cursor": "#268bd2", + "selection": "#268bd23d" + }, + "guest_selections": [ + { + "cursor": "#859900", + "selection": "#8599003d" + }, + { + "cursor": "#d33682", + "selection": "#d336823d" + }, + { + "cursor": "#cb4b16", + "selection": "#cb4b163d" + }, + { + "cursor": "#6c71c4", + "selection": "#6c71c43d" + }, + { + "cursor": "#2aa198", + "selection": "#2aa1983d" + }, + { + "cursor": "#dc322f", + "selection": "#dc322f3d" + }, + { + "cursor": "#b58900", + "selection": "#b589003d" + } + ], + "autocomplete": { + "background": "#f1efee", + "corner_radius": 8, + "padding": 4, + "border": { + "color": "#e6e2e0", + "width": 1 + }, + "item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + } + }, + "hovered_item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + }, + "background": "#e6e2e0" + }, + "margin": { + "left": -14 + }, + "match_highlight": { + "family": "Zed Mono", + "color": "#268bd2", + "size": 14 + }, + "selected_item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + }, + "background": "#e6e2e0" + } + }, + "diagnostic_header": { + "background": "#e6e2e0", + "icon_width_factor": 1.5, + "text_scale_factor": 0.857, + "border": { + "color": "#e6e2e0", + "width": 1, + "bottom": true, + "top": true + }, + "code": { + "family": "Zed Mono", + "color": "#68615e", + "size": 14, + "margin": { + "left": 10 + } + }, + "message": { + "highlight_text": { + "family": "Zed Sans", + "color": "#2c2421", + "size": 14, + "weight": "bold" + }, + "text": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + } + } + }, + "diagnostic_path_header": { + "background": "#1b191812", + "text_scale_factor": 0.857, + "filename": { + "family": "Zed Mono", + "color": "#2c2421", + "size": 14 + }, + "path": { + "family": "Zed Mono", + "color": "#68615e", + "size": 14, + "margin": { + "left": 12 + } + } + }, + "error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f1efee", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#dc322f", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#dc322f", + "size": 14, + "weight": "bold" + } + } + }, + "warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f1efee", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#b58900", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#b58900", + "size": 14, + "weight": "bold" + } + } + }, + "information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f1efee", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#268bd2", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#268bd2", + "size": 14, + "weight": "bold" + } + } + }, + "hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f1efee", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#268bd2", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#268bd2", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f1efee", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f1efee", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f1efee", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f1efee", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "weight": "bold" + } + } + }, + "syntax": { + "primary": { + "color": "#1b1918", + "weight": "normal" + }, + "comment": { + "color": "#68615e", + "weight": "normal" + }, + "punctuation": { + "color": "#68615e", + "weight": "normal" + }, + "constant": { + "color": "#766e6b", + "weight": "normal" + }, + "keyword": { + "color": "#268bd2", + "weight": "normal" + }, + "function": { + "color": "#b58900", + "weight": "normal" + }, + "type": { + "color": "#2aa198", + "weight": "normal" + }, + "variant": { + "color": "#268bd2", + "weight": "normal" + }, + "property": { + "color": "#268bd2", + "weight": "normal" + }, + "enum": { + "color": "#cb4b16", + "weight": "normal" + }, + "operator": { + "color": "#cb4b16", + "weight": "normal" + }, + "string": { + "color": "#cb4b16", + "weight": "normal" + }, + "number": { + "color": "#859900", + "weight": "normal" + }, + "boolean": { + "color": "#859900", + "weight": "normal" + }, + "predictive": { + "color": "#68615e", + "weight": "normal" + }, + "title": { + "color": "#b58900", + "weight": "bold" + }, + "emphasis": { + "color": "#268bd2", + "weight": "normal" + }, + "emphasis.strong": { + "color": "#268bd2", + "weight": "bold" + }, + "link_uri": { + "color": "#859900", + "weight": "normal", + "underline": true + }, + "link_text": { + "color": "#cb4b16", + "weight": "normal", + "italic": true + } + } + }, + "project_diagnostics": { + "tab_icon_spacing": 4, + "tab_icon_width": 13, + "tab_summary_spacing": 10, + "empty_message": { + "family": "Zed Sans", + "color": "#2c2421", + "size": 18 + }, + "status_bar_item": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "margin": { + "right": 10 + } + } + }, + "command_palette": { + "keystroke_spacing": 8, + "key": { + "text": { + "family": "Zed Mono", + "color": "#68615e", + "size": 12 + }, + "corner_radius": 4, + "background": "#f1efee", + "border": { + "color": "#e6e2e0", + "width": 1 + }, + "padding": { + "top": 2, + "bottom": 2, + "left": 8, + "right": 8 + }, + "margin": { + "left": 2 + } + } + }, + "project_panel": { + "padding": { + "top": 6, + "left": 12 + }, + "entry": { + "height": 22, + "icon_color": "#68615e", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#68615e", + "size": 14 + } + }, + "hovered_entry": { + "height": 22, + "background": "#9c9491", + "icon_color": "#68615e", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#68615e", + "size": 14 + } + }, + "selected_entry": { + "height": 22, + "icon_color": "#68615e", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#2c2421", + "size": 14 + } + }, + "hovered_selected_entry": { + "height": 22, + "background": "#9c9491", + "icon_color": "#68615e", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#2c2421", + "size": 14 + } + } + }, + "chat_panel": { + "padding": { + "top": 12, + "left": 12, + "bottom": 12, + "right": 12 + }, + "channel_name": { + "family": "Zed Sans", + "color": "#2c2421", + "weight": "bold", + "size": 14 + }, + "channel_name_hash": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "padding": { + "right": 8 + } + }, + "channel_select": { + "header": { + "name": { + "family": "Zed Sans", + "color": "#2c2421", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 0 + }, + "hash": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "item": { + "name": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_item": { + "name": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#9c9491", + "corner_radius": 6 + }, + "active_item": { + "name": { + "family": "Zed Sans", + "color": "#2c2421", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_active_item": { + "name": { + "family": "Zed Sans", + "color": "#2c2421", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#9c9491", + "corner_radius": 6 + }, + "menu": { + "background": "#f1efee", + "corner_radius": 6, + "padding": 4, + "border": { + "color": "#f1efee", + "width": 1 + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + } + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#68615e", + "underline": true, + "size": 14 + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#2c2421", + "underline": true, + "size": 14 + }, + "message": { + "body": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#2c2421", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "pending_message": { + "body": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#68615e", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "input_editor": { + "background": "#f1efee", + "corner_radius": 6, + "text": { + "family": "Zed Mono", + "color": "#2c2421", + "size": 14 + }, + "placeholder_text": { + "family": "Zed Mono", + "color": "#766e6b", + "size": 14 + }, + "selection": { + "cursor": "#268bd2", + "selection": "#268bd23d" + }, + "border": { + "color": "#e6e2e0", + "width": 1 + }, + "padding": { + "bottom": 7, + "left": 8, + "right": 8, + "top": 7 + } + } + }, + "contacts_panel": { + "padding": { + "top": 12, + "left": 12, + "bottom": 12, + "right": 12 + }, + "host_row_height": 28, + "tree_branch_color": "#9c9491", + "tree_branch_width": 1, + "host_avatar": { + "corner_radius": 10, + "width": 18 + }, + "host_username": { + "family": "Zed Mono", + "color": "#2c2421", + "size": 14, + "padding": { + "left": 8 + } + }, + "project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#766e6b", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + } + }, + "shared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#68615e", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#e6e2e0", + "corner_radius": 6 + }, + "hovered_shared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#68615e", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#9c9491", + "corner_radius": 6 + }, + "unshared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#766e6b", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + } + }, + "hovered_unshared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#766e6b", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "corner_radius": 6 + } + }, + "search": { + "match_background": "#6c71c480", + "tab_icon_spacing": 8, + "tab_icon_width": 14, + "active_hovered_option_button": { + "family": "Zed Mono", + "color": "#1b1918", + "size": 14, + "background": "#9c9491", + "corner_radius": 4, + "border": { + "color": "#9c9491", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "active_option_button": { + "family": "Zed Mono", + "color": "#1b1918", + "size": 14, + "background": "#9c9491", + "corner_radius": 4, + "border": { + "color": "#9c9491", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "editor": { + "background": "#f1efee", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#766e6b", + "size": 14 + }, + "selection": { + "cursor": "#268bd2", + "selection": "#268bd23d" + }, + "text": { + "family": "Zed Mono", + "color": "#1b1918", + "size": 14 + }, + "border": { + "color": "#e6e2e0", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "hovered_option_button": { + "family": "Zed Mono", + "color": "#1b1918", + "size": 14, + "background": "#e6e2e0", + "corner_radius": 4, + "border": { + "color": "#9c9491", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "invalid_editor": { + "background": "#f1efee", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#766e6b", + "size": 14 + }, + "selection": { + "cursor": "#268bd2", + "selection": "#268bd23d" + }, + "text": { + "family": "Zed Mono", + "color": "#1b1918", + "size": 14 + }, + "border": { + "color": "#dc322f", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "match_index": { + "family": "Zed Mono", + "color": "#68615e", + "size": 14, + "padding": 6 + }, + "option_button": { + "family": "Zed Mono", + "color": "#68615e", + "size": 14, + "background": "#e6e2e0", + "corner_radius": 4, + "border": { + "color": "#e6e2e0", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "option_button_group": { + "padding": { + "left": 4, + "right": 4 + } + }, + "results_status": { + "family": "Zed Mono", + "color": "#2c2421", + "size": 18 + } + }, + "breadcrumbs": { + "family": "Zed Sans", + "color": "#68615e", + "size": 14, + "padding": { + "left": 6 + } + } +} \ No newline at end of file diff --git a/assets/themes/solarized-dark.json b/assets/themes/solarized-dark.json index 49ca372e7c..60d6caded7 100644 --- a/assets/themes/solarized-dark.json +++ b/assets/themes/solarized-dark.json @@ -42,7 +42,7 @@ "weight": "bold", "size": 14 }, - "background": "#586e75" + "background": "#657b83" }, "border": { "color": "#002b36", @@ -368,8 +368,8 @@ "code_actions_indicator": "#93a1a1", "diff_background_deleted": "#dc322f", "diff_background_inserted": "#859900", - "document_highlight_read_background": "#657b831f", - "document_highlight_write_background": "#657b8329", + "document_highlight_read_background": "#002b361f", + "document_highlight_write_background": "#002b3629", "error_color": "#dc322f", "gutter_background": "#002b36", "gutter_padding_factor": 3.5, @@ -697,7 +697,7 @@ "weight": "normal" }, "comment": { - "color": "#eee8d5", + "color": "#93a1a1", "weight": "normal" }, "punctuation": { @@ -837,7 +837,7 @@ }, "hovered_entry": { "height": 22, - "background": "#586e75", + "background": "#657b83", "icon_color": "#93a1a1", "icon_size": 8, "icon_spacing": 8, @@ -860,7 +860,7 @@ }, "hovered_selected_entry": { "height": 22, - "background": "#586e75", + "background": "#657b83", "icon_color": "#93a1a1", "icon_size": 8, "icon_spacing": 8, @@ -945,7 +945,7 @@ "right": 8 } }, - "background": "#586e75", + "background": "#657b83", "corner_radius": 6 }, "active_item": { @@ -980,7 +980,7 @@ "right": 8 } }, - "background": "#586e75", + "background": "#657b83", "corner_radius": 6 }, "menu": { @@ -1098,7 +1098,7 @@ "right": 12 }, "host_row_height": 28, - "tree_branch_color": "#586e75", + "tree_branch_color": "#657b83", "tree_branch_width": 1, "host_avatar": { "corner_radius": 10, @@ -1170,7 +1170,7 @@ "padding": { "left": 8 }, - "background": "#586e75", + "background": "#657b83", "corner_radius": 6 }, "unshared_project": { @@ -1221,10 +1221,10 @@ "family": "Zed Mono", "color": "#fdf6e3", "size": 14, - "background": "#586e75", + "background": "#657b83", "corner_radius": 4, "border": { - "color": "#586e75", + "color": "#657b83", "width": 1 }, "margin": { @@ -1242,10 +1242,10 @@ "family": "Zed Mono", "color": "#fdf6e3", "size": 14, - "background": "#586e75", + "background": "#657b83", "corner_radius": 4, "border": { - "color": "#586e75", + "color": "#657b83", "width": 1 }, "margin": { @@ -1299,7 +1299,7 @@ "background": "#073642", "corner_radius": 4, "border": { - "color": "#586e75", + "color": "#657b83", "width": 1 }, "margin": { diff --git a/assets/themes/solarized-light.json b/assets/themes/solarized-light.json index f086d651dd..11c16fb350 100644 --- a/assets/themes/solarized-light.json +++ b/assets/themes/solarized-light.json @@ -42,7 +42,7 @@ "weight": "bold", "size": 14 }, - "background": "#93a1a1" + "background": "#839496" }, "border": { "color": "#fdf6e3", @@ -368,8 +368,8 @@ "code_actions_indicator": "#586e75", "diff_background_deleted": "#dc322f", "diff_background_inserted": "#859900", - "document_highlight_read_background": "#8394961f", - "document_highlight_write_background": "#83949629", + "document_highlight_read_background": "#fdf6e31f", + "document_highlight_write_background": "#fdf6e329", "error_color": "#dc322f", "gutter_background": "#fdf6e3", "gutter_padding_factor": 3.5, @@ -697,7 +697,7 @@ "weight": "normal" }, "comment": { - "color": "#073642", + "color": "#586e75", "weight": "normal" }, "punctuation": { @@ -837,7 +837,7 @@ }, "hovered_entry": { "height": 22, - "background": "#93a1a1", + "background": "#839496", "icon_color": "#586e75", "icon_size": 8, "icon_spacing": 8, @@ -860,7 +860,7 @@ }, "hovered_selected_entry": { "height": 22, - "background": "#93a1a1", + "background": "#839496", "icon_color": "#586e75", "icon_size": 8, "icon_spacing": 8, @@ -945,7 +945,7 @@ "right": 8 } }, - "background": "#93a1a1", + "background": "#839496", "corner_radius": 6 }, "active_item": { @@ -980,7 +980,7 @@ "right": 8 } }, - "background": "#93a1a1", + "background": "#839496", "corner_radius": 6 }, "menu": { @@ -1098,7 +1098,7 @@ "right": 12 }, "host_row_height": 28, - "tree_branch_color": "#93a1a1", + "tree_branch_color": "#839496", "tree_branch_width": 1, "host_avatar": { "corner_radius": 10, @@ -1170,7 +1170,7 @@ "padding": { "left": 8 }, - "background": "#93a1a1", + "background": "#839496", "corner_radius": 6 }, "unshared_project": { @@ -1221,10 +1221,10 @@ "family": "Zed Mono", "color": "#002b36", "size": 14, - "background": "#93a1a1", + "background": "#839496", "corner_radius": 4, "border": { - "color": "#93a1a1", + "color": "#839496", "width": 1 }, "margin": { @@ -1242,10 +1242,10 @@ "family": "Zed Mono", "color": "#002b36", "size": 14, - "background": "#93a1a1", + "background": "#839496", "corner_radius": 4, "border": { - "color": "#93a1a1", + "color": "#839496", "width": 1 }, "margin": { @@ -1299,7 +1299,7 @@ "background": "#eee8d5", "corner_radius": 4, "border": { - "color": "#93a1a1", + "color": "#839496", "width": 1 }, "margin": { diff --git a/assets/themes/sulphurpool-dark.json b/assets/themes/sulphurpool-dark.json new file mode 100644 index 0000000000..95fa9c21d7 --- /dev/null +++ b/assets/themes/sulphurpool-dark.json @@ -0,0 +1,1396 @@ +{ + "selector": { + "background": "#293256", + "corner_radius": 8, + "padding": 8, + "item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "weight": "bold", + "size": 14 + } + }, + "active_item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#dfe2f1", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "weight": "bold", + "size": 14 + }, + "background": "#6b7394" + }, + "border": { + "color": "#202746", + "width": 1 + }, + "empty": { + "text": { + "family": "Zed Sans", + "color": "#898ea4", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 8 + } + }, + "input_editor": { + "background": "#202746", + "corner_radius": 8, + "placeholder_text": { + "family": "Zed Sans", + "color": "#898ea4", + "size": 14 + }, + "selection": { + "cursor": "#3d8fd1", + "selection": "#3d8fd13d" + }, + "text": { + "family": "Zed Mono", + "color": "#dfe2f1", + "size": 14 + }, + "border": { + "color": "#293256", + "width": 1 + }, + "padding": { + "bottom": 7, + "left": 16, + "right": 16, + "top": 7 + } + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + }, + "workspace": { + "background": "#293256", + "leader_border_opacity": 0.7, + "leader_border_width": 2, + "tab": { + "height": 32, + "background": "#293256", + "icon_close": "#979db4", + "icon_close_active": "#f5f7ff", + "icon_conflict": "#c08b30", + "icon_dirty": "#3d8fd1", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "border": { + "color": "#202746", + "width": 1, + "left": true, + "bottom": true, + "overlay": true + }, + "padding": { + "left": 8, + "right": 8 + } + }, + "active_tab": { + "height": 32, + "background": "#202746", + "icon_close": "#979db4", + "icon_close_active": "#f5f7ff", + "icon_conflict": "#c08b30", + "icon_dirty": "#3d8fd1", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#f5f7ff", + "size": 14 + }, + "border": { + "color": "#202746", + "width": 1, + "left": true, + "bottom": false, + "overlay": true + }, + "padding": { + "left": 8, + "right": 8 + } + }, + "modal": { + "margin": { + "bottom": 52, + "top": 52 + }, + "cursor": "Arrow" + }, + "left_sidebar": { + "width": 30, + "background": "#293256", + "border": { + "color": "#202746", + "width": 1, + "right": true + }, + "item": { + "height": 32, + "icon_color": "#979db4", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#f5f7ff", + "icon_size": 18 + }, + "resize_handle": { + "background": "#202746", + "padding": { + "left": 1 + } + } + }, + "right_sidebar": { + "width": 30, + "background": "#293256", + "border": { + "color": "#202746", + "width": 1, + "left": true + }, + "item": { + "height": 32, + "icon_color": "#979db4", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#f5f7ff", + "icon_size": 18 + }, + "resize_handle": { + "background": "#202746", + "padding": { + "left": 1 + } + } + }, + "pane_divider": { + "color": "#293256", + "width": 1 + }, + "status_bar": { + "height": 24, + "item_spacing": 8, + "padding": { + "left": 6, + "right": 6 + }, + "border": { + "color": "#202746", + "width": 1, + "top": true, + "overlay": true + }, + "cursor_position": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "diagnostic_message": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "lsp_message": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "auto_update_progress_message": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "auto_update_done_message": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + } + }, + "titlebar": { + "avatar_width": 18, + "height": 32, + "background": "#293256", + "share_icon_color": "#979db4", + "share_icon_active_color": "#3d8fd1", + "title": { + "family": "Zed Sans", + "color": "#dfe2f1", + "size": 14 + }, + "avatar": { + "corner_radius": 10, + "border": { + "color": "#00000088", + "width": 1 + } + }, + "avatar_ribbon": { + "height": 3, + "width": 12 + }, + "border": { + "color": "#202746", + "width": 1, + "bottom": true + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#979db4", + "size": 12, + "border": { + "color": "#202746", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#f5f7ff", + "size": 12, + "border": { + "color": "#202746", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "offline_icon": { + "color": "#979db4", + "width": 16, + "padding": { + "right": 4 + } + }, + "outdated_warning": { + "family": "Zed Sans", + "color": "#c08b30", + "size": 13 + } + }, + "toolbar": { + "height": 34, + "background": "#202746", + "border": { + "color": "#293256", + "width": 1, + "bottom": true + }, + "item_spacing": 8, + "padding": { + "left": 16, + "right": 8, + "top": 4, + "bottom": 4 + } + }, + "breadcrumbs": { + "family": "Zed Mono", + "color": "#979db4", + "size": 14, + "padding": { + "left": 6 + } + }, + "disconnected_overlay": { + "family": "Zed Sans", + "color": "#f5f7ff", + "size": 14, + "background": "#000000aa" + } + }, + "editor": { + "text_color": "#f5f7ff", + "background": "#202746", + "active_line_background": "#f5f7ff12", + "code_actions_indicator": "#979db4", + "diff_background_deleted": "#c94922", + "diff_background_inserted": "#ac9739", + "document_highlight_read_background": "#2027461f", + "document_highlight_write_background": "#20274629", + "error_color": "#c94922", + "gutter_background": "#202746", + "gutter_padding_factor": 3.5, + "highlighted_line_background": "#f5f7ff1f", + "line_number": "#898ea4", + "line_number_active": "#f5f7ff", + "rename_fade": 0.6, + "unnecessary_code_fade": 0.5, + "selection": { + "cursor": "#3d8fd1", + "selection": "#3d8fd13d" + }, + "guest_selections": [ + { + "cursor": "#ac9739", + "selection": "#ac97393d" + }, + { + "cursor": "#9c637a", + "selection": "#9c637a3d" + }, + { + "cursor": "#c76b29", + "selection": "#c76b293d" + }, + { + "cursor": "#6679cc", + "selection": "#6679cc3d" + }, + { + "cursor": "#22a2c9", + "selection": "#22a2c93d" + }, + { + "cursor": "#c94922", + "selection": "#c949223d" + }, + { + "cursor": "#c08b30", + "selection": "#c08b303d" + } + ], + "autocomplete": { + "background": "#202746", + "corner_radius": 8, + "padding": 4, + "border": { + "color": "#293256", + "width": 1 + }, + "item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + } + }, + "hovered_item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + }, + "background": "#293256" + }, + "margin": { + "left": -14 + }, + "match_highlight": { + "family": "Zed Mono", + "color": "#3d8fd1", + "size": 14 + }, + "selected_item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + }, + "background": "#293256" + } + }, + "diagnostic_header": { + "background": "#293256", + "icon_width_factor": 1.5, + "text_scale_factor": 0.857, + "border": { + "color": "#293256", + "width": 1, + "bottom": true, + "top": true + }, + "code": { + "family": "Zed Mono", + "color": "#979db4", + "size": 14, + "margin": { + "left": 10 + } + }, + "message": { + "highlight_text": { + "family": "Zed Sans", + "color": "#dfe2f1", + "size": 14, + "weight": "bold" + }, + "text": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + } + } + }, + "diagnostic_path_header": { + "background": "#f5f7ff12", + "text_scale_factor": 0.857, + "filename": { + "family": "Zed Mono", + "color": "#dfe2f1", + "size": 14 + }, + "path": { + "family": "Zed Mono", + "color": "#979db4", + "size": 14, + "margin": { + "left": 12 + } + } + }, + "error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#202746", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#c94922", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#c94922", + "size": 14, + "weight": "bold" + } + } + }, + "warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#202746", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#c08b30", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#c08b30", + "size": 14, + "weight": "bold" + } + } + }, + "information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#202746", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "size": 14, + "weight": "bold" + } + } + }, + "hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#202746", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#202746", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#202746", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#202746", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#202746", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "weight": "bold" + } + } + }, + "syntax": { + "primary": { + "color": "#f5f7ff", + "weight": "normal" + }, + "comment": { + "color": "#979db4", + "weight": "normal" + }, + "punctuation": { + "color": "#979db4", + "weight": "normal" + }, + "constant": { + "color": "#898ea4", + "weight": "normal" + }, + "keyword": { + "color": "#3d8fd1", + "weight": "normal" + }, + "function": { + "color": "#c08b30", + "weight": "normal" + }, + "type": { + "color": "#22a2c9", + "weight": "normal" + }, + "variant": { + "color": "#3d8fd1", + "weight": "normal" + }, + "property": { + "color": "#3d8fd1", + "weight": "normal" + }, + "enum": { + "color": "#c76b29", + "weight": "normal" + }, + "operator": { + "color": "#c76b29", + "weight": "normal" + }, + "string": { + "color": "#c76b29", + "weight": "normal" + }, + "number": { + "color": "#ac9739", + "weight": "normal" + }, + "boolean": { + "color": "#ac9739", + "weight": "normal" + }, + "predictive": { + "color": "#979db4", + "weight": "normal" + }, + "title": { + "color": "#c08b30", + "weight": "bold" + }, + "emphasis": { + "color": "#3d8fd1", + "weight": "normal" + }, + "emphasis.strong": { + "color": "#3d8fd1", + "weight": "bold" + }, + "link_uri": { + "color": "#ac9739", + "weight": "normal", + "underline": true + }, + "link_text": { + "color": "#c76b29", + "weight": "normal", + "italic": true + } + } + }, + "project_diagnostics": { + "tab_icon_spacing": 4, + "tab_icon_width": 13, + "tab_summary_spacing": 10, + "empty_message": { + "family": "Zed Sans", + "color": "#dfe2f1", + "size": 18 + }, + "status_bar_item": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "margin": { + "right": 10 + } + } + }, + "command_palette": { + "keystroke_spacing": 8, + "key": { + "text": { + "family": "Zed Mono", + "color": "#979db4", + "size": 12 + }, + "corner_radius": 4, + "background": "#202746", + "border": { + "color": "#293256", + "width": 1 + }, + "padding": { + "top": 2, + "bottom": 2, + "left": 8, + "right": 8 + }, + "margin": { + "left": 2 + } + } + }, + "project_panel": { + "padding": { + "top": 6, + "left": 12 + }, + "entry": { + "height": 22, + "icon_color": "#979db4", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#979db4", + "size": 14 + } + }, + "hovered_entry": { + "height": 22, + "background": "#6b7394", + "icon_color": "#979db4", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#979db4", + "size": 14 + } + }, + "selected_entry": { + "height": 22, + "icon_color": "#979db4", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#dfe2f1", + "size": 14 + } + }, + "hovered_selected_entry": { + "height": 22, + "background": "#6b7394", + "icon_color": "#979db4", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#dfe2f1", + "size": 14 + } + } + }, + "chat_panel": { + "padding": { + "top": 12, + "left": 12, + "bottom": 12, + "right": 12 + }, + "channel_name": { + "family": "Zed Sans", + "color": "#dfe2f1", + "weight": "bold", + "size": 14 + }, + "channel_name_hash": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "padding": { + "right": 8 + } + }, + "channel_select": { + "header": { + "name": { + "family": "Zed Sans", + "color": "#dfe2f1", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 0 + }, + "hash": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "item": { + "name": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_item": { + "name": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#6b7394", + "corner_radius": 6 + }, + "active_item": { + "name": { + "family": "Zed Sans", + "color": "#dfe2f1", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_active_item": { + "name": { + "family": "Zed Sans", + "color": "#dfe2f1", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#6b7394", + "corner_radius": 6 + }, + "menu": { + "background": "#202746", + "corner_radius": 6, + "padding": 4, + "border": { + "color": "#202746", + "width": 1 + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + } + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#979db4", + "underline": true, + "size": 14 + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#dfe2f1", + "underline": true, + "size": 14 + }, + "message": { + "body": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#dfe2f1", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "pending_message": { + "body": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#979db4", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "input_editor": { + "background": "#202746", + "corner_radius": 6, + "text": { + "family": "Zed Mono", + "color": "#dfe2f1", + "size": 14 + }, + "placeholder_text": { + "family": "Zed Mono", + "color": "#898ea4", + "size": 14 + }, + "selection": { + "cursor": "#3d8fd1", + "selection": "#3d8fd13d" + }, + "border": { + "color": "#293256", + "width": 1 + }, + "padding": { + "bottom": 7, + "left": 8, + "right": 8, + "top": 7 + } + } + }, + "contacts_panel": { + "padding": { + "top": 12, + "left": 12, + "bottom": 12, + "right": 12 + }, + "host_row_height": 28, + "tree_branch_color": "#6b7394", + "tree_branch_width": 1, + "host_avatar": { + "corner_radius": 10, + "width": 18 + }, + "host_username": { + "family": "Zed Mono", + "color": "#dfe2f1", + "size": 14, + "padding": { + "left": 8 + } + }, + "project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#898ea4", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + } + }, + "shared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#979db4", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#293256", + "corner_radius": 6 + }, + "hovered_shared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#979db4", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#6b7394", + "corner_radius": 6 + }, + "unshared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#898ea4", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + } + }, + "hovered_unshared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#898ea4", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "corner_radius": 6 + } + }, + "search": { + "match_background": "#6679cc80", + "tab_icon_spacing": 8, + "tab_icon_width": 14, + "active_hovered_option_button": { + "family": "Zed Mono", + "color": "#f5f7ff", + "size": 14, + "background": "#6b7394", + "corner_radius": 4, + "border": { + "color": "#6b7394", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "active_option_button": { + "family": "Zed Mono", + "color": "#f5f7ff", + "size": 14, + "background": "#6b7394", + "corner_radius": 4, + "border": { + "color": "#6b7394", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "editor": { + "background": "#202746", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#898ea4", + "size": 14 + }, + "selection": { + "cursor": "#3d8fd1", + "selection": "#3d8fd13d" + }, + "text": { + "family": "Zed Mono", + "color": "#f5f7ff", + "size": 14 + }, + "border": { + "color": "#293256", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "hovered_option_button": { + "family": "Zed Mono", + "color": "#f5f7ff", + "size": 14, + "background": "#293256", + "corner_radius": 4, + "border": { + "color": "#6b7394", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "invalid_editor": { + "background": "#202746", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#898ea4", + "size": 14 + }, + "selection": { + "cursor": "#3d8fd1", + "selection": "#3d8fd13d" + }, + "text": { + "family": "Zed Mono", + "color": "#f5f7ff", + "size": 14 + }, + "border": { + "color": "#c94922", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "match_index": { + "family": "Zed Mono", + "color": "#979db4", + "size": 14, + "padding": 6 + }, + "option_button": { + "family": "Zed Mono", + "color": "#979db4", + "size": 14, + "background": "#293256", + "corner_radius": 4, + "border": { + "color": "#293256", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "option_button_group": { + "padding": { + "left": 4, + "right": 4 + } + }, + "results_status": { + "family": "Zed Mono", + "color": "#dfe2f1", + "size": 18 + } + }, + "breadcrumbs": { + "family": "Zed Sans", + "color": "#979db4", + "size": 14, + "padding": { + "left": 6 + } + } +} \ No newline at end of file diff --git a/assets/themes/sulphurpool-light.json b/assets/themes/sulphurpool-light.json new file mode 100644 index 0000000000..27c522cd95 --- /dev/null +++ b/assets/themes/sulphurpool-light.json @@ -0,0 +1,1396 @@ +{ + "selector": { + "background": "#dfe2f1", + "corner_radius": 8, + "padding": 8, + "item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "weight": "bold", + "size": 14 + } + }, + "active_item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#293256", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "weight": "bold", + "size": 14 + }, + "background": "#898ea4" + }, + "border": { + "color": "#f5f7ff", + "width": 1 + }, + "empty": { + "text": { + "family": "Zed Sans", + "color": "#6b7394", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 8 + } + }, + "input_editor": { + "background": "#f5f7ff", + "corner_radius": 8, + "placeholder_text": { + "family": "Zed Sans", + "color": "#6b7394", + "size": 14 + }, + "selection": { + "cursor": "#3d8fd1", + "selection": "#3d8fd13d" + }, + "text": { + "family": "Zed Mono", + "color": "#293256", + "size": 14 + }, + "border": { + "color": "#dfe2f1", + "width": 1 + }, + "padding": { + "bottom": 7, + "left": 16, + "right": 16, + "top": 7 + } + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + }, + "workspace": { + "background": "#dfe2f1", + "leader_border_opacity": 0.7, + "leader_border_width": 2, + "tab": { + "height": 32, + "background": "#dfe2f1", + "icon_close": "#5e6687", + "icon_close_active": "#202746", + "icon_conflict": "#c08b30", + "icon_dirty": "#3d8fd1", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "border": { + "color": "#f5f7ff", + "width": 1, + "left": true, + "bottom": true, + "overlay": true + }, + "padding": { + "left": 8, + "right": 8 + } + }, + "active_tab": { + "height": 32, + "background": "#f5f7ff", + "icon_close": "#5e6687", + "icon_close_active": "#202746", + "icon_conflict": "#c08b30", + "icon_dirty": "#3d8fd1", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#202746", + "size": 14 + }, + "border": { + "color": "#f5f7ff", + "width": 1, + "left": true, + "bottom": false, + "overlay": true + }, + "padding": { + "left": 8, + "right": 8 + } + }, + "modal": { + "margin": { + "bottom": 52, + "top": 52 + }, + "cursor": "Arrow" + }, + "left_sidebar": { + "width": 30, + "background": "#dfe2f1", + "border": { + "color": "#f5f7ff", + "width": 1, + "right": true + }, + "item": { + "height": 32, + "icon_color": "#5e6687", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#202746", + "icon_size": 18 + }, + "resize_handle": { + "background": "#f5f7ff", + "padding": { + "left": 1 + } + } + }, + "right_sidebar": { + "width": 30, + "background": "#dfe2f1", + "border": { + "color": "#f5f7ff", + "width": 1, + "left": true + }, + "item": { + "height": 32, + "icon_color": "#5e6687", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#202746", + "icon_size": 18 + }, + "resize_handle": { + "background": "#f5f7ff", + "padding": { + "left": 1 + } + } + }, + "pane_divider": { + "color": "#dfe2f1", + "width": 1 + }, + "status_bar": { + "height": 24, + "item_spacing": 8, + "padding": { + "left": 6, + "right": 6 + }, + "border": { + "color": "#f5f7ff", + "width": 1, + "top": true, + "overlay": true + }, + "cursor_position": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "diagnostic_message": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "lsp_message": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "auto_update_progress_message": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "auto_update_done_message": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + } + }, + "titlebar": { + "avatar_width": 18, + "height": 32, + "background": "#dfe2f1", + "share_icon_color": "#5e6687", + "share_icon_active_color": "#3d8fd1", + "title": { + "family": "Zed Sans", + "color": "#293256", + "size": 14 + }, + "avatar": { + "corner_radius": 10, + "border": { + "color": "#00000088", + "width": 1 + } + }, + "avatar_ribbon": { + "height": 3, + "width": 12 + }, + "border": { + "color": "#f5f7ff", + "width": 1, + "bottom": true + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 12, + "border": { + "color": "#f5f7ff", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#202746", + "size": 12, + "border": { + "color": "#f5f7ff", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "offline_icon": { + "color": "#5e6687", + "width": 16, + "padding": { + "right": 4 + } + }, + "outdated_warning": { + "family": "Zed Sans", + "color": "#c08b30", + "size": 13 + } + }, + "toolbar": { + "height": 34, + "background": "#f5f7ff", + "border": { + "color": "#dfe2f1", + "width": 1, + "bottom": true + }, + "item_spacing": 8, + "padding": { + "left": 16, + "right": 8, + "top": 4, + "bottom": 4 + } + }, + "breadcrumbs": { + "family": "Zed Mono", + "color": "#5e6687", + "size": 14, + "padding": { + "left": 6 + } + }, + "disconnected_overlay": { + "family": "Zed Sans", + "color": "#202746", + "size": 14, + "background": "#000000aa" + } + }, + "editor": { + "text_color": "#202746", + "background": "#f5f7ff", + "active_line_background": "#20274612", + "code_actions_indicator": "#5e6687", + "diff_background_deleted": "#c94922", + "diff_background_inserted": "#ac9739", + "document_highlight_read_background": "#f5f7ff1f", + "document_highlight_write_background": "#f5f7ff29", + "error_color": "#c94922", + "gutter_background": "#f5f7ff", + "gutter_padding_factor": 3.5, + "highlighted_line_background": "#2027461f", + "line_number": "#6b7394", + "line_number_active": "#202746", + "rename_fade": 0.6, + "unnecessary_code_fade": 0.5, + "selection": { + "cursor": "#3d8fd1", + "selection": "#3d8fd13d" + }, + "guest_selections": [ + { + "cursor": "#ac9739", + "selection": "#ac97393d" + }, + { + "cursor": "#9c637a", + "selection": "#9c637a3d" + }, + { + "cursor": "#c76b29", + "selection": "#c76b293d" + }, + { + "cursor": "#6679cc", + "selection": "#6679cc3d" + }, + { + "cursor": "#22a2c9", + "selection": "#22a2c93d" + }, + { + "cursor": "#c94922", + "selection": "#c949223d" + }, + { + "cursor": "#c08b30", + "selection": "#c08b303d" + } + ], + "autocomplete": { + "background": "#f5f7ff", + "corner_radius": 8, + "padding": 4, + "border": { + "color": "#dfe2f1", + "width": 1 + }, + "item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + } + }, + "hovered_item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + }, + "background": "#dfe2f1" + }, + "margin": { + "left": -14 + }, + "match_highlight": { + "family": "Zed Mono", + "color": "#3d8fd1", + "size": 14 + }, + "selected_item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + }, + "background": "#dfe2f1" + } + }, + "diagnostic_header": { + "background": "#dfe2f1", + "icon_width_factor": 1.5, + "text_scale_factor": 0.857, + "border": { + "color": "#dfe2f1", + "width": 1, + "bottom": true, + "top": true + }, + "code": { + "family": "Zed Mono", + "color": "#5e6687", + "size": 14, + "margin": { + "left": 10 + } + }, + "message": { + "highlight_text": { + "family": "Zed Sans", + "color": "#293256", + "size": 14, + "weight": "bold" + }, + "text": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + } + } + }, + "diagnostic_path_header": { + "background": "#20274612", + "text_scale_factor": 0.857, + "filename": { + "family": "Zed Mono", + "color": "#293256", + "size": 14 + }, + "path": { + "family": "Zed Mono", + "color": "#5e6687", + "size": 14, + "margin": { + "left": 12 + } + } + }, + "error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f5f7ff", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#c94922", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#c94922", + "size": 14, + "weight": "bold" + } + } + }, + "warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f5f7ff", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#c08b30", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#c08b30", + "size": 14, + "weight": "bold" + } + } + }, + "information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f5f7ff", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "size": 14, + "weight": "bold" + } + } + }, + "hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f5f7ff", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#3d8fd1", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f5f7ff", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f5f7ff", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f5f7ff", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#f5f7ff", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "weight": "bold" + } + } + }, + "syntax": { + "primary": { + "color": "#202746", + "weight": "normal" + }, + "comment": { + "color": "#5e6687", + "weight": "normal" + }, + "punctuation": { + "color": "#5e6687", + "weight": "normal" + }, + "constant": { + "color": "#6b7394", + "weight": "normal" + }, + "keyword": { + "color": "#3d8fd1", + "weight": "normal" + }, + "function": { + "color": "#c08b30", + "weight": "normal" + }, + "type": { + "color": "#22a2c9", + "weight": "normal" + }, + "variant": { + "color": "#3d8fd1", + "weight": "normal" + }, + "property": { + "color": "#3d8fd1", + "weight": "normal" + }, + "enum": { + "color": "#c76b29", + "weight": "normal" + }, + "operator": { + "color": "#c76b29", + "weight": "normal" + }, + "string": { + "color": "#c76b29", + "weight": "normal" + }, + "number": { + "color": "#ac9739", + "weight": "normal" + }, + "boolean": { + "color": "#ac9739", + "weight": "normal" + }, + "predictive": { + "color": "#5e6687", + "weight": "normal" + }, + "title": { + "color": "#c08b30", + "weight": "bold" + }, + "emphasis": { + "color": "#3d8fd1", + "weight": "normal" + }, + "emphasis.strong": { + "color": "#3d8fd1", + "weight": "bold" + }, + "link_uri": { + "color": "#ac9739", + "weight": "normal", + "underline": true + }, + "link_text": { + "color": "#c76b29", + "weight": "normal", + "italic": true + } + } + }, + "project_diagnostics": { + "tab_icon_spacing": 4, + "tab_icon_width": 13, + "tab_summary_spacing": 10, + "empty_message": { + "family": "Zed Sans", + "color": "#293256", + "size": 18 + }, + "status_bar_item": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "margin": { + "right": 10 + } + } + }, + "command_palette": { + "keystroke_spacing": 8, + "key": { + "text": { + "family": "Zed Mono", + "color": "#5e6687", + "size": 12 + }, + "corner_radius": 4, + "background": "#f5f7ff", + "border": { + "color": "#dfe2f1", + "width": 1 + }, + "padding": { + "top": 2, + "bottom": 2, + "left": 8, + "right": 8 + }, + "margin": { + "left": 2 + } + } + }, + "project_panel": { + "padding": { + "top": 6, + "left": 12 + }, + "entry": { + "height": 22, + "icon_color": "#5e6687", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#5e6687", + "size": 14 + } + }, + "hovered_entry": { + "height": 22, + "background": "#898ea4", + "icon_color": "#5e6687", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#5e6687", + "size": 14 + } + }, + "selected_entry": { + "height": 22, + "icon_color": "#5e6687", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#293256", + "size": 14 + } + }, + "hovered_selected_entry": { + "height": 22, + "background": "#898ea4", + "icon_color": "#5e6687", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#293256", + "size": 14 + } + } + }, + "chat_panel": { + "padding": { + "top": 12, + "left": 12, + "bottom": 12, + "right": 12 + }, + "channel_name": { + "family": "Zed Sans", + "color": "#293256", + "weight": "bold", + "size": 14 + }, + "channel_name_hash": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "padding": { + "right": 8 + } + }, + "channel_select": { + "header": { + "name": { + "family": "Zed Sans", + "color": "#293256", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 0 + }, + "hash": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "item": { + "name": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_item": { + "name": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#898ea4", + "corner_radius": 6 + }, + "active_item": { + "name": { + "family": "Zed Sans", + "color": "#293256", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_active_item": { + "name": { + "family": "Zed Sans", + "color": "#293256", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#898ea4", + "corner_radius": 6 + }, + "menu": { + "background": "#f5f7ff", + "corner_radius": 6, + "padding": 4, + "border": { + "color": "#f5f7ff", + "width": 1 + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + } + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#5e6687", + "underline": true, + "size": 14 + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#293256", + "underline": true, + "size": 14 + }, + "message": { + "body": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#293256", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "pending_message": { + "body": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#5e6687", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "input_editor": { + "background": "#f5f7ff", + "corner_radius": 6, + "text": { + "family": "Zed Mono", + "color": "#293256", + "size": 14 + }, + "placeholder_text": { + "family": "Zed Mono", + "color": "#6b7394", + "size": 14 + }, + "selection": { + "cursor": "#3d8fd1", + "selection": "#3d8fd13d" + }, + "border": { + "color": "#dfe2f1", + "width": 1 + }, + "padding": { + "bottom": 7, + "left": 8, + "right": 8, + "top": 7 + } + } + }, + "contacts_panel": { + "padding": { + "top": 12, + "left": 12, + "bottom": 12, + "right": 12 + }, + "host_row_height": 28, + "tree_branch_color": "#898ea4", + "tree_branch_width": 1, + "host_avatar": { + "corner_radius": 10, + "width": 18 + }, + "host_username": { + "family": "Zed Mono", + "color": "#293256", + "size": 14, + "padding": { + "left": 8 + } + }, + "project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#6b7394", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + } + }, + "shared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#5e6687", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#dfe2f1", + "corner_radius": 6 + }, + "hovered_shared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#5e6687", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#898ea4", + "corner_radius": 6 + }, + "unshared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#6b7394", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + } + }, + "hovered_unshared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#6b7394", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "corner_radius": 6 + } + }, + "search": { + "match_background": "#6679cc80", + "tab_icon_spacing": 8, + "tab_icon_width": 14, + "active_hovered_option_button": { + "family": "Zed Mono", + "color": "#202746", + "size": 14, + "background": "#898ea4", + "corner_radius": 4, + "border": { + "color": "#898ea4", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "active_option_button": { + "family": "Zed Mono", + "color": "#202746", + "size": 14, + "background": "#898ea4", + "corner_radius": 4, + "border": { + "color": "#898ea4", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "editor": { + "background": "#f5f7ff", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#6b7394", + "size": 14 + }, + "selection": { + "cursor": "#3d8fd1", + "selection": "#3d8fd13d" + }, + "text": { + "family": "Zed Mono", + "color": "#202746", + "size": 14 + }, + "border": { + "color": "#dfe2f1", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "hovered_option_button": { + "family": "Zed Mono", + "color": "#202746", + "size": 14, + "background": "#dfe2f1", + "corner_radius": 4, + "border": { + "color": "#898ea4", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "invalid_editor": { + "background": "#f5f7ff", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#6b7394", + "size": 14 + }, + "selection": { + "cursor": "#3d8fd1", + "selection": "#3d8fd13d" + }, + "text": { + "family": "Zed Mono", + "color": "#202746", + "size": 14 + }, + "border": { + "color": "#c94922", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "match_index": { + "family": "Zed Mono", + "color": "#5e6687", + "size": 14, + "padding": 6 + }, + "option_button": { + "family": "Zed Mono", + "color": "#5e6687", + "size": 14, + "background": "#dfe2f1", + "corner_radius": 4, + "border": { + "color": "#dfe2f1", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "option_button_group": { + "padding": { + "left": 4, + "right": 4 + } + }, + "results_status": { + "family": "Zed Mono", + "color": "#293256", + "size": 18 + } + }, + "breadcrumbs": { + "family": "Zed Sans", + "color": "#5e6687", + "size": 14, + "padding": { + "left": 6 + } + } +} \ No newline at end of file diff --git a/styles/src/buildThemes.ts b/styles/src/buildThemes.ts index 4ca6cc9596..90ed441fa4 100644 --- a/styles/src/buildThemes.ts +++ b/styles/src/buildThemes.ts @@ -5,9 +5,16 @@ import dark from "./themes/dark"; import light from "./themes/light"; import solarizedDark from "./themes/solarized-dark"; import solarizedLight from "./themes/solarized-light"; +import sulphurpoolDark from "./themes/sulphurpool-dark"; +import sulphurpoolLight from "./themes/sulphurpool-light"; import snakeCase from "./utils/snakeCase"; -const themes = [dark, light, solarizedDark, solarizedLight]; +const themes = [ + dark, light, + solarizedDark, solarizedLight, + sulphurpoolDark, sulphurpoolLight +]; + for (let theme of themes) { let styleTree = snakeCase(app(theme)); let styleTreeJSON = JSON.stringify(styleTree, null, 2); diff --git a/styles/src/themes/solarized.ts b/styles/src/themes/solarized.ts index 5065c4d668..0e9e7896ef 100644 --- a/styles/src/themes/solarized.ts +++ b/styles/src/themes/solarized.ts @@ -2,28 +2,30 @@ import { color, fontWeights, NumberToken } from "../tokens"; import { withOpacity } from "../utils/color"; import Theme, { buildPlayer, Syntax } from "./theme"; +// Dark: 0 == Darkest, 3 == Lightest const dark = { - 0: color("#657b83"), - 1: color("#586e75"), - 2: color("#073642"), - 3: color("#002b36"), + 0: color("#002b36"), + 1: color("#073642"), + 2: color("#586e75"), + 3: color("#657b83"), }; +// Light: 0 == Lightest, 3 == Darkest const light = { - 0: color("#839496"), - 1: color("#93a1a1"), - 2: color("#eee8d5"), - 3: color("#fdf6e3"), + 0: color("#fdf6e3"), + 1: color("#eee8d5"), + 2: color("#93a1a1"), + 3: color("#839496"), }; const colors = { - "yellow": color("#b58900"), - "orange": color("#cb4b16"), "red": color("#dc322f"), - "magenta": color("#d33682"), - "violet": color("#6c71c4"), - "blue": color("#268bd2"), - "cyan": color("#2aa198"), + "orange": color("#cb4b16"), + "yellow": color("#b58900"), "green": color("#859900"), + "cyan": color("#2aa198"), + "blue": color("#268bd2"), + "violet": color("#6c71c4"), + "magenta": color("#d33682"), }; export function solarized(darkTheme: boolean): Theme { @@ -33,35 +35,35 @@ export function solarized(darkTheme: boolean): Theme { const backgroundColor = { 100: { - base: bg[2], - hovered: bg[1], - active: bg[1], - focused: bg[1], + base: bg[1], + hovered: bg[3], + active: bg[3], + focused: bg[3], }, 300: { - base: bg[2], - hovered: bg[1], - active: bg[1], - focused: bg[1], + base: bg[1], + hovered: bg[3], + active: bg[3], + focused: bg[3], }, 500: { - base: bg[3], - hovered: bg[2], - active: bg[2], - focused: bg[2], - }, - on300: { - base: bg[3], - hovered: bg[2], - active: bg[2], - focused: bg[2], - }, - on500: { - base: bg[2], + base: bg[0], hovered: bg[1], active: bg[1], focused: bg[1], }, + on300: { + base: bg[0], + hovered: bg[1], + active: bg[1], + focused: bg[1], + }, + on500: { + base: bg[1], + hovered: bg[3], + active: bg[3], + focused: bg[3], + }, ok: { base: colors.green, hovered: colors.green, @@ -89,11 +91,11 @@ export function solarized(darkTheme: boolean): Theme { }; const borderColor = { - primary: bg[3], - secondary: bg[2], - muted: bg[1], - focused: bg[1], - active: bg[1], + primary: bg[0], + secondary: bg[1], + muted: bg[3], + focused: bg[3], + active: bg[3], ok: colors.green, error: colors.red, warning: colors.yellow, @@ -101,11 +103,11 @@ export function solarized(darkTheme: boolean): Theme { }; const textColor = { - primary: fg[2], - secondary: fg[1], - muted: fg[1], - placeholder: fg[0], - active: fg[3], + primary: fg[1], + secondary: fg[2], + muted: fg[2], + placeholder: fg[3], + active: fg[0], //TODO: (design) define feature and it's correct value feature: colors.blue, ok: colors.green, @@ -130,8 +132,8 @@ export function solarized(darkTheme: boolean): Theme { indent_guide: borderColor.muted, indent_guide_active: borderColor.secondary, line: { - active: withOpacity(fg[3], 0.07), - highlighted: withOpacity(fg[3], 0.12), + active: withOpacity(fg[0], 0.07), + highlighted: withOpacity(fg[0], 0.12), inserted: backgroundColor.ok.active, deleted: backgroundColor.error.active, modified: backgroundColor.info.active, @@ -153,7 +155,7 @@ export function solarized(darkTheme: boolean): Theme { const syntax: Syntax = { primary: { - color: fg[3], + color: fg[0], weight: fontWeights.normal, }, comment: { @@ -161,11 +163,11 @@ export function solarized(darkTheme: boolean): Theme { weight: fontWeights.normal, }, punctuation: { - color: fg[1], + color: fg[2], weight: fontWeights.normal, }, constant: { - color: fg[0], + color: fg[3], weight: fontWeights.normal, }, keyword: { diff --git a/styles/src/themes/sulphurpool-dark.ts b/styles/src/themes/sulphurpool-dark.ts new file mode 100644 index 0000000000..86982a6dac --- /dev/null +++ b/styles/src/themes/sulphurpool-dark.ts @@ -0,0 +1,3 @@ +import { sulphurpool } from "./sulphurpool"; + +export default sulphurpool(true); diff --git a/styles/src/themes/sulphurpool-light.ts b/styles/src/themes/sulphurpool-light.ts new file mode 100644 index 0000000000..98d9b2db44 --- /dev/null +++ b/styles/src/themes/sulphurpool-light.ts @@ -0,0 +1,3 @@ +import { sulphurpool } from "./sulphurpool"; + +export default sulphurpool(false); diff --git a/styles/src/themes/sulphurpool.ts b/styles/src/themes/sulphurpool.ts new file mode 100644 index 0000000000..8b3396b2e4 --- /dev/null +++ b/styles/src/themes/sulphurpool.ts @@ -0,0 +1,257 @@ +import { color, fontWeights, NumberToken } from "../tokens"; +import { withOpacity } from "../utils/color"; +import Theme, { buildPlayer, Syntax } from "./theme"; + +// Dark: 0 == Darkest, 3 == Lightest +const dark = { + 0: color("#202746"), + 1: color("#293256"), + 2: color("#5e6687"), + 3: color("#6b7394"), +}; +// Light: 0 == Lightest, 3 == Darkest +const light = { + 0: color("#f5f7ff"), + 1: color("#dfe2f1"), + 2: color("#979db4"), + 3: color("#898ea4"), +}; + +const colors = { + "red": color("#c94922"), + "orange": color("#c76b29"), + "yellow": color("#c08b30"), + "green": color("#ac9739"), + "cyan": color("#22a2c9"), + "blue": color("#3d8fd1"), + "violet": color("#6679cc"), + "magenta": color("#9c637a"), +}; + +export function sulphurpool(darkTheme: boolean): Theme { + let fg = darkTheme ? light : dark; + let bg = darkTheme ? dark : light; + let name = darkTheme ? "sulphurpool-dark" : "sulphurpool-light"; + + const backgroundColor = { + 100: { + base: bg[1], + hovered: bg[3], + active: bg[3], + focused: bg[3], + }, + 300: { + base: bg[1], + hovered: bg[3], + active: bg[3], + focused: bg[3], + }, + 500: { + base: bg[0], + hovered: bg[1], + active: bg[1], + focused: bg[1], + }, + on300: { + base: bg[0], + hovered: bg[1], + active: bg[1], + focused: bg[1], + }, + on500: { + base: bg[1], + hovered: bg[3], + active: bg[3], + focused: bg[3], + }, + ok: { + base: colors.green, + hovered: colors.green, + active: colors.green, + focused: colors.green, + }, + error: { + base: colors.red, + hovered: colors.red, + active: colors.red, + focused: colors.red, + }, + warning: { + base: colors.yellow, + hovered: colors.yellow, + active: colors.yellow, + focused: colors.yellow, + }, + info: { + base: colors.blue, + hovered: colors.blue, + active: colors.blue, + focused: colors.blue, + }, + }; + + const borderColor = { + primary: bg[0], + secondary: bg[1], + muted: bg[3], + focused: bg[3], + active: bg[3], + ok: colors.green, + error: colors.red, + warning: colors.yellow, + info: colors.blue, + }; + + const textColor = { + primary: fg[1], + secondary: fg[2], + muted: fg[2], + placeholder: fg[3], + active: fg[0], + //TODO: (design) define feature and it's correct value + feature: colors.blue, + ok: colors.green, + error: colors.red, + warning: colors.yellow, + info: colors.blue, + }; + + const player = { + 1: buildPlayer(colors.blue), + 2: buildPlayer(colors.green), + 3: buildPlayer(colors.magenta), + 4: buildPlayer(colors.orange), + 5: buildPlayer(colors.violet), + 6: buildPlayer(colors.cyan), + 7: buildPlayer(colors.red), + 8: buildPlayer(colors.yellow), + }; + + const editor = { + background: backgroundColor[500].base, + indent_guide: borderColor.muted, + indent_guide_active: borderColor.secondary, + line: { + active: withOpacity(fg[0], 0.07), + highlighted: withOpacity(fg[0], 0.12), + inserted: backgroundColor.ok.active, + deleted: backgroundColor.error.active, + modified: backgroundColor.info.active, + }, + highlight: { + selection: player[1].selectionColor, + occurrence: withOpacity(bg[0], 0.12), + activeOccurrence: withOpacity(bg[0], 0.16), // TODO: This is not correctly hooked up to occurences on the rust side + matchingBracket: backgroundColor[500].active, + match: withOpacity(colors.violet, 0.5), + activeMatch: withOpacity(colors.violet, 0.7), + related: backgroundColor[500].focused, + }, + gutter: { + primary: textColor.placeholder, + active: textColor.active, + }, + }; + + const syntax: Syntax = { + primary: { + color: fg[0], + weight: fontWeights.normal, + }, + comment: { + color: fg[2], + weight: fontWeights.normal, + }, + punctuation: { + color: fg[2], + weight: fontWeights.normal, + }, + constant: { + color: fg[3], + weight: fontWeights.normal, + }, + keyword: { + color: colors.blue, + weight: fontWeights.normal, + }, + function: { + color: colors.yellow, + weight: fontWeights.normal, + }, + type: { + color: colors.cyan, + weight: fontWeights.normal, + }, + variant: { + color: colors.blue, + weight: fontWeights.normal, + }, + property: { + color: colors.blue, + weight: fontWeights.normal, + }, + enum: { + color: colors.orange, + weight: fontWeights.normal, + }, + operator: { + color: colors.orange, + weight: fontWeights.normal, + }, + string: { + color: colors.orange, + weight: fontWeights.normal, + }, + number: { + color: colors.green, + weight: fontWeights.normal, + }, + boolean: { + color: colors.green, + weight: fontWeights.normal, + }, + predictive: { + color: textColor.muted, + weight: fontWeights.normal, + }, + title: { + color: colors.yellow, + weight: fontWeights.bold, + }, + emphasis: { + color: textColor.feature, + weight: fontWeights.normal, + }, + "emphasis.strong": { + color: textColor.feature, + weight: fontWeights.bold, + }, + linkUri: { + color: colors.green, + weight: fontWeights.normal, + underline: true, + }, + linkText: { + color: colors.orange, + weight: fontWeights.normal, + italic: true, + }, + }; + + const shadowAlpha: NumberToken = { + value: 0.32, + type: "number", + }; + + return { + name, + backgroundColor, + borderColor, + textColor, + iconColor: textColor, + editor, + syntax, + player, + shadowAlpha, + }; +} \ No newline at end of file