From e28d1828f07c5947c699f1276ab150a82d0c6f1e Mon Sep 17 00:00:00 2001 From: Nate Butler Date: Mon, 25 Apr 2022 18:07:24 -0400 Subject: [PATCH 1/4] 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 | 96 +- styles/src/themes/sulphurpool-dark.ts | 3 + styles/src/themes/sulphurpool-light.ts | 3 + styles/src/themes/sulphurpool.ts | 257 +++++ 11 files changed, 5934 insertions(+), 78 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 0000000000000000000000000000000000000000..f6328b7d6085c33a17545ef0da4fdbf87d87099e --- /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 0000000000000000000000000000000000000000..c16b6f15a3ed12f6f413119e7f1df4aaf98ca9db --- /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 49ca372e7c641ad039e231546c59e5afd594ef4e..60d6caded79ae76b9cb3c3578de6dcb78fec653a 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 f086d651dd31f14c33b06d7da5889d13b1ee9684..11c16fb35056ac33247709dddcc8c03f411b27a7 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 0000000000000000000000000000000000000000..95fa9c21d7a7fa9f41f7ba19d2313a02c0e4a33d --- /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 0000000000000000000000000000000000000000..27c522cd959d464795e0a0493f42a9830d5c0315 --- /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 4ca6cc9596812e8a3ed9d340c6c77023bb027dec..90ed441fa422c8758c09fcafbbd406c1f3c051c3 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 5065c4d6682bcb287f0e5fb8429b726905b23370..0e9e7896ef9c79c1af2c03deb4b5d44f0b40a8ff 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], + 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], }, - 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], }, + 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 0000000000000000000000000000000000000000..86982a6dacb261ee86eb2a85d480874f5562c233 --- /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 0000000000000000000000000000000000000000..98d9b2db442d610f6b0f4cfc40e68ab3e17483e7 --- /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 0000000000000000000000000000000000000000..8b3396b2e41a769d099692ed77957b896ef13ae9 --- /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 From a3adefcf0d25433da1d30bf5d29a19fb4a07a86e Mon Sep 17 00:00:00 2001 From: Nate Butler Date: Mon, 25 Apr 2022 18:14:10 -0400 Subject: [PATCH 2/4] Remove generated JSON for the Forest theme --- assets/themes/forest-dark.json | 1396 ------------------------------- assets/themes/forest-light.json | 1396 ------------------------------- 2 files changed, 2792 deletions(-) delete mode 100644 assets/themes/forest-dark.json delete mode 100644 assets/themes/forest-light.json diff --git a/assets/themes/forest-dark.json b/assets/themes/forest-dark.json deleted file mode 100644 index f6328b7d6085c33a17545ef0da4fdbf87d87099e..0000000000000000000000000000000000000000 --- a/assets/themes/forest-dark.json +++ /dev/null @@ -1,1396 +0,0 @@ -{ - "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 deleted file mode 100644 index c16b6f15a3ed12f6f413119e7f1df4aaf98ca9db..0000000000000000000000000000000000000000 --- a/assets/themes/forest-light.json +++ /dev/null @@ -1,1396 +0,0 @@ -{ - "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 From 9338cd9cf8544b73c96643a5b70d239aa80254e4 Mon Sep 17 00:00:00 2001 From: Nate Butler Date: Mon, 25 Apr 2022 18:19:49 -0400 Subject: [PATCH 3/4] Add cave theme Sneaking one more in, cave is a nice cool dark theme that isn't super blue. --- assets/themes/cave-dark.json | 1396 +++++++++++++++++++++++++++++++ assets/themes/cave-light.json | 1396 +++++++++++++++++++++++++++++++ styles/src/buildThemes.ts | 3 + styles/src/themes/cave-dark.ts | 3 + styles/src/themes/cave-light.ts | 3 + styles/src/themes/cave.ts | 257 ++++++ 6 files changed, 3058 insertions(+) create mode 100644 assets/themes/cave-dark.json create mode 100644 assets/themes/cave-light.json create mode 100644 styles/src/themes/cave-dark.ts create mode 100644 styles/src/themes/cave-light.ts create mode 100644 styles/src/themes/cave.ts diff --git a/assets/themes/cave-dark.json b/assets/themes/cave-dark.json new file mode 100644 index 0000000000000000000000000000000000000000..b9814782df8f04da4dc4b44e288b9e27b4f7906a --- /dev/null +++ b/assets/themes/cave-dark.json @@ -0,0 +1,1396 @@ +{ + "selector": { + "background": "#26232a", + "corner_radius": 8, + "padding": 8, + "item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#576ddb", + "weight": "bold", + "size": 14 + } + }, + "active_item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#e2dfe7", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#576ddb", + "weight": "bold", + "size": 14 + }, + "background": "#655f6d" + }, + "border": { + "color": "#19171c", + "width": 1 + }, + "empty": { + "text": { + "family": "Zed Sans", + "color": "#7e7887", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 8 + } + }, + "input_editor": { + "background": "#19171c", + "corner_radius": 8, + "placeholder_text": { + "family": "Zed Sans", + "color": "#7e7887", + "size": 14 + }, + "selection": { + "cursor": "#576ddb", + "selection": "#576ddb3d" + }, + "text": { + "family": "Zed Mono", + "color": "#e2dfe7", + "size": 14 + }, + "border": { + "color": "#26232a", + "width": 1 + }, + "padding": { + "bottom": 7, + "left": 16, + "right": 16, + "top": 7 + } + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + }, + "workspace": { + "background": "#26232a", + "leader_border_opacity": 0.7, + "leader_border_width": 2, + "tab": { + "height": 32, + "background": "#26232a", + "icon_close": "#8b8792", + "icon_close_active": "#efecf4", + "icon_conflict": "#a06e3b", + "icon_dirty": "#576ddb", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "border": { + "color": "#19171c", + "width": 1, + "left": true, + "bottom": true, + "overlay": true + }, + "padding": { + "left": 8, + "right": 8 + } + }, + "active_tab": { + "height": 32, + "background": "#19171c", + "icon_close": "#8b8792", + "icon_close_active": "#efecf4", + "icon_conflict": "#a06e3b", + "icon_dirty": "#576ddb", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#efecf4", + "size": 14 + }, + "border": { + "color": "#19171c", + "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": "#26232a", + "border": { + "color": "#19171c", + "width": 1, + "right": true + }, + "item": { + "height": 32, + "icon_color": "#8b8792", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#efecf4", + "icon_size": 18 + }, + "resize_handle": { + "background": "#19171c", + "padding": { + "left": 1 + } + } + }, + "right_sidebar": { + "width": 30, + "background": "#26232a", + "border": { + "color": "#19171c", + "width": 1, + "left": true + }, + "item": { + "height": 32, + "icon_color": "#8b8792", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#efecf4", + "icon_size": 18 + }, + "resize_handle": { + "background": "#19171c", + "padding": { + "left": 1 + } + } + }, + "pane_divider": { + "color": "#26232a", + "width": 1 + }, + "status_bar": { + "height": 24, + "item_spacing": 8, + "padding": { + "left": 6, + "right": 6 + }, + "border": { + "color": "#19171c", + "width": 1, + "top": true, + "overlay": true + }, + "cursor_position": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "diagnostic_message": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "lsp_message": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "auto_update_progress_message": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "auto_update_done_message": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + } + }, + "titlebar": { + "avatar_width": 18, + "height": 32, + "background": "#26232a", + "share_icon_color": "#8b8792", + "share_icon_active_color": "#576ddb", + "title": { + "family": "Zed Sans", + "color": "#e2dfe7", + "size": 14 + }, + "avatar": { + "corner_radius": 10, + "border": { + "color": "#00000088", + "width": 1 + } + }, + "avatar_ribbon": { + "height": 3, + "width": 12 + }, + "border": { + "color": "#19171c", + "width": 1, + "bottom": true + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 12, + "border": { + "color": "#19171c", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#efecf4", + "size": 12, + "border": { + "color": "#19171c", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "offline_icon": { + "color": "#8b8792", + "width": 16, + "padding": { + "right": 4 + } + }, + "outdated_warning": { + "family": "Zed Sans", + "color": "#a06e3b", + "size": 13 + } + }, + "toolbar": { + "height": 34, + "background": "#19171c", + "border": { + "color": "#26232a", + "width": 1, + "bottom": true + }, + "item_spacing": 8, + "padding": { + "left": 16, + "right": 8, + "top": 4, + "bottom": 4 + } + }, + "breadcrumbs": { + "family": "Zed Mono", + "color": "#8b8792", + "size": 14, + "padding": { + "left": 6 + } + }, + "disconnected_overlay": { + "family": "Zed Sans", + "color": "#efecf4", + "size": 14, + "background": "#000000aa" + } + }, + "editor": { + "text_color": "#efecf4", + "background": "#19171c", + "active_line_background": "#efecf412", + "code_actions_indicator": "#8b8792", + "diff_background_deleted": "#be4678", + "diff_background_inserted": "#2a9292", + "document_highlight_read_background": "#19171c1f", + "document_highlight_write_background": "#19171c29", + "error_color": "#be4678", + "gutter_background": "#19171c", + "gutter_padding_factor": 3.5, + "highlighted_line_background": "#efecf41f", + "line_number": "#7e7887", + "line_number_active": "#efecf4", + "rename_fade": 0.6, + "unnecessary_code_fade": 0.5, + "selection": { + "cursor": "#576ddb", + "selection": "#576ddb3d" + }, + "guest_selections": [ + { + "cursor": "#2a9292", + "selection": "#2a92923d" + }, + { + "cursor": "#bf40bf", + "selection": "#bf40bf3d" + }, + { + "cursor": "#aa573c", + "selection": "#aa573c3d" + }, + { + "cursor": "#955ae7", + "selection": "#955ae73d" + }, + { + "cursor": "#398bc6", + "selection": "#398bc63d" + }, + { + "cursor": "#be4678", + "selection": "#be46783d" + }, + { + "cursor": "#a06e3b", + "selection": "#a06e3b3d" + } + ], + "autocomplete": { + "background": "#19171c", + "corner_radius": 8, + "padding": 4, + "border": { + "color": "#26232a", + "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": "#26232a" + }, + "margin": { + "left": -14 + }, + "match_highlight": { + "family": "Zed Mono", + "color": "#576ddb", + "size": 14 + }, + "selected_item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + }, + "background": "#26232a" + } + }, + "diagnostic_header": { + "background": "#26232a", + "icon_width_factor": 1.5, + "text_scale_factor": 0.857, + "border": { + "color": "#26232a", + "width": 1, + "bottom": true, + "top": true + }, + "code": { + "family": "Zed Mono", + "color": "#8b8792", + "size": 14, + "margin": { + "left": 10 + } + }, + "message": { + "highlight_text": { + "family": "Zed Sans", + "color": "#e2dfe7", + "size": 14, + "weight": "bold" + }, + "text": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + } + } + }, + "diagnostic_path_header": { + "background": "#efecf412", + "text_scale_factor": 0.857, + "filename": { + "family": "Zed Mono", + "color": "#e2dfe7", + "size": 14 + }, + "path": { + "family": "Zed Mono", + "color": "#8b8792", + "size": 14, + "margin": { + "left": 12 + } + } + }, + "error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#19171c", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#be4678", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#be4678", + "size": 14, + "weight": "bold" + } + } + }, + "warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#19171c", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#a06e3b", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#a06e3b", + "size": 14, + "weight": "bold" + } + } + }, + "information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#19171c", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#576ddb", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#576ddb", + "size": 14, + "weight": "bold" + } + } + }, + "hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#19171c", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#576ddb", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#576ddb", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#19171c", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#19171c", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#19171c", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#19171c", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "weight": "bold" + } + } + }, + "syntax": { + "primary": { + "color": "#efecf4", + "weight": "normal" + }, + "comment": { + "color": "#8b8792", + "weight": "normal" + }, + "punctuation": { + "color": "#8b8792", + "weight": "normal" + }, + "constant": { + "color": "#7e7887", + "weight": "normal" + }, + "keyword": { + "color": "#576ddb", + "weight": "normal" + }, + "function": { + "color": "#a06e3b", + "weight": "normal" + }, + "type": { + "color": "#398bc6", + "weight": "normal" + }, + "variant": { + "color": "#576ddb", + "weight": "normal" + }, + "property": { + "color": "#576ddb", + "weight": "normal" + }, + "enum": { + "color": "#aa573c", + "weight": "normal" + }, + "operator": { + "color": "#aa573c", + "weight": "normal" + }, + "string": { + "color": "#aa573c", + "weight": "normal" + }, + "number": { + "color": "#2a9292", + "weight": "normal" + }, + "boolean": { + "color": "#2a9292", + "weight": "normal" + }, + "predictive": { + "color": "#8b8792", + "weight": "normal" + }, + "title": { + "color": "#a06e3b", + "weight": "bold" + }, + "emphasis": { + "color": "#576ddb", + "weight": "normal" + }, + "emphasis.strong": { + "color": "#576ddb", + "weight": "bold" + }, + "link_uri": { + "color": "#2a9292", + "weight": "normal", + "underline": true + }, + "link_text": { + "color": "#aa573c", + "weight": "normal", + "italic": true + } + } + }, + "project_diagnostics": { + "tab_icon_spacing": 4, + "tab_icon_width": 13, + "tab_summary_spacing": 10, + "empty_message": { + "family": "Zed Sans", + "color": "#e2dfe7", + "size": 18 + }, + "status_bar_item": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "margin": { + "right": 10 + } + } + }, + "command_palette": { + "keystroke_spacing": 8, + "key": { + "text": { + "family": "Zed Mono", + "color": "#8b8792", + "size": 12 + }, + "corner_radius": 4, + "background": "#19171c", + "border": { + "color": "#26232a", + "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": "#8b8792", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#8b8792", + "size": 14 + } + }, + "hovered_entry": { + "height": 22, + "background": "#655f6d", + "icon_color": "#8b8792", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#8b8792", + "size": 14 + } + }, + "selected_entry": { + "height": 22, + "icon_color": "#8b8792", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#e2dfe7", + "size": 14 + } + }, + "hovered_selected_entry": { + "height": 22, + "background": "#655f6d", + "icon_color": "#8b8792", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#e2dfe7", + "size": 14 + } + } + }, + "chat_panel": { + "padding": { + "top": 12, + "left": 12, + "bottom": 12, + "right": 12 + }, + "channel_name": { + "family": "Zed Sans", + "color": "#e2dfe7", + "weight": "bold", + "size": 14 + }, + "channel_name_hash": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "padding": { + "right": 8 + } + }, + "channel_select": { + "header": { + "name": { + "family": "Zed Sans", + "color": "#e2dfe7", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 0 + }, + "hash": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "item": { + "name": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_item": { + "name": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#655f6d", + "corner_radius": 6 + }, + "active_item": { + "name": { + "family": "Zed Sans", + "color": "#e2dfe7", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_active_item": { + "name": { + "family": "Zed Sans", + "color": "#e2dfe7", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#655f6d", + "corner_radius": 6 + }, + "menu": { + "background": "#19171c", + "corner_radius": 6, + "padding": 4, + "border": { + "color": "#19171c", + "width": 1 + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + } + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#8b8792", + "underline": true, + "size": 14 + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#e2dfe7", + "underline": true, + "size": 14 + }, + "message": { + "body": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#e2dfe7", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "pending_message": { + "body": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#8b8792", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "input_editor": { + "background": "#19171c", + "corner_radius": 6, + "text": { + "family": "Zed Mono", + "color": "#e2dfe7", + "size": 14 + }, + "placeholder_text": { + "family": "Zed Mono", + "color": "#7e7887", + "size": 14 + }, + "selection": { + "cursor": "#576ddb", + "selection": "#576ddb3d" + }, + "border": { + "color": "#26232a", + "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": "#655f6d", + "tree_branch_width": 1, + "host_avatar": { + "corner_radius": 10, + "width": 18 + }, + "host_username": { + "family": "Zed Mono", + "color": "#e2dfe7", + "size": 14, + "padding": { + "left": 8 + } + }, + "project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#7e7887", + "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": "#8b8792", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#26232a", + "corner_radius": 6 + }, + "hovered_shared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#8b8792", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#655f6d", + "corner_radius": 6 + }, + "unshared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#7e7887", + "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": "#7e7887", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "corner_radius": 6 + } + }, + "search": { + "match_background": "#955ae780", + "tab_icon_spacing": 8, + "tab_icon_width": 14, + "active_hovered_option_button": { + "family": "Zed Mono", + "color": "#efecf4", + "size": 14, + "background": "#655f6d", + "corner_radius": 4, + "border": { + "color": "#655f6d", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "active_option_button": { + "family": "Zed Mono", + "color": "#efecf4", + "size": 14, + "background": "#655f6d", + "corner_radius": 4, + "border": { + "color": "#655f6d", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "editor": { + "background": "#19171c", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#7e7887", + "size": 14 + }, + "selection": { + "cursor": "#576ddb", + "selection": "#576ddb3d" + }, + "text": { + "family": "Zed Mono", + "color": "#efecf4", + "size": 14 + }, + "border": { + "color": "#26232a", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "hovered_option_button": { + "family": "Zed Mono", + "color": "#efecf4", + "size": 14, + "background": "#26232a", + "corner_radius": 4, + "border": { + "color": "#655f6d", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "invalid_editor": { + "background": "#19171c", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#7e7887", + "size": 14 + }, + "selection": { + "cursor": "#576ddb", + "selection": "#576ddb3d" + }, + "text": { + "family": "Zed Mono", + "color": "#efecf4", + "size": 14 + }, + "border": { + "color": "#be4678", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "match_index": { + "family": "Zed Mono", + "color": "#8b8792", + "size": 14, + "padding": 6 + }, + "option_button": { + "family": "Zed Mono", + "color": "#8b8792", + "size": 14, + "background": "#26232a", + "corner_radius": 4, + "border": { + "color": "#26232a", + "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": "#e2dfe7", + "size": 18 + } + }, + "breadcrumbs": { + "family": "Zed Sans", + "color": "#8b8792", + "size": 14, + "padding": { + "left": 6 + } + } +} \ No newline at end of file diff --git a/assets/themes/cave-light.json b/assets/themes/cave-light.json new file mode 100644 index 0000000000000000000000000000000000000000..c228739ac0347cdea2b8fde4da893afb83199214 --- /dev/null +++ b/assets/themes/cave-light.json @@ -0,0 +1,1396 @@ +{ + "selector": { + "background": "#e2dfe7", + "corner_radius": 8, + "padding": 8, + "item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#576ddb", + "weight": "bold", + "size": 14 + } + }, + "active_item": { + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 4 + }, + "corner_radius": 8, + "text": { + "family": "Zed Sans", + "color": "#26232a", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#576ddb", + "weight": "bold", + "size": 14 + }, + "background": "#7e7887" + }, + "border": { + "color": "#efecf4", + "width": 1 + }, + "empty": { + "text": { + "family": "Zed Sans", + "color": "#655f6d", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 12, + "right": 12, + "top": 8 + } + }, + "input_editor": { + "background": "#efecf4", + "corner_radius": 8, + "placeholder_text": { + "family": "Zed Sans", + "color": "#655f6d", + "size": 14 + }, + "selection": { + "cursor": "#576ddb", + "selection": "#576ddb3d" + }, + "text": { + "family": "Zed Mono", + "color": "#26232a", + "size": 14 + }, + "border": { + "color": "#e2dfe7", + "width": 1 + }, + "padding": { + "bottom": 7, + "left": 16, + "right": 16, + "top": 7 + } + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + }, + "workspace": { + "background": "#e2dfe7", + "leader_border_opacity": 0.7, + "leader_border_width": 2, + "tab": { + "height": 32, + "background": "#e2dfe7", + "icon_close": "#585260", + "icon_close_active": "#19171c", + "icon_conflict": "#a06e3b", + "icon_dirty": "#576ddb", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "border": { + "color": "#efecf4", + "width": 1, + "left": true, + "bottom": true, + "overlay": true + }, + "padding": { + "left": 8, + "right": 8 + } + }, + "active_tab": { + "height": 32, + "background": "#efecf4", + "icon_close": "#585260", + "icon_close_active": "#19171c", + "icon_conflict": "#a06e3b", + "icon_dirty": "#576ddb", + "icon_width": 8, + "spacing": 8, + "text": { + "family": "Zed Sans", + "color": "#19171c", + "size": 14 + }, + "border": { + "color": "#efecf4", + "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": "#e2dfe7", + "border": { + "color": "#efecf4", + "width": 1, + "right": true + }, + "item": { + "height": 32, + "icon_color": "#585260", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#19171c", + "icon_size": 18 + }, + "resize_handle": { + "background": "#efecf4", + "padding": { + "left": 1 + } + } + }, + "right_sidebar": { + "width": 30, + "background": "#e2dfe7", + "border": { + "color": "#efecf4", + "width": 1, + "left": true + }, + "item": { + "height": 32, + "icon_color": "#585260", + "icon_size": 18 + }, + "active_item": { + "height": 32, + "icon_color": "#19171c", + "icon_size": 18 + }, + "resize_handle": { + "background": "#efecf4", + "padding": { + "left": 1 + } + } + }, + "pane_divider": { + "color": "#e2dfe7", + "width": 1 + }, + "status_bar": { + "height": 24, + "item_spacing": 8, + "padding": { + "left": 6, + "right": 6 + }, + "border": { + "color": "#efecf4", + "width": 1, + "top": true, + "overlay": true + }, + "cursor_position": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "diagnostic_message": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "lsp_message": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "auto_update_progress_message": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "auto_update_done_message": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + } + }, + "titlebar": { + "avatar_width": 18, + "height": 32, + "background": "#e2dfe7", + "share_icon_color": "#585260", + "share_icon_active_color": "#576ddb", + "title": { + "family": "Zed Sans", + "color": "#26232a", + "size": 14 + }, + "avatar": { + "corner_radius": 10, + "border": { + "color": "#00000088", + "width": 1 + } + }, + "avatar_ribbon": { + "height": 3, + "width": 12 + }, + "border": { + "color": "#efecf4", + "width": 1, + "bottom": true + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#585260", + "size": 12, + "border": { + "color": "#efecf4", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#19171c", + "size": 12, + "border": { + "color": "#efecf4", + "width": 1 + }, + "corner_radius": 6, + "margin": { + "top": 1, + "right": 6 + }, + "padding": { + "left": 6, + "right": 6 + } + }, + "offline_icon": { + "color": "#585260", + "width": 16, + "padding": { + "right": 4 + } + }, + "outdated_warning": { + "family": "Zed Sans", + "color": "#a06e3b", + "size": 13 + } + }, + "toolbar": { + "height": 34, + "background": "#efecf4", + "border": { + "color": "#e2dfe7", + "width": 1, + "bottom": true + }, + "item_spacing": 8, + "padding": { + "left": 16, + "right": 8, + "top": 4, + "bottom": 4 + } + }, + "breadcrumbs": { + "family": "Zed Mono", + "color": "#585260", + "size": 14, + "padding": { + "left": 6 + } + }, + "disconnected_overlay": { + "family": "Zed Sans", + "color": "#19171c", + "size": 14, + "background": "#000000aa" + } + }, + "editor": { + "text_color": "#19171c", + "background": "#efecf4", + "active_line_background": "#19171c12", + "code_actions_indicator": "#585260", + "diff_background_deleted": "#be4678", + "diff_background_inserted": "#2a9292", + "document_highlight_read_background": "#efecf41f", + "document_highlight_write_background": "#efecf429", + "error_color": "#be4678", + "gutter_background": "#efecf4", + "gutter_padding_factor": 3.5, + "highlighted_line_background": "#19171c1f", + "line_number": "#655f6d", + "line_number_active": "#19171c", + "rename_fade": 0.6, + "unnecessary_code_fade": 0.5, + "selection": { + "cursor": "#576ddb", + "selection": "#576ddb3d" + }, + "guest_selections": [ + { + "cursor": "#2a9292", + "selection": "#2a92923d" + }, + { + "cursor": "#bf40bf", + "selection": "#bf40bf3d" + }, + { + "cursor": "#aa573c", + "selection": "#aa573c3d" + }, + { + "cursor": "#955ae7", + "selection": "#955ae73d" + }, + { + "cursor": "#398bc6", + "selection": "#398bc63d" + }, + { + "cursor": "#be4678", + "selection": "#be46783d" + }, + { + "cursor": "#a06e3b", + "selection": "#a06e3b3d" + } + ], + "autocomplete": { + "background": "#efecf4", + "corner_radius": 8, + "padding": 4, + "border": { + "color": "#e2dfe7", + "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": "#e2dfe7" + }, + "margin": { + "left": -14 + }, + "match_highlight": { + "family": "Zed Mono", + "color": "#576ddb", + "size": 14 + }, + "selected_item": { + "corner_radius": 6, + "padding": { + "bottom": 2, + "left": 6, + "right": 6, + "top": 2 + }, + "background": "#e2dfe7" + } + }, + "diagnostic_header": { + "background": "#e2dfe7", + "icon_width_factor": 1.5, + "text_scale_factor": 0.857, + "border": { + "color": "#e2dfe7", + "width": 1, + "bottom": true, + "top": true + }, + "code": { + "family": "Zed Mono", + "color": "#585260", + "size": 14, + "margin": { + "left": 10 + } + }, + "message": { + "highlight_text": { + "family": "Zed Sans", + "color": "#26232a", + "size": 14, + "weight": "bold" + }, + "text": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + } + } + }, + "diagnostic_path_header": { + "background": "#19171c12", + "text_scale_factor": 0.857, + "filename": { + "family": "Zed Mono", + "color": "#26232a", + "size": 14 + }, + "path": { + "family": "Zed Mono", + "color": "#585260", + "size": 14, + "margin": { + "left": 12 + } + } + }, + "error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#efecf4", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#be4678", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#be4678", + "size": 14, + "weight": "bold" + } + } + }, + "warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#efecf4", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#a06e3b", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#a06e3b", + "size": 14, + "weight": "bold" + } + } + }, + "information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#efecf4", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#576ddb", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#576ddb", + "size": 14, + "weight": "bold" + } + } + }, + "hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#efecf4", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#576ddb", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#576ddb", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_error_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#efecf4", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_hint_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#efecf4", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_information_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#efecf4", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "weight": "bold" + } + } + }, + "invalid_warning_diagnostic": { + "text_scale_factor": 0.857, + "header": { + "border": { + "color": "#efecf4", + "width": 1, + "top": true + } + }, + "message": { + "text": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "highlight_text": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "weight": "bold" + } + } + }, + "syntax": { + "primary": { + "color": "#19171c", + "weight": "normal" + }, + "comment": { + "color": "#585260", + "weight": "normal" + }, + "punctuation": { + "color": "#585260", + "weight": "normal" + }, + "constant": { + "color": "#655f6d", + "weight": "normal" + }, + "keyword": { + "color": "#576ddb", + "weight": "normal" + }, + "function": { + "color": "#a06e3b", + "weight": "normal" + }, + "type": { + "color": "#398bc6", + "weight": "normal" + }, + "variant": { + "color": "#576ddb", + "weight": "normal" + }, + "property": { + "color": "#576ddb", + "weight": "normal" + }, + "enum": { + "color": "#aa573c", + "weight": "normal" + }, + "operator": { + "color": "#aa573c", + "weight": "normal" + }, + "string": { + "color": "#aa573c", + "weight": "normal" + }, + "number": { + "color": "#2a9292", + "weight": "normal" + }, + "boolean": { + "color": "#2a9292", + "weight": "normal" + }, + "predictive": { + "color": "#585260", + "weight": "normal" + }, + "title": { + "color": "#a06e3b", + "weight": "bold" + }, + "emphasis": { + "color": "#576ddb", + "weight": "normal" + }, + "emphasis.strong": { + "color": "#576ddb", + "weight": "bold" + }, + "link_uri": { + "color": "#2a9292", + "weight": "normal", + "underline": true + }, + "link_text": { + "color": "#aa573c", + "weight": "normal", + "italic": true + } + } + }, + "project_diagnostics": { + "tab_icon_spacing": 4, + "tab_icon_width": 13, + "tab_summary_spacing": 10, + "empty_message": { + "family": "Zed Sans", + "color": "#26232a", + "size": 18 + }, + "status_bar_item": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "margin": { + "right": 10 + } + } + }, + "command_palette": { + "keystroke_spacing": 8, + "key": { + "text": { + "family": "Zed Mono", + "color": "#585260", + "size": 12 + }, + "corner_radius": 4, + "background": "#efecf4", + "border": { + "color": "#e2dfe7", + "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": "#585260", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#585260", + "size": 14 + } + }, + "hovered_entry": { + "height": 22, + "background": "#7e7887", + "icon_color": "#585260", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#585260", + "size": 14 + } + }, + "selected_entry": { + "height": 22, + "icon_color": "#585260", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#26232a", + "size": 14 + } + }, + "hovered_selected_entry": { + "height": 22, + "background": "#7e7887", + "icon_color": "#585260", + "icon_size": 8, + "icon_spacing": 8, + "text": { + "family": "Zed Mono", + "color": "#26232a", + "size": 14 + } + } + }, + "chat_panel": { + "padding": { + "top": 12, + "left": 12, + "bottom": 12, + "right": 12 + }, + "channel_name": { + "family": "Zed Sans", + "color": "#26232a", + "weight": "bold", + "size": 14 + }, + "channel_name_hash": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "padding": { + "right": 8 + } + }, + "channel_select": { + "header": { + "name": { + "family": "Zed Sans", + "color": "#26232a", + "size": 14 + }, + "padding": { + "bottom": 4, + "left": 0 + }, + "hash": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "item": { + "name": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_item": { + "name": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#7e7887", + "corner_radius": 6 + }, + "active_item": { + "name": { + "family": "Zed Sans", + "color": "#26232a", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "margin": { + "right": 8 + } + }, + "corner_radius": 0 + }, + "hovered_active_item": { + "name": { + "family": "Zed Sans", + "color": "#26232a", + "size": 14 + }, + "padding": 4, + "hash": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "margin": { + "right": 8 + } + }, + "background": "#7e7887", + "corner_radius": 6 + }, + "menu": { + "background": "#efecf4", + "corner_radius": 6, + "padding": 4, + "border": { + "color": "#efecf4", + "width": 1 + }, + "shadow": { + "blur": 16, + "color": "#00000052", + "offset": [ + 0, + 2 + ] + } + } + }, + "sign_in_prompt": { + "family": "Zed Sans", + "color": "#585260", + "underline": true, + "size": 14 + }, + "hovered_sign_in_prompt": { + "family": "Zed Sans", + "color": "#26232a", + "underline": true, + "size": 14 + }, + "message": { + "body": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#26232a", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "pending_message": { + "body": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "timestamp": { + "family": "Zed Sans", + "color": "#585260", + "size": 14 + }, + "padding": { + "bottom": 6 + }, + "sender": { + "family": "Zed Sans", + "color": "#585260", + "weight": "bold", + "size": 14, + "margin": { + "right": 8 + } + } + }, + "input_editor": { + "background": "#efecf4", + "corner_radius": 6, + "text": { + "family": "Zed Mono", + "color": "#26232a", + "size": 14 + }, + "placeholder_text": { + "family": "Zed Mono", + "color": "#655f6d", + "size": 14 + }, + "selection": { + "cursor": "#576ddb", + "selection": "#576ddb3d" + }, + "border": { + "color": "#e2dfe7", + "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": "#7e7887", + "tree_branch_width": 1, + "host_avatar": { + "corner_radius": 10, + "width": 18 + }, + "host_username": { + "family": "Zed Mono", + "color": "#26232a", + "size": 14, + "padding": { + "left": 8 + } + }, + "project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#655f6d", + "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": "#585260", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#e2dfe7", + "corner_radius": 6 + }, + "hovered_shared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#585260", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "background": "#7e7887", + "corner_radius": 6 + }, + "unshared_project": { + "guest_avatar_spacing": 4, + "height": 24, + "guest_avatar": { + "corner_radius": 8, + "width": 14 + }, + "name": { + "family": "Zed Mono", + "color": "#655f6d", + "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": "#655f6d", + "size": 14, + "margin": { + "right": 6 + } + }, + "padding": { + "left": 8 + }, + "corner_radius": 6 + } + }, + "search": { + "match_background": "#955ae780", + "tab_icon_spacing": 8, + "tab_icon_width": 14, + "active_hovered_option_button": { + "family": "Zed Mono", + "color": "#19171c", + "size": 14, + "background": "#7e7887", + "corner_radius": 4, + "border": { + "color": "#7e7887", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "active_option_button": { + "family": "Zed Mono", + "color": "#19171c", + "size": 14, + "background": "#7e7887", + "corner_radius": 4, + "border": { + "color": "#7e7887", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "editor": { + "background": "#efecf4", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#655f6d", + "size": 14 + }, + "selection": { + "cursor": "#576ddb", + "selection": "#576ddb3d" + }, + "text": { + "family": "Zed Mono", + "color": "#19171c", + "size": 14 + }, + "border": { + "color": "#e2dfe7", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "hovered_option_button": { + "family": "Zed Mono", + "color": "#19171c", + "size": 14, + "background": "#e2dfe7", + "corner_radius": 4, + "border": { + "color": "#7e7887", + "width": 1 + }, + "margin": { + "left": 2, + "right": 2 + }, + "padding": { + "bottom": 3, + "left": 8, + "right": 8, + "top": 3 + } + }, + "invalid_editor": { + "background": "#efecf4", + "corner_radius": 8, + "min_width": 200, + "max_width": 500, + "placeholder_text": { + "family": "Zed Mono", + "color": "#655f6d", + "size": 14 + }, + "selection": { + "cursor": "#576ddb", + "selection": "#576ddb3d" + }, + "text": { + "family": "Zed Mono", + "color": "#19171c", + "size": 14 + }, + "border": { + "color": "#be4678", + "width": 1 + }, + "margin": { + "right": 6 + }, + "padding": { + "top": 3, + "bottom": 3, + "left": 12, + "right": 8 + } + }, + "match_index": { + "family": "Zed Mono", + "color": "#585260", + "size": 14, + "padding": 6 + }, + "option_button": { + "family": "Zed Mono", + "color": "#585260", + "size": 14, + "background": "#e2dfe7", + "corner_radius": 4, + "border": { + "color": "#e2dfe7", + "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": "#26232a", + "size": 18 + } + }, + "breadcrumbs": { + "family": "Zed Sans", + "color": "#585260", + "size": 14, + "padding": { + "left": 6 + } + } +} \ No newline at end of file diff --git a/styles/src/buildThemes.ts b/styles/src/buildThemes.ts index 90ed441fa422c8758c09fcafbbd406c1f3c051c3..d9018533f1358cf652788c8537f59e09eb86d75d 100644 --- a/styles/src/buildThemes.ts +++ b/styles/src/buildThemes.ts @@ -1,6 +1,8 @@ import * as fs from "fs"; import * as path from "path"; import app from "./styleTree/app"; +import caveDark from "./themes/cave-dark"; +import caveLight from "./themes/cave-light"; import dark from "./themes/dark"; import light from "./themes/light"; import solarizedDark from "./themes/solarized-dark"; @@ -11,6 +13,7 @@ import snakeCase from "./utils/snakeCase"; const themes = [ dark, light, + caveDark, caveLight, solarizedDark, solarizedLight, sulphurpoolDark, sulphurpoolLight ]; diff --git a/styles/src/themes/cave-dark.ts b/styles/src/themes/cave-dark.ts new file mode 100644 index 0000000000000000000000000000000000000000..47357a9069d14ee7809e39a7752c2d78c9639f4c --- /dev/null +++ b/styles/src/themes/cave-dark.ts @@ -0,0 +1,3 @@ +import { cave } from "./cave"; + +export default cave(true); diff --git a/styles/src/themes/cave-light.ts b/styles/src/themes/cave-light.ts new file mode 100644 index 0000000000000000000000000000000000000000..f892e65784eb4abfb5b15d66e78e7029b0c5d3d4 --- /dev/null +++ b/styles/src/themes/cave-light.ts @@ -0,0 +1,3 @@ +import { cave } from "./cave"; + +export default cave(false); \ No newline at end of file diff --git a/styles/src/themes/cave.ts b/styles/src/themes/cave.ts new file mode 100644 index 0000000000000000000000000000000000000000..15baf1bb592af78449206205aafe0efd9d0c5ec3 --- /dev/null +++ b/styles/src/themes/cave.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("#19171c"), + 1: color("#26232a"), + 2: color("#585260"), + 3: color("#655f6d"), +}; +// Light: 0 == Lightest, 3 == Darkest +const light = { + 0: color("#efecf4"), + 1: color("#e2dfe7"), + 2: color("#8b8792"), + 3: color("#7e7887"), +}; + +const colors = { + "red": color("#be4678"), + "orange": color("#aa573c"), + "yellow": color("#a06e3b"), + "green": color("#2a9292"), + "cyan": color("#398bc6"), + "blue": color("#576ddb"), + "violet": color("#955ae7"), + "magenta": color("#bf40bf"), +}; + +export function cave(darkTheme: boolean): Theme { + let fg = darkTheme ? light : dark; + let bg = darkTheme ? dark : light; + let name = darkTheme ? "cave-dark" : "cave-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 From a2591ce1e2c5c4a4feb39a90b1dfd9c0fe175b9a Mon Sep 17 00:00:00 2001 From: Nate Butler Date: Mon, 25 Apr 2022 19:11:38 -0400 Subject: [PATCH 4/4] Create common base16 theme constructor Co-Authored-By: Keith Simmons Co-Authored-By: Max Brunsfeld --- assets/themes/cave-dark.json | 12 +- assets/themes/cave-light.json | 16 +- assets/themes/solarized-dark.json | 12 +- assets/themes/solarized-light.json | 16 +- assets/themes/sulphurpool-dark.json | 12 +- assets/themes/sulphurpool-light.json | 16 +- styles/src/buildThemes.ts | 9 +- styles/src/buildTokens.ts | 4 +- styles/src/themes/base16.ts | 242 +++++++++++++++++++++++ styles/src/themes/cave-dark.ts | 3 - styles/src/themes/cave-light.ts | 3 - styles/src/themes/cave.ts | 262 ++----------------------- styles/src/themes/solarized-dark.ts | 3 - styles/src/themes/solarized-light.ts | 3 - styles/src/themes/solarized.ts | 262 ++----------------------- styles/src/themes/sulphurpool-dark.ts | 3 - styles/src/themes/sulphurpool-light.ts | 3 - styles/src/themes/sulphurpool.ts | 262 ++----------------------- 18 files changed, 339 insertions(+), 804 deletions(-) create mode 100644 styles/src/themes/base16.ts delete mode 100644 styles/src/themes/cave-dark.ts delete mode 100644 styles/src/themes/cave-light.ts delete mode 100644 styles/src/themes/solarized-dark.ts delete mode 100644 styles/src/themes/solarized-light.ts delete mode 100644 styles/src/themes/sulphurpool-dark.ts delete mode 100644 styles/src/themes/sulphurpool-light.ts diff --git a/assets/themes/cave-dark.json b/assets/themes/cave-dark.json index b9814782df8f04da4dc4b44e288b9e27b4f7906a..e9cc43c60e1ac59a6769140fd547004e8f78f921 100644 --- a/assets/themes/cave-dark.json +++ b/assets/themes/cave-dark.json @@ -42,7 +42,7 @@ "weight": "bold", "size": 14 }, - "background": "#655f6d" + "background": "#5852607a" }, "border": { "color": "#19171c", @@ -837,7 +837,7 @@ }, "hovered_entry": { "height": 22, - "background": "#655f6d", + "background": "#58526052", "icon_color": "#8b8792", "icon_size": 8, "icon_spacing": 8, @@ -860,7 +860,7 @@ }, "hovered_selected_entry": { "height": 22, - "background": "#655f6d", + "background": "#58526052", "icon_color": "#8b8792", "icon_size": 8, "icon_spacing": 8, @@ -945,7 +945,7 @@ "right": 8 } }, - "background": "#655f6d", + "background": "#58526052", "corner_radius": 6 }, "active_item": { @@ -980,7 +980,7 @@ "right": 8 } }, - "background": "#655f6d", + "background": "#58526052", "corner_radius": 6 }, "menu": { @@ -1170,7 +1170,7 @@ "padding": { "left": 8 }, - "background": "#655f6d", + "background": "#58526052", "corner_radius": 6 }, "unshared_project": { diff --git a/assets/themes/cave-light.json b/assets/themes/cave-light.json index c228739ac0347cdea2b8fde4da893afb83199214..be85aea689a8c7fbd6f29354834587360134d19e 100644 --- a/assets/themes/cave-light.json +++ b/assets/themes/cave-light.json @@ -42,7 +42,7 @@ "weight": "bold", "size": 14 }, - "background": "#7e7887" + "background": "#8b87922e" }, "border": { "color": "#efecf4", @@ -91,7 +91,7 @@ }, "shadow": { "blur": 16, - "color": "#00000052", + "color": "#0000001f", "offset": [ 0, 2 @@ -837,7 +837,7 @@ }, "hovered_entry": { "height": 22, - "background": "#7e7887", + "background": "#8b87921f", "icon_color": "#585260", "icon_size": 8, "icon_spacing": 8, @@ -860,7 +860,7 @@ }, "hovered_selected_entry": { "height": 22, - "background": "#7e7887", + "background": "#8b87921f", "icon_color": "#585260", "icon_size": 8, "icon_spacing": 8, @@ -945,7 +945,7 @@ "right": 8 } }, - "background": "#7e7887", + "background": "#8b87921f", "corner_radius": 6 }, "active_item": { @@ -980,7 +980,7 @@ "right": 8 } }, - "background": "#7e7887", + "background": "#8b87921f", "corner_radius": 6 }, "menu": { @@ -993,7 +993,7 @@ }, "shadow": { "blur": 16, - "color": "#00000052", + "color": "#0000001f", "offset": [ 0, 2 @@ -1170,7 +1170,7 @@ "padding": { "left": 8 }, - "background": "#7e7887", + "background": "#8b87921f", "corner_radius": 6 }, "unshared_project": { diff --git a/assets/themes/solarized-dark.json b/assets/themes/solarized-dark.json index 60d6caded79ae76b9cb3c3578de6dcb78fec653a..8c90d26574cc6625aa66b7dd0522f7ec213dc9ee 100644 --- a/assets/themes/solarized-dark.json +++ b/assets/themes/solarized-dark.json @@ -42,7 +42,7 @@ "weight": "bold", "size": 14 }, - "background": "#657b83" + "background": "#586e757a" }, "border": { "color": "#002b36", @@ -837,7 +837,7 @@ }, "hovered_entry": { "height": 22, - "background": "#657b83", + "background": "#586e7552", "icon_color": "#93a1a1", "icon_size": 8, "icon_spacing": 8, @@ -860,7 +860,7 @@ }, "hovered_selected_entry": { "height": 22, - "background": "#657b83", + "background": "#586e7552", "icon_color": "#93a1a1", "icon_size": 8, "icon_spacing": 8, @@ -945,7 +945,7 @@ "right": 8 } }, - "background": "#657b83", + "background": "#586e7552", "corner_radius": 6 }, "active_item": { @@ -980,7 +980,7 @@ "right": 8 } }, - "background": "#657b83", + "background": "#586e7552", "corner_radius": 6 }, "menu": { @@ -1170,7 +1170,7 @@ "padding": { "left": 8 }, - "background": "#657b83", + "background": "#586e7552", "corner_radius": 6 }, "unshared_project": { diff --git a/assets/themes/solarized-light.json b/assets/themes/solarized-light.json index 11c16fb35056ac33247709dddcc8c03f411b27a7..772c3e5870ca542b2b8fe4b37fb94ee452a59ae6 100644 --- a/assets/themes/solarized-light.json +++ b/assets/themes/solarized-light.json @@ -42,7 +42,7 @@ "weight": "bold", "size": 14 }, - "background": "#839496" + "background": "#93a1a12e" }, "border": { "color": "#fdf6e3", @@ -91,7 +91,7 @@ }, "shadow": { "blur": 16, - "color": "#00000052", + "color": "#0000001f", "offset": [ 0, 2 @@ -837,7 +837,7 @@ }, "hovered_entry": { "height": 22, - "background": "#839496", + "background": "#93a1a11f", "icon_color": "#586e75", "icon_size": 8, "icon_spacing": 8, @@ -860,7 +860,7 @@ }, "hovered_selected_entry": { "height": 22, - "background": "#839496", + "background": "#93a1a11f", "icon_color": "#586e75", "icon_size": 8, "icon_spacing": 8, @@ -945,7 +945,7 @@ "right": 8 } }, - "background": "#839496", + "background": "#93a1a11f", "corner_radius": 6 }, "active_item": { @@ -980,7 +980,7 @@ "right": 8 } }, - "background": "#839496", + "background": "#93a1a11f", "corner_radius": 6 }, "menu": { @@ -993,7 +993,7 @@ }, "shadow": { "blur": 16, - "color": "#00000052", + "color": "#0000001f", "offset": [ 0, 2 @@ -1170,7 +1170,7 @@ "padding": { "left": 8 }, - "background": "#839496", + "background": "#93a1a11f", "corner_radius": 6 }, "unshared_project": { diff --git a/assets/themes/sulphurpool-dark.json b/assets/themes/sulphurpool-dark.json index 95fa9c21d7a7fa9f41f7ba19d2313a02c0e4a33d..b96ca48b9852abc9787cd43b4e8c122697d9116e 100644 --- a/assets/themes/sulphurpool-dark.json +++ b/assets/themes/sulphurpool-dark.json @@ -42,7 +42,7 @@ "weight": "bold", "size": 14 }, - "background": "#6b7394" + "background": "#5e66877a" }, "border": { "color": "#202746", @@ -837,7 +837,7 @@ }, "hovered_entry": { "height": 22, - "background": "#6b7394", + "background": "#5e668752", "icon_color": "#979db4", "icon_size": 8, "icon_spacing": 8, @@ -860,7 +860,7 @@ }, "hovered_selected_entry": { "height": 22, - "background": "#6b7394", + "background": "#5e668752", "icon_color": "#979db4", "icon_size": 8, "icon_spacing": 8, @@ -945,7 +945,7 @@ "right": 8 } }, - "background": "#6b7394", + "background": "#5e668752", "corner_radius": 6 }, "active_item": { @@ -980,7 +980,7 @@ "right": 8 } }, - "background": "#6b7394", + "background": "#5e668752", "corner_radius": 6 }, "menu": { @@ -1170,7 +1170,7 @@ "padding": { "left": 8 }, - "background": "#6b7394", + "background": "#5e668752", "corner_radius": 6 }, "unshared_project": { diff --git a/assets/themes/sulphurpool-light.json b/assets/themes/sulphurpool-light.json index 27c522cd959d464795e0a0493f42a9830d5c0315..dfc8c6b67b009347ccfbee51b5b15fb83f629bc3 100644 --- a/assets/themes/sulphurpool-light.json +++ b/assets/themes/sulphurpool-light.json @@ -42,7 +42,7 @@ "weight": "bold", "size": 14 }, - "background": "#898ea4" + "background": "#979db42e" }, "border": { "color": "#f5f7ff", @@ -91,7 +91,7 @@ }, "shadow": { "blur": 16, - "color": "#00000052", + "color": "#0000001f", "offset": [ 0, 2 @@ -837,7 +837,7 @@ }, "hovered_entry": { "height": 22, - "background": "#898ea4", + "background": "#979db41f", "icon_color": "#5e6687", "icon_size": 8, "icon_spacing": 8, @@ -860,7 +860,7 @@ }, "hovered_selected_entry": { "height": 22, - "background": "#898ea4", + "background": "#979db41f", "icon_color": "#5e6687", "icon_size": 8, "icon_spacing": 8, @@ -945,7 +945,7 @@ "right": 8 } }, - "background": "#898ea4", + "background": "#979db41f", "corner_radius": 6 }, "active_item": { @@ -980,7 +980,7 @@ "right": 8 } }, - "background": "#898ea4", + "background": "#979db41f", "corner_radius": 6 }, "menu": { @@ -993,7 +993,7 @@ }, "shadow": { "blur": 16, - "color": "#00000052", + "color": "#0000001f", "offset": [ 0, 2 @@ -1170,7 +1170,7 @@ "padding": { "left": 8 }, - "background": "#898ea4", + "background": "#979db41f", "corner_radius": 6 }, "unshared_project": { diff --git a/styles/src/buildThemes.ts b/styles/src/buildThemes.ts index d9018533f1358cf652788c8537f59e09eb86d75d..2f2d35dcf1c92682d2dfaba6e28a2a64e066e5fa 100644 --- a/styles/src/buildThemes.ts +++ b/styles/src/buildThemes.ts @@ -1,14 +1,11 @@ import * as fs from "fs"; import * as path from "path"; import app from "./styleTree/app"; -import caveDark from "./themes/cave-dark"; -import caveLight from "./themes/cave-light"; +import { dark as caveDark, light as caveLight } from "./themes/cave"; 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 { dark as solarizedDark, light as solarizedLight } from "./themes/solarized"; +import { dark as sulphurpoolDark, light as sulphurpoolLight } from "./themes/sulphurpool"; import snakeCase from "./utils/snakeCase"; const themes = [ diff --git a/styles/src/buildTokens.ts b/styles/src/buildTokens.ts index 98c36410ca4e588a27178e0409980e0b00fd34b5..ceedd27b2176d2d3003163d7f949cb1ec2741819 100644 --- a/styles/src/buildTokens.ts +++ b/styles/src/buildTokens.ts @@ -2,8 +2,6 @@ import * as fs from "fs"; import * as path from "path"; import dark from "./themes/dark"; import light from "./themes/light"; -import solarizedDark from "./themes/solarized-dark"; -import solarizedLight from "./themes/solarized-light"; import Theme from "./themes/theme"; import { colors, fontFamilies, fontSizes, fontWeights } from "./tokens"; @@ -98,7 +96,7 @@ combinedTokens.core = coreTokens; // Add each theme to the combined tokens and write ${theme}.json. // We write `${theme}.json` as a separate file for the design team's convenience, but it isn't consumed by Figma Tokens directly. -let themes = [dark, light, solarizedDark, solarizedLight]; +let themes = [dark, light]; themes.forEach((theme) => { const themePath = `${distPath}/${theme.name}.json` fs.writeFileSync(themePath, JSON.stringify(themeTokens(theme), null, 2)); diff --git a/styles/src/themes/base16.ts b/styles/src/themes/base16.ts new file mode 100644 index 0000000000000000000000000000000000000000..a472837dbe07ac2a245708efc0cca523a79463c7 --- /dev/null +++ b/styles/src/themes/base16.ts @@ -0,0 +1,242 @@ +import { ColorToken, fontWeights, NumberToken } from "../tokens"; +import { withOpacity } from "../utils/color"; +import Theme, { buildPlayer, Syntax } from "./theme"; + +export interface Accents { + "red": ColorToken, + "orange": ColorToken, + "yellow": ColorToken, + "green": ColorToken, + "cyan": ColorToken, + "blue": ColorToken, + "violet": ColorToken, + "magenta": ColorToken, +} + +export function createTheme(name: string, isLight: boolean, neutral: ColorToken[], accent: Accents): Theme { + if (isLight) { + neutral = [...neutral].reverse(); + } + let blend = isLight ? 0.12 : 0.32; + + const backgroundColor = { + 100: { + base: neutral[1], + hovered: withOpacity(neutral[2], blend), + active: withOpacity(neutral[2], blend * 1.5), + focused: neutral[2], + }, + 300: { + base: neutral[1], + hovered: withOpacity(neutral[2], blend), + active: withOpacity(neutral[2], blend * 1.5), + focused: neutral[2], + }, + 500: { + base: neutral[0], + hovered: neutral[1], + active: neutral[1], + focused: neutral[1], + }, + on300: { + base: neutral[0], + hovered: neutral[1], + active: neutral[1], + focused: neutral[1], + }, + on500: { + base: neutral[1], + hovered: neutral[3], + active: neutral[3], + focused: neutral[3], + }, + ok: { + base: accent.green, + hovered: accent.green, + active: accent.green, + focused: accent.green, + }, + error: { + base: accent.red, + hovered: accent.red, + active: accent.red, + focused: accent.red, + }, + warning: { + base: accent.yellow, + hovered: accent.yellow, + active: accent.yellow, + focused: accent.yellow, + }, + info: { + base: accent.blue, + hovered: accent.blue, + active: accent.blue, + focused: accent.blue, + }, + }; + + const borderColor = { + primary: neutral[0], + secondary: neutral[1], + muted: neutral[3], + focused: neutral[3], + active: neutral[3], + ok: accent.green, + error: accent.red, + warning: accent.yellow, + info: accent.blue, + }; + + const textColor = { + primary: neutral[6], + secondary: neutral[5], + muted: neutral[5], + placeholder: neutral[4], + active: neutral[7], + feature: accent.blue, + ok: accent.green, + error: accent.red, + warning: accent.yellow, + info: accent.blue, + }; + + const player = { + 1: buildPlayer(accent.blue), + 2: buildPlayer(accent.green), + 3: buildPlayer(accent.magenta), + 4: buildPlayer(accent.orange), + 5: buildPlayer(accent.violet), + 6: buildPlayer(accent.cyan), + 7: buildPlayer(accent.red), + 8: buildPlayer(accent.yellow), + }; + + const editor = { + background: backgroundColor[500].base, + indent_guide: borderColor.muted, + indent_guide_active: borderColor.secondary, + line: { + active: withOpacity(neutral[7], 0.07), + highlighted: withOpacity(neutral[7], 0.12), + inserted: backgroundColor.ok.active, + deleted: backgroundColor.error.active, + modified: backgroundColor.info.active, + }, + highlight: { + selection: player[1].selectionColor, + occurrence: withOpacity(neutral[0], 0.12), + activeOccurrence: withOpacity(neutral[0], 0.16), + matchingBracket: backgroundColor[500].active, + match: withOpacity(accent.violet, 0.5), + activeMatch: withOpacity(accent.violet, 0.7), + related: backgroundColor[500].focused, + }, + gutter: { + primary: textColor.placeholder, + active: textColor.active, + }, + }; + + const syntax: Syntax = { + primary: { + color: neutral[7], + weight: fontWeights.normal, + }, + comment: { + color: neutral[5], + weight: fontWeights.normal, + }, + punctuation: { + color: neutral[5], + weight: fontWeights.normal, + }, + constant: { + color: neutral[4], + weight: fontWeights.normal, + }, + keyword: { + color: accent.blue, + weight: fontWeights.normal, + }, + function: { + color: accent.yellow, + weight: fontWeights.normal, + }, + type: { + color: accent.cyan, + weight: fontWeights.normal, + }, + variant: { + color: accent.blue, + weight: fontWeights.normal, + }, + property: { + color: accent.blue, + weight: fontWeights.normal, + }, + enum: { + color: accent.orange, + weight: fontWeights.normal, + }, + operator: { + color: accent.orange, + weight: fontWeights.normal, + }, + string: { + color: accent.orange, + weight: fontWeights.normal, + }, + number: { + color: accent.green, + weight: fontWeights.normal, + }, + boolean: { + color: accent.green, + weight: fontWeights.normal, + }, + predictive: { + color: textColor.muted, + weight: fontWeights.normal, + }, + title: { + color: accent.yellow, + weight: fontWeights.bold, + }, + emphasis: { + color: textColor.feature, + weight: fontWeights.normal, + }, + "emphasis.strong": { + color: textColor.feature, + weight: fontWeights.bold, + }, + linkUri: { + color: accent.green, + weight: fontWeights.normal, + underline: true, + }, + linkText: { + color: accent.orange, + weight: fontWeights.normal, + italic: true, + }, + }; + + const shadowAlpha: NumberToken = { + value: blend, + type: "number", + }; + + return { + name, + backgroundColor, + borderColor, + textColor, + iconColor: textColor, + editor, + syntax, + player, + shadowAlpha, + }; +} \ No newline at end of file diff --git a/styles/src/themes/cave-dark.ts b/styles/src/themes/cave-dark.ts deleted file mode 100644 index 47357a9069d14ee7809e39a7752c2d78c9639f4c..0000000000000000000000000000000000000000 --- a/styles/src/themes/cave-dark.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { cave } from "./cave"; - -export default cave(true); diff --git a/styles/src/themes/cave-light.ts b/styles/src/themes/cave-light.ts deleted file mode 100644 index f892e65784eb4abfb5b15d66e78e7029b0c5d3d4..0000000000000000000000000000000000000000 --- a/styles/src/themes/cave-light.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { cave } from "./cave"; - -export default cave(false); \ No newline at end of file diff --git a/styles/src/themes/cave.ts b/styles/src/themes/cave.ts index 15baf1bb592af78449206205aafe0efd9d0c5ec3..681285dd12f923824f69d0260ba4ab0cb07f7e77 100644 --- a/styles/src/themes/cave.ts +++ b/styles/src/themes/cave.ts @@ -1,21 +1,18 @@ -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("#19171c"), - 1: color("#26232a"), - 2: color("#585260"), - 3: color("#655f6d"), -}; -// Light: 0 == Lightest, 3 == Darkest -const light = { - 0: color("#efecf4"), - 1: color("#e2dfe7"), - 2: color("#8b8792"), - 3: color("#7e7887"), -}; +import { createTheme } from "./base16"; +import { color } from "../tokens"; + +const name = "cave"; + +const neutrals = [ + color("#19171c"), + color("#26232a"), + color("#585260"), + color("#655f6d"), + color("#7e7887"), + color("#8b8792"), + color("#e2dfe7"), + color("#efecf4"), +]; const colors = { "red": color("#be4678"), @@ -28,230 +25,5 @@ const colors = { "magenta": color("#bf40bf"), }; -export function cave(darkTheme: boolean): Theme { - let fg = darkTheme ? light : dark; - let bg = darkTheme ? dark : light; - let name = darkTheme ? "cave-dark" : "cave-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 +export const dark = createTheme(`${name}-dark`, false, neutrals, colors); +export const light = createTheme(`${name}-light`, true, neutrals, colors); \ No newline at end of file diff --git a/styles/src/themes/solarized-dark.ts b/styles/src/themes/solarized-dark.ts deleted file mode 100644 index f54c525a2f4db765d134443a365f934744a9d3ff..0000000000000000000000000000000000000000 --- a/styles/src/themes/solarized-dark.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { solarized } from "./solarized"; - -export default solarized(true); diff --git a/styles/src/themes/solarized-light.ts b/styles/src/themes/solarized-light.ts deleted file mode 100644 index b954a63d81e53840ffcd1d31ac84395ea08c5f13..0000000000000000000000000000000000000000 --- a/styles/src/themes/solarized-light.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { solarized } from "./solarized"; - -export default solarized(false); \ No newline at end of file diff --git a/styles/src/themes/solarized.ts b/styles/src/themes/solarized.ts index 0e9e7896ef9c79c1af2c03deb4b5d44f0b40a8ff..6116c83d170c47c0aef53fe4e78c95959b37a195 100644 --- a/styles/src/themes/solarized.ts +++ b/styles/src/themes/solarized.ts @@ -1,21 +1,18 @@ -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("#002b36"), - 1: color("#073642"), - 2: color("#586e75"), - 3: color("#657b83"), -}; -// Light: 0 == Lightest, 3 == Darkest -const light = { - 0: color("#fdf6e3"), - 1: color("#eee8d5"), - 2: color("#93a1a1"), - 3: color("#839496"), -}; +import { createTheme } from "./base16"; +import { color } from "../tokens"; + +const name = "solarized"; + +const neutrals = [ + color("#002b36"), + color("#073642"), + color("#586e75"), + color("#657b83"), + color("#839496"), + color("#93a1a1"), + color("#eee8d5"), + color("#fdf6e3"), +]; const colors = { "red": color("#dc322f"), @@ -28,230 +25,5 @@ const colors = { "magenta": color("#d33682"), }; -export function solarized(darkTheme: boolean): Theme { - let fg = darkTheme ? light : dark; - let bg = darkTheme ? dark : light; - let name = darkTheme ? "solarized-dark" : "solarized-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 +export const dark = createTheme(`${name}-dark`, false, neutrals, colors); +export const light = createTheme(`${name}-light`, true, neutrals, colors); \ No newline at end of file diff --git a/styles/src/themes/sulphurpool-dark.ts b/styles/src/themes/sulphurpool-dark.ts deleted file mode 100644 index 86982a6dacb261ee86eb2a85d480874f5562c233..0000000000000000000000000000000000000000 --- a/styles/src/themes/sulphurpool-dark.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { sulphurpool } from "./sulphurpool"; - -export default sulphurpool(true); diff --git a/styles/src/themes/sulphurpool-light.ts b/styles/src/themes/sulphurpool-light.ts deleted file mode 100644 index 98d9b2db442d610f6b0f4cfc40e68ab3e17483e7..0000000000000000000000000000000000000000 --- a/styles/src/themes/sulphurpool-light.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { sulphurpool } from "./sulphurpool"; - -export default sulphurpool(false); diff --git a/styles/src/themes/sulphurpool.ts b/styles/src/themes/sulphurpool.ts index 8b3396b2e41a769d099692ed77957b896ef13ae9..01e7c419f1f8e01fc648de4a892dc1334c3be092 100644 --- a/styles/src/themes/sulphurpool.ts +++ b/styles/src/themes/sulphurpool.ts @@ -1,21 +1,18 @@ -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"), -}; +import { createTheme } from "./base16"; +import { color } from "../tokens"; + +const name = "sulphurpool"; + +const neutrals = [ + color("#202746"), + color("#293256"), + color("#5e6687"), + color("#6b7394"), + color("#898ea4"), + color("#979db4"), + color("#dfe2f1"), + color("#f5f7ff"), +] const colors = { "red": color("#c94922"), @@ -28,230 +25,5 @@ const colors = { "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 +export const dark = createTheme(`${name}-dark`, false, neutrals, colors); +export const light = createTheme(`${name}-light`, true, neutrals, colors); \ No newline at end of file