mirrors/zed
1
0
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2025-02-04 10:12:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

Merge pull request #999 from zed-industries/update-theme-system

Browse source 
Rework color schemes
This commit is contained in:
Keith Simmons 2022-05-16 15:28:18 -07:00 committed by GitHub
commit 25427f0ff8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 1031 additions and 5803 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

86
assets/themes/cave-dark.json
View file

@ -23,7 +23,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#5852605c", "background": "#3f3b45",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#e2dfe7", "color": "#e2dfe7",
@ -31,7 +31,7 @@
} }
}, },
"hover": { "hover": {
"background": "#5852603d" "background": "#332f38"
} }
}, },
"border": { "border": {
@ -215,7 +215,7 @@
"size": 14 "size": 14
}, },
"icon_color": "#e2dfe7", "icon_color": "#e2dfe7",
"background": "#5852603d" "background": "#332f38"
} }
}, },
"diagnostic_message": { "diagnostic_message": {
@ -288,7 +288,7 @@
"left": 7, "left": 7,
"right": 7 "right": 7
}, },
"background": "#5852603d" "background": "#332f38"
}, },
"container_warning": { "container_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -335,11 +335,11 @@
"icon_color": "#8b8792", "icon_color": "#8b8792",
"hover": { "hover": {
"icon_color": "#e2dfe7", "icon_color": "#e2dfe7",
"background": "#5852603d" "background": "#332f38"
}, },
"active": { "active": {
"icon_color": "#efecf4", "icon_color": "#efecf4",
"background": "#5852605c" "background": "#3f3b45"
} }
}, },
"badge": { "badge": {
@ -361,7 +361,7 @@
"avatar_width": 18, "avatar_width": 18,
"avatar_margin": 8, "avatar_margin": 8,
"height": 33, "height": 33,
"background": "#26232a", "background": "#332f38",
"padding": { "padding": {
"left": 80, "left": 80,
"right": 6 "right": 6
@ -426,15 +426,15 @@
}, },
"color": "#8b8792", "color": "#8b8792",
"hover": { "hover": {
"background": "#5852603d", "background": "#3f3b45",
"color": "#8b8792" "color": "#8b8792"
}, },
"active": { "active": {
"background": "#5852605c", "background": "#4c4653",
"color": "#efecf4" "color": "#efecf4"
}, },
"active_hover": { "active_hover": {
"background": "#5852603d", "background": "#3f3b45",
"color": "#efecf4" "color": "#efecf4"
} }
}, },
@ -515,16 +515,16 @@
"editor": { "editor": {
"text_color": "#efecf4", "text_color": "#efecf4",
"background": "#19171c", "background": "#19171c",
"active_line_background": "#efecf412", "active_line_background": "#26232a",
"code_actions_indicator": "#8b8792", "code_actions_indicator": "#8b8792",
"diff_background_deleted": "#be467826", "diff_background_deleted": "#be467826",
"diff_background_inserted": "#2a929226", "diff_background_inserted": "#2a929226",
"document_highlight_read_background": "#efecf41f", "document_highlight_read_background": "#5852603d",
"document_highlight_write_background": "#efecf43d", "document_highlight_write_background": "#5852607a",
"error_color": "#be4678", "error_color": "#be4678",
"gutter_background": "#19171c", "gutter_background": "#19171c",
"gutter_padding_factor": 3.5, "gutter_padding_factor": 3.5,
"highlighted_line_background": "#efecf41f", "highlighted_line_background": "#332f38",
"line_number": "#7e7887", "line_number": "#7e7887",
"line_number_active": "#efecf4", "line_number_active": "#efecf4",
"rename_fade": 0.6, "rename_fade": 0.6,
@ -588,7 +588,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#26232a3d" "background": "#1c1a20"
}, },
"margin": { "margin": {
"left": -14 "left": -14
@ -606,7 +606,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#26232a5c" "background": "#201d23"
} }
}, },
"diagnostic_header": { "diagnostic_header": {
@ -642,7 +642,7 @@
} }
}, },
"diagnostic_path_header": { "diagnostic_path_header": {
"background": "#efecf412", "background": "#26232a",
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"filename": { "filename": {
"family": "Zed Mono", "family": "Zed Mono",
@ -852,7 +852,7 @@
"weight": "normal" "weight": "normal"
}, },
"punctuation": { "punctuation": {
"color": "#8b8792", "color": "#e2dfe7",
"weight": "normal" "weight": "normal"
}, },
"constant": { "constant": {
@ -989,7 +989,7 @@
"size": 14 "size": 14
}, },
"hover": { "hover": {
"background": "#5852603d", "background": "#332f38",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#e2dfe7", "color": "#e2dfe7",
@ -997,7 +997,7 @@
} }
}, },
"active": { "active": {
"background": "#5852605c", "background": "#3f3b45",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#e2dfe7", "color": "#e2dfe7",
@ -1005,7 +1005,7 @@
} }
}, },
"active_hover": { "active_hover": {
"background": "#5852603d", "background": "#332f38",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#efecf4", "color": "#efecf4",
@ -1014,7 +1014,7 @@
} }
}, },
"filename_editor": { "filename_editor": {
"background": "#26232a5c", "background": "#201d23",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#e2dfe7", "color": "#e2dfe7",
@ -1098,7 +1098,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#5852603d", "background": "#332f38",
"corner_radius": 6 "corner_radius": 6
}, },
"active_item": { "active_item": {
@ -1133,7 +1133,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#5852603d", "background": "#332f38",
"corner_radius": 6 "corner_radius": 6
}, },
"menu": { "menu": {
@ -1307,7 +1307,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#e2dfe7", "color": "#e2dfe7",
"size": 14, "size": 14,
"background": "#5852605c" "background": "#4c4653"
} }
}, },
"contact_row": { "contact_row": {
@ -1316,7 +1316,7 @@
"right": 12 "right": 12
}, },
"active": { "active": {
"background": "#5852605c" "background": "#4c4653"
} }
}, },
"tree_branch": { "tree_branch": {
@ -1343,17 +1343,17 @@
}, },
"contact_button_spacing": 8, "contact_button_spacing": 8,
"contact_button": { "contact_button": {
"background": "#26232a", "background": "#332f38",
"color": "#e2dfe7", "color": "#e2dfe7",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#5852603d" "background": "#3f3b45"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#26232a", "background": "#332f38",
"color": "#8b8792", "color": "#8b8792",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1387,10 +1387,10 @@
}, },
"background": "#26232a", "background": "#26232a",
"hover": { "hover": {
"background": "#5852603d" "background": "#332f38"
}, },
"active": { "active": {
"background": "#5852605c" "background": "#3f3b45"
} }
}, },
"unshared_project_row": { "unshared_project_row": {
@ -1421,10 +1421,10 @@
}, },
"background": "#26232a", "background": "#26232a",
"hover": { "hover": {
"background": "#5852603d" "background": "#332f38"
}, },
"active": { "active": {
"background": "#5852605c" "background": "#3f3b45"
} }
} }
}, },
@ -1452,7 +1452,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#5852605c", "background": "#3f3b45",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#e2dfe7", "color": "#e2dfe7",
@ -1460,7 +1460,7 @@
} }
}, },
"hover": { "hover": {
"background": "#5852603d" "background": "#332f38"
} }
}, },
"border": { "border": {
@ -1527,17 +1527,17 @@
} }
}, },
"contact_button": { "contact_button": {
"background": "#26232a", "background": "#332f38",
"color": "#e2dfe7", "color": "#e2dfe7",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#5852603d" "background": "#3f3b45"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#26232a", "background": "#332f38",
"color": "#8b8792", "color": "#8b8792",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1545,14 +1545,14 @@
} }
}, },
"search": { "search": {
"match_background": "#955ae77a", "match_background": "#3d1576",
"tab_icon_spacing": 8, "tab_icon_spacing": 8,
"tab_icon_width": 14, "tab_icon_width": 14,
"option_button": { "option_button": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#8b8792", "color": "#8b8792",
"size": 14, "size": 14,
"background": "#26232a", "background": "#332f38",
"corner_radius": 6, "corner_radius": 6,
"border": { "border": {
"color": "#26232a", "color": "#26232a",
@ -1571,7 +1571,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#efecf4", "color": "#efecf4",
"size": 14, "size": 14,
"background": "#5852607a", "background": "#4c4653",
"border": { "border": {
"color": "#655f6d", "color": "#655f6d",
"width": 1 "width": 1
@ -1581,7 +1581,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#efecf4", "color": "#efecf4",
"size": 14, "size": 14,
"background": "#5852603d", "background": "#3f3b45",
"border": { "border": {
"color": "#655f6d", "color": "#655f6d",
"width": 1 "width": 1
@ -1717,7 +1717,7 @@
"left": 6 "left": 6
}, },
"hover": { "hover": {
"background": "#26232a3d" "background": "#1c1a20"
} }
}, },
"dismiss_button": { "dismiss_button": {

154
assets/themes/cave-light.json
View file

@ -23,7 +23,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#8b87922e", "background": "#b7b3bd",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#26232a", "color": "#26232a",
@ -31,11 +31,11 @@
} }
}, },
"hover": { "hover": {
"background": "#8b87921f" "background": "#ccc9d2"
} }
}, },
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1 "width": 1
}, },
"empty": { "empty": {
@ -69,7 +69,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#e2dfe7", "color": "#8b8792",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -107,7 +107,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"left": true, "left": true,
"bottom": true, "bottom": true,
@ -133,7 +133,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"left": true, "left": true,
"bottom": false, "bottom": false,
@ -152,13 +152,13 @@
"cursor": "Arrow" "cursor": "Arrow"
}, },
"sidebar_resize_handle": { "sidebar_resize_handle": {
"background": "#efecf4", "background": "#8b8792",
"padding": { "padding": {
"left": 1 "left": 1
} }
}, },
"pane_divider": { "pane_divider": {
"color": "#e2dfe7", "color": "#8b8792",
"width": 1 "width": 1
}, },
"status_bar": { "status_bar": {
@ -171,7 +171,7 @@
"right": 6 "right": 6
}, },
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"top": true, "top": true,
"overlay": true "overlay": true
@ -215,7 +215,7 @@
"size": 14 "size": 14
}, },
"icon_color": "#26232a", "icon_color": "#26232a",
"background": "#8b87921f" "background": "#ccc9d2"
} }
}, },
"diagnostic_message": { "diagnostic_message": {
@ -288,7 +288,7 @@
"left": 7, "left": 7,
"right": 7 "right": 7
}, },
"background": "#8b87921f" "background": "#ccc9d2"
}, },
"container_warning": { "container_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -335,11 +335,11 @@
"icon_color": "#585260", "icon_color": "#585260",
"hover": { "hover": {
"icon_color": "#26232a", "icon_color": "#26232a",
"background": "#8b87921f" "background": "#ccc9d2"
}, },
"active": { "active": {
"icon_color": "#19171c", "icon_color": "#19171c",
"background": "#8b87922e" "background": "#b7b3bd"
} }
}, },
"badge": { "badge": {
@ -361,7 +361,7 @@
"avatar_width": 18, "avatar_width": 18,
"avatar_margin": 8, "avatar_margin": 8,
"height": 33, "height": 33,
"background": "#e2dfe7", "background": "#ccc9d2",
"padding": { "padding": {
"left": 80, "left": 80,
"right": 6 "right": 6
@ -383,14 +383,14 @@
"width": 12 "width": 12
}, },
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"bottom": true, "bottom": true,
"overlay": true "overlay": true
}, },
"sign_in_prompt": { "sign_in_prompt": {
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1 "width": 1
}, },
"corner_radius": 6, "corner_radius": 6,
@ -426,15 +426,15 @@
}, },
"color": "#585260", "color": "#585260",
"hover": { "hover": {
"background": "#8b87921f", "background": "#b7b3bd",
"color": "#585260" "color": "#585260"
}, },
"active": { "active": {
"background": "#8b87922e", "background": "#a19da7",
"color": "#19171c" "color": "#19171c"
}, },
"active_hover": { "active_hover": {
"background": "#8b87921f", "background": "#b7b3bd",
"color": "#19171c" "color": "#19171c"
} }
}, },
@ -458,7 +458,7 @@
"height": 34, "height": 34,
"background": "#efecf4", "background": "#efecf4",
"border": { "border": {
"color": "#e2dfe7", "color": "#8b8792",
"width": 1, "width": 1,
"bottom": true "bottom": true
}, },
@ -492,7 +492,7 @@
"corner_radius": 6, "corner_radius": 6,
"padding": 12, "padding": 12,
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1 "width": 1
}, },
"shadow": { "shadow": {
@ -515,16 +515,16 @@
"editor": { "editor": {
"text_color": "#19171c", "text_color": "#19171c",
"background": "#efecf4", "background": "#efecf4",
"active_line_background": "#19171c12", "active_line_background": "#e2dfe7",
"code_actions_indicator": "#585260", "code_actions_indicator": "#585260",
"diff_background_deleted": "#be467826", "diff_background_deleted": "#be467826",
"diff_background_inserted": "#2a929226", "diff_background_inserted": "#2a929226",
"document_highlight_read_background": "#19171c0f", "document_highlight_read_background": "#8b87921f",
"document_highlight_write_background": "#19171c1f", "document_highlight_write_background": "#8b87923d",
"error_color": "#be4678", "error_color": "#be4678",
"gutter_background": "#efecf4", "gutter_background": "#efecf4",
"gutter_padding_factor": 3.5, "gutter_padding_factor": 3.5,
"highlighted_line_background": "#19171c1f", "highlighted_line_background": "#ccc9d2",
"line_number": "#655f6d", "line_number": "#655f6d",
"line_number_active": "#19171c", "line_number_active": "#19171c",
"rename_fade": 0.6, "rename_fade": 0.6,
@ -568,7 +568,7 @@
"corner_radius": 8, "corner_radius": 8,
"padding": 4, "padding": 4,
"border": { "border": {
"color": "#e2dfe7", "color": "#8b8792",
"width": 1 "width": 1
}, },
"item": { "item": {
@ -588,7 +588,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#e2dfe71f" "background": "#ece9f1"
}, },
"margin": { "margin": {
"left": -14 "left": -14
@ -606,7 +606,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#e2dfe72e" "background": "#e9e6ee"
} }
}, },
"diagnostic_header": { "diagnostic_header": {
@ -614,7 +614,7 @@
"icon_width_factor": 1.5, "icon_width_factor": 1.5,
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"border": { "border": {
"color": "#e2dfe7", "color": "#8b8792",
"width": 1, "width": 1,
"bottom": true, "bottom": true,
"top": true "top": true
@ -642,7 +642,7 @@
} }
}, },
"diagnostic_path_header": { "diagnostic_path_header": {
"background": "#19171c12", "background": "#e2dfe7",
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"filename": { "filename": {
"family": "Zed Mono", "family": "Zed Mono",
@ -662,7 +662,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -685,7 +685,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -708,7 +708,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -731,7 +731,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -754,7 +754,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -777,7 +777,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -800,7 +800,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -823,7 +823,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -852,7 +852,7 @@
"weight": "normal" "weight": "normal"
}, },
"punctuation": { "punctuation": {
"color": "#585260", "color": "#26232a",
"weight": "normal" "weight": "normal"
}, },
"constant": { "constant": {
@ -949,7 +949,7 @@
"corner_radius": 4, "corner_radius": 4,
"background": "#efecf4", "background": "#efecf4",
"border": { "border": {
"color": "#e2dfe7", "color": "#8b8792",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -989,7 +989,7 @@
"size": 14 "size": 14
}, },
"hover": { "hover": {
"background": "#8b87921f", "background": "#ccc9d2",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#26232a", "color": "#26232a",
@ -997,7 +997,7 @@
} }
}, },
"active": { "active": {
"background": "#8b87922e", "background": "#b7b3bd",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#26232a", "color": "#26232a",
@ -1005,7 +1005,7 @@
} }
}, },
"active_hover": { "active_hover": {
"background": "#8b87921f", "background": "#ccc9d2",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#19171c", "color": "#19171c",
@ -1014,7 +1014,7 @@
} }
}, },
"filename_editor": { "filename_editor": {
"background": "#e2dfe72e", "background": "#e9e6ee",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#26232a", "color": "#26232a",
@ -1098,7 +1098,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#8b87921f", "background": "#ccc9d2",
"corner_radius": 6 "corner_radius": 6
}, },
"active_item": { "active_item": {
@ -1133,7 +1133,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#8b87921f", "background": "#ccc9d2",
"corner_radius": 6 "corner_radius": 6
}, },
"menu": { "menu": {
@ -1141,7 +1141,7 @@
"corner_radius": 6, "corner_radius": 6,
"padding": 4, "padding": 4,
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1 "width": 1
}, },
"shadow": { "shadow": {
@ -1232,7 +1232,7 @@
"selection": "#576ddb3d" "selection": "#576ddb3d"
}, },
"border": { "border": {
"color": "#e2dfe7", "color": "#8b8792",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -1266,7 +1266,7 @@
"selection": "#576ddb3d" "selection": "#576ddb3d"
}, },
"border": { "border": {
"color": "#e2dfe7", "color": "#8b8792",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -1307,7 +1307,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#26232a", "color": "#26232a",
"size": 14, "size": 14,
"background": "#8b87922e" "background": "#a19da7"
} }
}, },
"contact_row": { "contact_row": {
@ -1316,17 +1316,17 @@
"right": 12 "right": 12
}, },
"active": { "active": {
"background": "#8b87922e" "background": "#a19da7"
} }
}, },
"tree_branch": { "tree_branch": {
"color": "#7e7887", "color": "#655f6d",
"width": 1, "width": 1,
"hover": { "hover": {
"color": "#7e7887" "color": "#655f6d"
}, },
"active": { "active": {
"color": "#7e7887" "color": "#655f6d"
} }
}, },
"contact_avatar": { "contact_avatar": {
@ -1343,17 +1343,17 @@
}, },
"contact_button_spacing": 8, "contact_button_spacing": 8,
"contact_button": { "contact_button": {
"background": "#e2dfe7", "background": "#ccc9d2",
"color": "#26232a", "color": "#26232a",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#8b87921f" "background": "#b7b3bd"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#e2dfe7", "background": "#ccc9d2",
"color": "#585260", "color": "#585260",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1387,10 +1387,10 @@
}, },
"background": "#e2dfe7", "background": "#e2dfe7",
"hover": { "hover": {
"background": "#8b87921f" "background": "#ccc9d2"
}, },
"active": { "active": {
"background": "#8b87922e" "background": "#b7b3bd"
} }
}, },
"unshared_project_row": { "unshared_project_row": {
@ -1421,10 +1421,10 @@
}, },
"background": "#e2dfe7", "background": "#e2dfe7",
"hover": { "hover": {
"background": "#8b87921f" "background": "#ccc9d2"
}, },
"active": { "active": {
"background": "#8b87922e" "background": "#b7b3bd"
} }
} }
}, },
@ -1452,7 +1452,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#8b87922e", "background": "#b7b3bd",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#26232a", "color": "#26232a",
@ -1460,11 +1460,11 @@
} }
}, },
"hover": { "hover": {
"background": "#8b87921f" "background": "#ccc9d2"
} }
}, },
"border": { "border": {
"color": "#efecf4", "color": "#8b8792",
"width": 1 "width": 1
}, },
"empty": { "empty": {
@ -1498,7 +1498,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#e2dfe7", "color": "#8b8792",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -1527,17 +1527,17 @@
} }
}, },
"contact_button": { "contact_button": {
"background": "#e2dfe7", "background": "#ccc9d2",
"color": "#26232a", "color": "#26232a",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#8b87921f" "background": "#b7b3bd"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#e2dfe7", "background": "#ccc9d2",
"color": "#585260", "color": "#585260",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1545,17 +1545,17 @@
} }
}, },
"search": { "search": {
"match_background": "#955ae73d", "match_background": "#d5bdfa",
"tab_icon_spacing": 8, "tab_icon_spacing": 8,
"tab_icon_width": 14, "tab_icon_width": 14,
"option_button": { "option_button": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#585260", "color": "#585260",
"size": 14, "size": 14,
"background": "#e2dfe7", "background": "#ccc9d2",
"corner_radius": 6, "corner_radius": 6,
"border": { "border": {
"color": "#e2dfe7", "color": "#8b8792",
"width": 1 "width": 1
}, },
"margin": { "margin": {
@ -1571,9 +1571,9 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#19171c", "color": "#19171c",
"size": 14, "size": 14,
"background": "#8b87923d", "background": "#a19da7",
"border": { "border": {
"color": "#7e7887", "color": "#655f6d",
"width": 1 "width": 1
} }
}, },
@ -1581,9 +1581,9 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#19171c", "color": "#19171c",
"size": 14, "size": 14,
"background": "#8b87921f", "background": "#b7b3bd",
"border": { "border": {
"color": "#7e7887", "color": "#655f6d",
"width": 1 "width": 1
} }
} }
@ -1608,7 +1608,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#e2dfe7", "color": "#8b8792",
"width": 1 "width": 1
}, },
"margin": { "margin": {
@ -1717,7 +1717,7 @@
"left": 6 "left": 6
}, },
"hover": { "hover": {
"background": "#e2dfe71f" "background": "#ece9f1"
} }
}, },
"dismiss_button": { "dismiss_button": {

1734
assets/themes/dark.json
View file

File diff suppressed because it is too large Load diff

1734
assets/themes/light.json
View file

File diff suppressed because it is too large Load diff

86
assets/themes/solarized-dark.json
View file

@ -23,7 +23,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#586e755c", "background": "#30525c",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#eee8d5", "color": "#eee8d5",
@ -31,7 +31,7 @@
} }
}, },
"hover": { "hover": {
"background": "#586e753d" "background": "#1b444f"
} }
}, },
"border": { "border": {
@ -215,7 +215,7 @@
"size": 14 "size": 14
}, },
"icon_color": "#eee8d5", "icon_color": "#eee8d5",
"background": "#586e753d" "background": "#1b444f"
} }
}, },
"diagnostic_message": { "diagnostic_message": {
@ -288,7 +288,7 @@
"left": 7, "left": 7,
"right": 7 "right": 7
}, },
"background": "#586e753d" "background": "#1b444f"
}, },
"container_warning": { "container_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -335,11 +335,11 @@
"icon_color": "#93a1a1", "icon_color": "#93a1a1",
"hover": { "hover": {
"icon_color": "#eee8d5", "icon_color": "#eee8d5",
"background": "#586e753d" "background": "#1b444f"
}, },
"active": { "active": {
"icon_color": "#fdf6e3", "icon_color": "#fdf6e3",
"background": "#586e755c" "background": "#30525c"
} }
}, },
"badge": { "badge": {
@ -361,7 +361,7 @@
"avatar_width": 18, "avatar_width": 18,
"avatar_margin": 8, "avatar_margin": 8,
"height": 33, "height": 33,
"background": "#073642", "background": "#1b444f",
"padding": { "padding": {
"left": 80, "left": 80,
"right": 6 "right": 6
@ -426,15 +426,15 @@
}, },
"color": "#93a1a1", "color": "#93a1a1",
"hover": { "hover": {
"background": "#586e753d", "background": "#30525c",
"color": "#93a1a1" "color": "#93a1a1"
}, },
"active": { "active": {
"background": "#586e755c", "background": "#446068",
"color": "#fdf6e3" "color": "#fdf6e3"
}, },
"active_hover": { "active_hover": {
"background": "#586e753d", "background": "#30525c",
"color": "#fdf6e3" "color": "#fdf6e3"
} }
}, },
@ -515,16 +515,16 @@
"editor": { "editor": {
"text_color": "#fdf6e3", "text_color": "#fdf6e3",
"background": "#002b36", "background": "#002b36",
"active_line_background": "#fdf6e312", "active_line_background": "#073642",
"code_actions_indicator": "#93a1a1", "code_actions_indicator": "#93a1a1",
"diff_background_deleted": "#dc322f26", "diff_background_deleted": "#dc322f26",
"diff_background_inserted": "#85990026", "diff_background_inserted": "#85990026",
"document_highlight_read_background": "#fdf6e31f", "document_highlight_read_background": "#586e753d",
"document_highlight_write_background": "#fdf6e33d", "document_highlight_write_background": "#586e757a",
"error_color": "#dc322f", "error_color": "#dc322f",
"gutter_background": "#002b36", "gutter_background": "#002b36",
"gutter_padding_factor": 3.5, "gutter_padding_factor": 3.5,
"highlighted_line_background": "#fdf6e31f", "highlighted_line_background": "#1b444f",
"line_number": "#839496", "line_number": "#839496",
"line_number_active": "#fdf6e3", "line_number_active": "#fdf6e3",
"rename_fade": 0.6, "rename_fade": 0.6,
@ -588,7 +588,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#0736423d" "background": "#022e39"
}, },
"margin": { "margin": {
"left": -14 "left": -14
@ -606,7 +606,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#0736425c" "background": "#04313c"
} }
}, },
"diagnostic_header": { "diagnostic_header": {
@ -642,7 +642,7 @@
} }
}, },
"diagnostic_path_header": { "diagnostic_path_header": {
"background": "#fdf6e312", "background": "#073642",
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"filename": { "filename": {
"family": "Zed Mono", "family": "Zed Mono",
@ -852,7 +852,7 @@
"weight": "normal" "weight": "normal"
}, },
"punctuation": { "punctuation": {
"color": "#93a1a1", "color": "#eee8d5",
"weight": "normal" "weight": "normal"
}, },
"constant": { "constant": {
@ -989,7 +989,7 @@
"size": 14 "size": 14
}, },
"hover": { "hover": {
"background": "#586e753d", "background": "#1b444f",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#eee8d5", "color": "#eee8d5",
@ -997,7 +997,7 @@
} }
}, },
"active": { "active": {
"background": "#586e755c", "background": "#30525c",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#eee8d5", "color": "#eee8d5",
@ -1005,7 +1005,7 @@
} }
}, },
"active_hover": { "active_hover": {
"background": "#586e753d", "background": "#1b444f",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#fdf6e3", "color": "#fdf6e3",
@ -1014,7 +1014,7 @@
} }
}, },
"filename_editor": { "filename_editor": {
"background": "#0736425c", "background": "#04313c",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#eee8d5", "color": "#eee8d5",
@ -1098,7 +1098,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#586e753d", "background": "#1b444f",
"corner_radius": 6 "corner_radius": 6
}, },
"active_item": { "active_item": {
@ -1133,7 +1133,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#586e753d", "background": "#1b444f",
"corner_radius": 6 "corner_radius": 6
}, },
"menu": { "menu": {
@ -1307,7 +1307,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#eee8d5", "color": "#eee8d5",
"size": 14, "size": 14,
"background": "#586e755c" "background": "#446068"
} }
}, },
"contact_row": { "contact_row": {
@ -1316,7 +1316,7 @@
"right": 12 "right": 12
}, },
"active": { "active": {
"background": "#586e755c" "background": "#446068"
} }
}, },
"tree_branch": { "tree_branch": {
@ -1343,17 +1343,17 @@
}, },
"contact_button_spacing": 8, "contact_button_spacing": 8,
"contact_button": { "contact_button": {
"background": "#073642", "background": "#1b444f",
"color": "#eee8d5", "color": "#eee8d5",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#586e753d" "background": "#30525c"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#073642", "background": "#1b444f",
"color": "#93a1a1", "color": "#93a1a1",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1387,10 +1387,10 @@
}, },
"background": "#073642", "background": "#073642",
"hover": { "hover": {
"background": "#586e753d" "background": "#1b444f"
}, },
"active": { "active": {
"background": "#586e755c" "background": "#30525c"
} }
}, },
"unshared_project_row": { "unshared_project_row": {
@ -1421,10 +1421,10 @@
}, },
"background": "#073642", "background": "#073642",
"hover": { "hover": {
"background": "#586e753d" "background": "#1b444f"
}, },
"active": { "active": {
"background": "#586e755c" "background": "#30525c"
} }
} }
}, },
@ -1452,7 +1452,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#586e755c", "background": "#30525c",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#eee8d5", "color": "#eee8d5",
@ -1460,7 +1460,7 @@
} }
}, },
"hover": { "hover": {
"background": "#586e753d" "background": "#1b444f"
} }
}, },
"border": { "border": {
@ -1527,17 +1527,17 @@
} }
}, },
"contact_button": { "contact_button": {
"background": "#073642", "background": "#1b444f",
"color": "#eee8d5", "color": "#eee8d5",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#586e753d" "background": "#30525c"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#073642", "background": "#1b444f",
"color": "#93a1a1", "color": "#93a1a1",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1545,14 +1545,14 @@
} }
}, },
"search": { "search": {
"match_background": "#6c71c47a", "match_background": "#1b1f6b",
"tab_icon_spacing": 8, "tab_icon_spacing": 8,
"tab_icon_width": 14, "tab_icon_width": 14,
"option_button": { "option_button": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#93a1a1", "color": "#93a1a1",
"size": 14, "size": 14,
"background": "#073642", "background": "#1b444f",
"corner_radius": 6, "corner_radius": 6,
"border": { "border": {
"color": "#073642", "color": "#073642",
@ -1571,7 +1571,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#fdf6e3", "color": "#fdf6e3",
"size": 14, "size": 14,
"background": "#586e757a", "background": "#446068",
"border": { "border": {
"color": "#657b83", "color": "#657b83",
"width": 1 "width": 1
@ -1581,7 +1581,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#fdf6e3", "color": "#fdf6e3",
"size": 14, "size": 14,
"background": "#586e753d", "background": "#30525c",
"border": { "border": {
"color": "#657b83", "color": "#657b83",
"width": 1 "width": 1
@ -1717,7 +1717,7 @@
"left": 6 "left": 6
}, },
"hover": { "hover": {
"background": "#0736423d" "background": "#022e39"
} }
}, },
"dismiss_button": { "dismiss_button": {

154
assets/themes/solarized-light.json
View file

@ -23,7 +23,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#93a1a12e", "background": "#c1c5bb",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#073642", "color": "#073642",
@ -31,11 +31,11 @@
} }
}, },
"hover": { "hover": {
"background": "#93a1a11f" "background": "#d7d6c8"
} }
}, },
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"empty": { "empty": {
@ -69,7 +69,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#eee8d5", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -107,7 +107,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"left": true, "left": true,
"bottom": true, "bottom": true,
@ -133,7 +133,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"left": true, "left": true,
"bottom": false, "bottom": false,
@ -152,13 +152,13 @@
"cursor": "Arrow" "cursor": "Arrow"
}, },
"sidebar_resize_handle": { "sidebar_resize_handle": {
"background": "#fdf6e3", "background": "#93a1a1",
"padding": { "padding": {
"left": 1 "left": 1
} }
}, },
"pane_divider": { "pane_divider": {
"color": "#eee8d5", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"status_bar": { "status_bar": {
@ -171,7 +171,7 @@
"right": 6 "right": 6
}, },
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"top": true, "top": true,
"overlay": true "overlay": true
@ -215,7 +215,7 @@
"size": 14 "size": 14
}, },
"icon_color": "#073642", "icon_color": "#073642",
"background": "#93a1a11f" "background": "#d7d6c8"
} }
}, },
"diagnostic_message": { "diagnostic_message": {
@ -288,7 +288,7 @@
"left": 7, "left": 7,
"right": 7 "right": 7
}, },
"background": "#93a1a11f" "background": "#d7d6c8"
}, },
"container_warning": { "container_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -335,11 +335,11 @@
"icon_color": "#586e75", "icon_color": "#586e75",
"hover": { "hover": {
"icon_color": "#073642", "icon_color": "#073642",
"background": "#93a1a11f" "background": "#d7d6c8"
}, },
"active": { "active": {
"icon_color": "#002b36", "icon_color": "#002b36",
"background": "#93a1a12e" "background": "#c1c5bb"
} }
}, },
"badge": { "badge": {
@ -361,7 +361,7 @@
"avatar_width": 18, "avatar_width": 18,
"avatar_margin": 8, "avatar_margin": 8,
"height": 33, "height": 33,
"background": "#eee8d5", "background": "#d7d6c8",
"padding": { "padding": {
"left": 80, "left": 80,
"right": 6 "right": 6
@ -383,14 +383,14 @@
"width": 12 "width": 12
}, },
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"bottom": true, "bottom": true,
"overlay": true "overlay": true
}, },
"sign_in_prompt": { "sign_in_prompt": {
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"corner_radius": 6, "corner_radius": 6,
@ -426,15 +426,15 @@
}, },
"color": "#586e75", "color": "#586e75",
"hover": { "hover": {
"background": "#93a1a11f", "background": "#c1c5bb",
"color": "#586e75" "color": "#586e75"
}, },
"active": { "active": {
"background": "#93a1a12e", "background": "#aab3ae",
"color": "#002b36" "color": "#002b36"
}, },
"active_hover": { "active_hover": {
"background": "#93a1a11f", "background": "#c1c5bb",
"color": "#002b36" "color": "#002b36"
} }
}, },
@ -458,7 +458,7 @@
"height": 34, "height": 34,
"background": "#fdf6e3", "background": "#fdf6e3",
"border": { "border": {
"color": "#eee8d5", "color": "#93a1a1",
"width": 1, "width": 1,
"bottom": true "bottom": true
}, },
@ -492,7 +492,7 @@
"corner_radius": 6, "corner_radius": 6,
"padding": 12, "padding": 12,
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"shadow": { "shadow": {
@ -515,16 +515,16 @@
"editor": { "editor": {
"text_color": "#002b36", "text_color": "#002b36",
"background": "#fdf6e3", "background": "#fdf6e3",
"active_line_background": "#002b3612", "active_line_background": "#eee8d5",
"code_actions_indicator": "#586e75", "code_actions_indicator": "#586e75",
"diff_background_deleted": "#dc322f26", "diff_background_deleted": "#dc322f26",
"diff_background_inserted": "#85990026", "diff_background_inserted": "#85990026",
"document_highlight_read_background": "#002b360f", "document_highlight_read_background": "#93a1a11f",
"document_highlight_write_background": "#002b361f", "document_highlight_write_background": "#93a1a13d",
"error_color": "#dc322f", "error_color": "#dc322f",
"gutter_background": "#fdf6e3", "gutter_background": "#fdf6e3",
"gutter_padding_factor": 3.5, "gutter_padding_factor": 3.5,
"highlighted_line_background": "#002b361f", "highlighted_line_background": "#d7d6c8",
"line_number": "#657b83", "line_number": "#657b83",
"line_number_active": "#002b36", "line_number_active": "#002b36",
"rename_fade": 0.6, "rename_fade": 0.6,
@ -568,7 +568,7 @@
"corner_radius": 8, "corner_radius": 8,
"padding": 4, "padding": 4,
"border": { "border": {
"color": "#eee8d5", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"item": { "item": {
@ -588,7 +588,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#eee8d51f" "background": "#f9f3e0"
}, },
"margin": { "margin": {
"left": -14 "left": -14
@ -606,7 +606,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#eee8d52e" "background": "#f6efdc"
} }
}, },
"diagnostic_header": { "diagnostic_header": {
@ -614,7 +614,7 @@
"icon_width_factor": 1.5, "icon_width_factor": 1.5,
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"border": { "border": {
"color": "#eee8d5", "color": "#93a1a1",
"width": 1, "width": 1,
"bottom": true, "bottom": true,
"top": true "top": true
@ -642,7 +642,7 @@
} }
}, },
"diagnostic_path_header": { "diagnostic_path_header": {
"background": "#002b3612", "background": "#eee8d5",
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"filename": { "filename": {
"family": "Zed Mono", "family": "Zed Mono",
@ -662,7 +662,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -685,7 +685,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -708,7 +708,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -731,7 +731,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -754,7 +754,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -777,7 +777,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -800,7 +800,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -823,7 +823,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -852,7 +852,7 @@
"weight": "normal" "weight": "normal"
}, },
"punctuation": { "punctuation": {
"color": "#586e75", "color": "#073642",
"weight": "normal" "weight": "normal"
}, },
"constant": { "constant": {
@ -949,7 +949,7 @@
"corner_radius": 4, "corner_radius": 4,
"background": "#fdf6e3", "background": "#fdf6e3",
"border": { "border": {
"color": "#eee8d5", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -989,7 +989,7 @@
"size": 14 "size": 14
}, },
"hover": { "hover": {
"background": "#93a1a11f", "background": "#d7d6c8",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#073642", "color": "#073642",
@ -997,7 +997,7 @@
} }
}, },
"active": { "active": {
"background": "#93a1a12e", "background": "#c1c5bb",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#073642", "color": "#073642",
@ -1005,7 +1005,7 @@
} }
}, },
"active_hover": { "active_hover": {
"background": "#93a1a11f", "background": "#d7d6c8",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#002b36", "color": "#002b36",
@ -1014,7 +1014,7 @@
} }
}, },
"filename_editor": { "filename_editor": {
"background": "#eee8d52e", "background": "#f6efdc",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#073642", "color": "#073642",
@ -1098,7 +1098,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#93a1a11f", "background": "#d7d6c8",
"corner_radius": 6 "corner_radius": 6
}, },
"active_item": { "active_item": {
@ -1133,7 +1133,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#93a1a11f", "background": "#d7d6c8",
"corner_radius": 6 "corner_radius": 6
}, },
"menu": { "menu": {
@ -1141,7 +1141,7 @@
"corner_radius": 6, "corner_radius": 6,
"padding": 4, "padding": 4,
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"shadow": { "shadow": {
@ -1232,7 +1232,7 @@
"selection": "#268bd23d" "selection": "#268bd23d"
}, },
"border": { "border": {
"color": "#eee8d5", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -1266,7 +1266,7 @@
"selection": "#268bd23d" "selection": "#268bd23d"
}, },
"border": { "border": {
"color": "#eee8d5", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -1307,7 +1307,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#073642", "color": "#073642",
"size": 14, "size": 14,
"background": "#93a1a12e" "background": "#aab3ae"
} }
}, },
"contact_row": { "contact_row": {
@ -1316,17 +1316,17 @@
"right": 12 "right": 12
}, },
"active": { "active": {
"background": "#93a1a12e" "background": "#aab3ae"
} }
}, },
"tree_branch": { "tree_branch": {
"color": "#839496", "color": "#657b83",
"width": 1, "width": 1,
"hover": { "hover": {
"color": "#839496" "color": "#657b83"
}, },
"active": { "active": {
"color": "#839496" "color": "#657b83"
} }
}, },
"contact_avatar": { "contact_avatar": {
@ -1343,17 +1343,17 @@
}, },
"contact_button_spacing": 8, "contact_button_spacing": 8,
"contact_button": { "contact_button": {
"background": "#eee8d5", "background": "#d7d6c8",
"color": "#073642", "color": "#073642",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#93a1a11f" "background": "#c1c5bb"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#eee8d5", "background": "#d7d6c8",
"color": "#586e75", "color": "#586e75",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1387,10 +1387,10 @@
}, },
"background": "#eee8d5", "background": "#eee8d5",
"hover": { "hover": {
"background": "#93a1a11f" "background": "#d7d6c8"
}, },
"active": { "active": {
"background": "#93a1a12e" "background": "#c1c5bb"
} }
}, },
"unshared_project_row": { "unshared_project_row": {
@ -1421,10 +1421,10 @@
}, },
"background": "#eee8d5", "background": "#eee8d5",
"hover": { "hover": {
"background": "#93a1a11f" "background": "#d7d6c8"
}, },
"active": { "active": {
"background": "#93a1a12e" "background": "#c1c5bb"
} }
} }
}, },
@ -1452,7 +1452,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#93a1a12e", "background": "#c1c5bb",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#073642", "color": "#073642",
@ -1460,11 +1460,11 @@
} }
}, },
"hover": { "hover": {
"background": "#93a1a11f" "background": "#d7d6c8"
} }
}, },
"border": { "border": {
"color": "#fdf6e3", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"empty": { "empty": {
@ -1498,7 +1498,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#eee8d5", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -1527,17 +1527,17 @@
} }
}, },
"contact_button": { "contact_button": {
"background": "#eee8d5", "background": "#d7d6c8",
"color": "#073642", "color": "#073642",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#93a1a11f" "background": "#c1c5bb"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#eee8d5", "background": "#d7d6c8",
"color": "#586e75", "color": "#586e75",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1545,17 +1545,17 @@
} }
}, },
"search": { "search": {
"match_background": "#6c71c43d", "match_background": "#bcc0f6",
"tab_icon_spacing": 8, "tab_icon_spacing": 8,
"tab_icon_width": 14, "tab_icon_width": 14,
"option_button": { "option_button": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#586e75", "color": "#586e75",
"size": 14, "size": 14,
"background": "#eee8d5", "background": "#d7d6c8",
"corner_radius": 6, "corner_radius": 6,
"border": { "border": {
"color": "#eee8d5", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"margin": { "margin": {
@ -1571,9 +1571,9 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#002b36", "color": "#002b36",
"size": 14, "size": 14,
"background": "#93a1a13d", "background": "#aab3ae",
"border": { "border": {
"color": "#839496", "color": "#657b83",
"width": 1 "width": 1
} }
}, },
@ -1581,9 +1581,9 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#002b36", "color": "#002b36",
"size": 14, "size": 14,
"background": "#93a1a11f", "background": "#c1c5bb",
"border": { "border": {
"color": "#839496", "color": "#657b83",
"width": 1 "width": 1
} }
} }
@ -1608,7 +1608,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#eee8d5", "color": "#93a1a1",
"width": 1 "width": 1
}, },
"margin": { "margin": {
@ -1717,7 +1717,7 @@
"left": 6 "left": 6
}, },
"hover": { "hover": {
"background": "#eee8d51f" "background": "#f9f3e0"
} }
}, },
"dismiss_button": { "dismiss_button": {

86
assets/themes/sulphurpool-dark.json
View file

@ -23,7 +23,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#5e66875c", "background": "#444c6f",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#dfe2f1", "color": "#dfe2f1",
@ -31,7 +31,7 @@
} }
}, },
"hover": { "hover": {
"background": "#5e66873d" "background": "#363f62"
} }
}, },
"border": { "border": {
@ -215,7 +215,7 @@
"size": 14 "size": 14
}, },
"icon_color": "#dfe2f1", "icon_color": "#dfe2f1",
"background": "#5e66873d" "background": "#363f62"
} }
}, },
"diagnostic_message": { "diagnostic_message": {
@ -288,7 +288,7 @@
"left": 7, "left": 7,
"right": 7 "right": 7
}, },
"background": "#5e66873d" "background": "#363f62"
}, },
"container_warning": { "container_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -335,11 +335,11 @@
"icon_color": "#979db4", "icon_color": "#979db4",
"hover": { "hover": {
"icon_color": "#dfe2f1", "icon_color": "#dfe2f1",
"background": "#5e66873d" "background": "#363f62"
}, },
"active": { "active": {
"icon_color": "#f5f7ff", "icon_color": "#f5f7ff",
"background": "#5e66875c" "background": "#444c6f"
} }
}, },
"badge": { "badge": {
@ -361,7 +361,7 @@
"avatar_width": 18, "avatar_width": 18,
"avatar_margin": 8, "avatar_margin": 8,
"height": 33, "height": 33,
"background": "#293256", "background": "#363f62",
"padding": { "padding": {
"left": 80, "left": 80,
"right": 6 "right": 6
@ -426,15 +426,15 @@
}, },
"color": "#979db4", "color": "#979db4",
"hover": { "hover": {
"background": "#5e66873d", "background": "#444c6f",
"color": "#979db4" "color": "#979db4"
}, },
"active": { "active": {
"background": "#5e66875c", "background": "#51597b",
"color": "#f5f7ff" "color": "#f5f7ff"
}, },
"active_hover": { "active_hover": {
"background": "#5e66873d", "background": "#444c6f",
"color": "#f5f7ff" "color": "#f5f7ff"
} }
}, },
@ -515,16 +515,16 @@
"editor": { "editor": {
"text_color": "#f5f7ff", "text_color": "#f5f7ff",
"background": "#202746", "background": "#202746",
"active_line_background": "#f5f7ff12", "active_line_background": "#293256",
"code_actions_indicator": "#979db4", "code_actions_indicator": "#979db4",
"diff_background_deleted": "#c9492226", "diff_background_deleted": "#c9492226",
"diff_background_inserted": "#ac973926", "diff_background_inserted": "#ac973926",
"document_highlight_read_background": "#f5f7ff1f", "document_highlight_read_background": "#5e66873d",
"document_highlight_write_background": "#f5f7ff3d", "document_highlight_write_background": "#5e66877a",
"error_color": "#c94922", "error_color": "#c94922",
"gutter_background": "#202746", "gutter_background": "#202746",
"gutter_padding_factor": 3.5, "gutter_padding_factor": 3.5,
"highlighted_line_background": "#f5f7ff1f", "highlighted_line_background": "#363f62",
"line_number": "#898ea4", "line_number": "#898ea4",
"line_number_active": "#f5f7ff", "line_number_active": "#f5f7ff",
"rename_fade": 0.6, "rename_fade": 0.6,
@ -588,7 +588,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#2932563d" "background": "#222a4a"
}, },
"margin": { "margin": {
"left": -14 "left": -14
@ -606,7 +606,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#2932565c" "background": "#252d4e"
} }
}, },
"diagnostic_header": { "diagnostic_header": {
@ -642,7 +642,7 @@
} }
}, },
"diagnostic_path_header": { "diagnostic_path_header": {
"background": "#f5f7ff12", "background": "#293256",
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"filename": { "filename": {
"family": "Zed Mono", "family": "Zed Mono",
@ -852,7 +852,7 @@
"weight": "normal" "weight": "normal"
}, },
"punctuation": { "punctuation": {
"color": "#979db4", "color": "#dfe2f1",
"weight": "normal" "weight": "normal"
}, },
"constant": { "constant": {
@ -989,7 +989,7 @@
"size": 14 "size": 14
}, },
"hover": { "hover": {
"background": "#5e66873d", "background": "#363f62",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#dfe2f1", "color": "#dfe2f1",
@ -997,7 +997,7 @@
} }
}, },
"active": { "active": {
"background": "#5e66875c", "background": "#444c6f",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#dfe2f1", "color": "#dfe2f1",
@ -1005,7 +1005,7 @@
} }
}, },
"active_hover": { "active_hover": {
"background": "#5e66873d", "background": "#363f62",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#f5f7ff", "color": "#f5f7ff",
@ -1014,7 +1014,7 @@
} }
}, },
"filename_editor": { "filename_editor": {
"background": "#2932565c", "background": "#252d4e",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#dfe2f1", "color": "#dfe2f1",
@ -1098,7 +1098,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#5e66873d", "background": "#363f62",
"corner_radius": 6 "corner_radius": 6
}, },
"active_item": { "active_item": {
@ -1133,7 +1133,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#5e66873d", "background": "#363f62",
"corner_radius": 6 "corner_radius": 6
}, },
"menu": { "menu": {
@ -1307,7 +1307,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#dfe2f1", "color": "#dfe2f1",
"size": 14, "size": 14,
"background": "#5e66875c" "background": "#51597b"
} }
}, },
"contact_row": { "contact_row": {
@ -1316,7 +1316,7 @@
"right": 12 "right": 12
}, },
"active": { "active": {
"background": "#5e66875c" "background": "#51597b"
} }
}, },
"tree_branch": { "tree_branch": {
@ -1343,17 +1343,17 @@
}, },
"contact_button_spacing": 8, "contact_button_spacing": 8,
"contact_button": { "contact_button": {
"background": "#293256", "background": "#363f62",
"color": "#dfe2f1", "color": "#dfe2f1",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#5e66873d" "background": "#444c6f"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#293256", "background": "#363f62",
"color": "#979db4", "color": "#979db4",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1387,10 +1387,10 @@
}, },
"background": "#293256", "background": "#293256",
"hover": { "hover": {
"background": "#5e66873d" "background": "#363f62"
}, },
"active": { "active": {
"background": "#5e66875c" "background": "#444c6f"
} }
}, },
"unshared_project_row": { "unshared_project_row": {
@ -1421,10 +1421,10 @@
}, },
"background": "#293256", "background": "#293256",
"hover": { "hover": {
"background": "#5e66873d" "background": "#363f62"
}, },
"active": { "active": {
"background": "#5e66875c" "background": "#444c6f"
} }
} }
}, },
@ -1452,7 +1452,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#5e66875c", "background": "#444c6f",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#dfe2f1", "color": "#dfe2f1",
@ -1460,7 +1460,7 @@
} }
}, },
"hover": { "hover": {
"background": "#5e66873d" "background": "#363f62"
} }
}, },
"border": { "border": {
@ -1527,17 +1527,17 @@
} }
}, },
"contact_button": { "contact_button": {
"background": "#293256", "background": "#363f62",
"color": "#dfe2f1", "color": "#dfe2f1",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#5e66873d" "background": "#444c6f"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#293256", "background": "#363f62",
"color": "#979db4", "color": "#979db4",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1545,14 +1545,14 @@
} }
}, },
"search": { "search": {
"match_background": "#6679cc7a", "match_background": "#1a2a6d",
"tab_icon_spacing": 8, "tab_icon_spacing": 8,
"tab_icon_width": 14, "tab_icon_width": 14,
"option_button": { "option_button": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#979db4", "color": "#979db4",
"size": 14, "size": 14,
"background": "#293256", "background": "#363f62",
"corner_radius": 6, "corner_radius": 6,
"border": { "border": {
"color": "#293256", "color": "#293256",
@ -1571,7 +1571,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#f5f7ff", "color": "#f5f7ff",
"size": 14, "size": 14,
"background": "#5e66877a", "background": "#51597b",
"border": { "border": {
"color": "#6b7394", "color": "#6b7394",
"width": 1 "width": 1
@ -1581,7 +1581,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#f5f7ff", "color": "#f5f7ff",
"size": 14, "size": 14,
"background": "#5e66873d", "background": "#444c6f",
"border": { "border": {
"color": "#6b7394", "color": "#6b7394",
"width": 1 "width": 1
@ -1717,7 +1717,7 @@
"left": 6 "left": 6
}, },
"hover": { "hover": {
"background": "#2932563d" "background": "#222a4a"
} }
}, },
"dismiss_button": { "dismiss_button": {

154
assets/themes/sulphurpool-light.json
View file

@ -23,7 +23,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#979db42e", "background": "#bbc0d3",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#293256", "color": "#293256",
@ -31,11 +31,11 @@
} }
}, },
"hover": { "hover": {
"background": "#979db41f" "background": "#cdd1e2"
} }
}, },
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1 "width": 1
}, },
"empty": { "empty": {
@ -69,7 +69,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#dfe2f1", "color": "#979db4",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -107,7 +107,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"left": true, "left": true,
"bottom": true, "bottom": true,
@ -133,7 +133,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"left": true, "left": true,
"bottom": false, "bottom": false,
@ -152,13 +152,13 @@
"cursor": "Arrow" "cursor": "Arrow"
}, },
"sidebar_resize_handle": { "sidebar_resize_handle": {
"background": "#f5f7ff", "background": "#979db4",
"padding": { "padding": {
"left": 1 "left": 1
} }
}, },
"pane_divider": { "pane_divider": {
"color": "#dfe2f1", "color": "#979db4",
"width": 1 "width": 1
}, },
"status_bar": { "status_bar": {
@ -171,7 +171,7 @@
"right": 6 "right": 6
}, },
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"top": true, "top": true,
"overlay": true "overlay": true
@ -215,7 +215,7 @@
"size": 14 "size": 14
}, },
"icon_color": "#293256", "icon_color": "#293256",
"background": "#979db41f" "background": "#cdd1e2"
} }
}, },
"diagnostic_message": { "diagnostic_message": {
@ -288,7 +288,7 @@
"left": 7, "left": 7,
"right": 7 "right": 7
}, },
"background": "#979db41f" "background": "#cdd1e2"
}, },
"container_warning": { "container_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -335,11 +335,11 @@
"icon_color": "#5e6687", "icon_color": "#5e6687",
"hover": { "hover": {
"icon_color": "#293256", "icon_color": "#293256",
"background": "#979db41f" "background": "#cdd1e2"
}, },
"active": { "active": {
"icon_color": "#202746", "icon_color": "#202746",
"background": "#979db42e" "background": "#bbc0d3"
} }
}, },
"badge": { "badge": {
@ -361,7 +361,7 @@
"avatar_width": 18, "avatar_width": 18,
"avatar_margin": 8, "avatar_margin": 8,
"height": 33, "height": 33,
"background": "#dfe2f1", "background": "#cdd1e2",
"padding": { "padding": {
"left": 80, "left": 80,
"right": 6 "right": 6
@ -383,14 +383,14 @@
"width": 12 "width": 12
}, },
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"bottom": true, "bottom": true,
"overlay": true "overlay": true
}, },
"sign_in_prompt": { "sign_in_prompt": {
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1 "width": 1
}, },
"corner_radius": 6, "corner_radius": 6,
@ -426,15 +426,15 @@
}, },
"color": "#5e6687", "color": "#5e6687",
"hover": { "hover": {
"background": "#979db41f", "background": "#bbc0d3",
"color": "#5e6687" "color": "#5e6687"
}, },
"active": { "active": {
"background": "#979db42e", "background": "#a9aec3",
"color": "#202746" "color": "#202746"
}, },
"active_hover": { "active_hover": {
"background": "#979db41f", "background": "#bbc0d3",
"color": "#202746" "color": "#202746"
} }
}, },
@ -458,7 +458,7 @@
"height": 34, "height": 34,
"background": "#f5f7ff", "background": "#f5f7ff",
"border": { "border": {
"color": "#dfe2f1", "color": "#979db4",
"width": 1, "width": 1,
"bottom": true "bottom": true
}, },
@ -492,7 +492,7 @@
"corner_radius": 6, "corner_radius": 6,
"padding": 12, "padding": 12,
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1 "width": 1
}, },
"shadow": { "shadow": {
@ -515,16 +515,16 @@
"editor": { "editor": {
"text_color": "#202746", "text_color": "#202746",
"background": "#f5f7ff", "background": "#f5f7ff",
"active_line_background": "#20274612", "active_line_background": "#dfe2f1",
"code_actions_indicator": "#5e6687", "code_actions_indicator": "#5e6687",
"diff_background_deleted": "#c9492226", "diff_background_deleted": "#c9492226",
"diff_background_inserted": "#ac973926", "diff_background_inserted": "#ac973926",
"document_highlight_read_background": "#2027460f", "document_highlight_read_background": "#979db41f",
"document_highlight_write_background": "#2027461f", "document_highlight_write_background": "#979db43d",
"error_color": "#c94922", "error_color": "#c94922",
"gutter_background": "#f5f7ff", "gutter_background": "#f5f7ff",
"gutter_padding_factor": 3.5, "gutter_padding_factor": 3.5,
"highlighted_line_background": "#2027461f", "highlighted_line_background": "#cdd1e2",
"line_number": "#6b7394", "line_number": "#6b7394",
"line_number_active": "#202746", "line_number_active": "#202746",
"rename_fade": 0.6, "rename_fade": 0.6,
@ -568,7 +568,7 @@
"corner_radius": 8, "corner_radius": 8,
"padding": 4, "padding": 4,
"border": { "border": {
"color": "#dfe2f1", "color": "#979db4",
"width": 1 "width": 1
}, },
"item": { "item": {
@ -588,7 +588,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#dfe2f11f" "background": "#f0f2fc"
}, },
"margin": { "margin": {
"left": -14 "left": -14
@ -606,7 +606,7 @@
"right": 6, "right": 6,
"top": 2 "top": 2
}, },
"background": "#dfe2f12e" "background": "#eaedf8"
} }
}, },
"diagnostic_header": { "diagnostic_header": {
@ -614,7 +614,7 @@
"icon_width_factor": 1.5, "icon_width_factor": 1.5,
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"border": { "border": {
"color": "#dfe2f1", "color": "#979db4",
"width": 1, "width": 1,
"bottom": true, "bottom": true,
"top": true "top": true
@ -642,7 +642,7 @@
} }
}, },
"diagnostic_path_header": { "diagnostic_path_header": {
"background": "#20274612", "background": "#dfe2f1",
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"filename": { "filename": {
"family": "Zed Mono", "family": "Zed Mono",
@ -662,7 +662,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -685,7 +685,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -708,7 +708,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -731,7 +731,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -754,7 +754,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -777,7 +777,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -800,7 +800,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -823,7 +823,7 @@
"text_scale_factor": 0.857, "text_scale_factor": 0.857,
"header": { "header": {
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1, "width": 1,
"top": true "top": true
} }
@ -852,7 +852,7 @@
"weight": "normal" "weight": "normal"
}, },
"punctuation": { "punctuation": {
"color": "#5e6687", "color": "#293256",
"weight": "normal" "weight": "normal"
}, },
"constant": { "constant": {
@ -949,7 +949,7 @@
"corner_radius": 4, "corner_radius": 4,
"background": "#f5f7ff", "background": "#f5f7ff",
"border": { "border": {
"color": "#dfe2f1", "color": "#979db4",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -989,7 +989,7 @@
"size": 14 "size": 14
}, },
"hover": { "hover": {
"background": "#979db41f", "background": "#cdd1e2",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#293256", "color": "#293256",
@ -997,7 +997,7 @@
} }
}, },
"active": { "active": {
"background": "#979db42e", "background": "#bbc0d3",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#293256", "color": "#293256",
@ -1005,7 +1005,7 @@
} }
}, },
"active_hover": { "active_hover": {
"background": "#979db41f", "background": "#cdd1e2",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#202746", "color": "#202746",
@ -1014,7 +1014,7 @@
} }
}, },
"filename_editor": { "filename_editor": {
"background": "#dfe2f12e", "background": "#eaedf8",
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#293256", "color": "#293256",
@ -1098,7 +1098,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#979db41f", "background": "#cdd1e2",
"corner_radius": 6 "corner_radius": 6
}, },
"active_item": { "active_item": {
@ -1133,7 +1133,7 @@
"right": 8 "right": 8
} }
}, },
"background": "#979db41f", "background": "#cdd1e2",
"corner_radius": 6 "corner_radius": 6
}, },
"menu": { "menu": {
@ -1141,7 +1141,7 @@
"corner_radius": 6, "corner_radius": 6,
"padding": 4, "padding": 4,
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1 "width": 1
}, },
"shadow": { "shadow": {
@ -1232,7 +1232,7 @@
"selection": "#3d8fd13d" "selection": "#3d8fd13d"
}, },
"border": { "border": {
"color": "#dfe2f1", "color": "#979db4",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -1266,7 +1266,7 @@
"selection": "#3d8fd13d" "selection": "#3d8fd13d"
}, },
"border": { "border": {
"color": "#dfe2f1", "color": "#979db4",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -1307,7 +1307,7 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#293256", "color": "#293256",
"size": 14, "size": 14,
"background": "#979db42e" "background": "#a9aec3"
} }
}, },
"contact_row": { "contact_row": {
@ -1316,17 +1316,17 @@
"right": 12 "right": 12
}, },
"active": { "active": {
"background": "#979db42e" "background": "#a9aec3"
} }
}, },
"tree_branch": { "tree_branch": {
"color": "#898ea4", "color": "#6b7394",
"width": 1, "width": 1,
"hover": { "hover": {
"color": "#898ea4" "color": "#6b7394"
}, },
"active": { "active": {
"color": "#898ea4" "color": "#6b7394"
} }
}, },
"contact_avatar": { "contact_avatar": {
@ -1343,17 +1343,17 @@
}, },
"contact_button_spacing": 8, "contact_button_spacing": 8,
"contact_button": { "contact_button": {
"background": "#dfe2f1", "background": "#cdd1e2",
"color": "#293256", "color": "#293256",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#979db41f" "background": "#bbc0d3"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#dfe2f1", "background": "#cdd1e2",
"color": "#5e6687", "color": "#5e6687",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1387,10 +1387,10 @@
}, },
"background": "#dfe2f1", "background": "#dfe2f1",
"hover": { "hover": {
"background": "#979db41f" "background": "#cdd1e2"
}, },
"active": { "active": {
"background": "#979db42e" "background": "#bbc0d3"
} }
}, },
"unshared_project_row": { "unshared_project_row": {
@ -1421,10 +1421,10 @@
}, },
"background": "#dfe2f1", "background": "#dfe2f1",
"hover": { "hover": {
"background": "#979db41f" "background": "#cdd1e2"
}, },
"active": { "active": {
"background": "#979db42e" "background": "#bbc0d3"
} }
} }
}, },
@ -1452,7 +1452,7 @@
"size": 14 "size": 14
}, },
"active": { "active": {
"background": "#979db42e", "background": "#bbc0d3",
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#293256", "color": "#293256",
@ -1460,11 +1460,11 @@
} }
}, },
"hover": { "hover": {
"background": "#979db41f" "background": "#cdd1e2"
} }
}, },
"border": { "border": {
"color": "#f5f7ff", "color": "#979db4",
"width": 1 "width": 1
}, },
"empty": { "empty": {
@ -1498,7 +1498,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#dfe2f1", "color": "#979db4",
"width": 1 "width": 1
}, },
"padding": { "padding": {
@ -1527,17 +1527,17 @@
} }
}, },
"contact_button": { "contact_button": {
"background": "#dfe2f1", "background": "#cdd1e2",
"color": "#293256", "color": "#293256",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
"corner_radius": 8, "corner_radius": 8,
"hover": { "hover": {
"background": "#979db41f" "background": "#bbc0d3"
} }
}, },
"disabled_contact_button": { "disabled_contact_button": {
"background": "#dfe2f1", "background": "#cdd1e2",
"color": "#5e6687", "color": "#5e6687",
"icon_width": 8, "icon_width": 8,
"button_width": 16, "button_width": 16,
@ -1545,17 +1545,17 @@
} }
}, },
"search": { "search": {
"match_background": "#6679cc3d", "match_background": "#bcc6f7",
"tab_icon_spacing": 8, "tab_icon_spacing": 8,
"tab_icon_width": 14, "tab_icon_width": 14,
"option_button": { "option_button": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#5e6687", "color": "#5e6687",
"size": 14, "size": 14,
"background": "#dfe2f1", "background": "#cdd1e2",
"corner_radius": 6, "corner_radius": 6,
"border": { "border": {
"color": "#dfe2f1", "color": "#979db4",
"width": 1 "width": 1
}, },
"margin": { "margin": {
@ -1571,9 +1571,9 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#202746", "color": "#202746",
"size": 14, "size": 14,
"background": "#979db43d", "background": "#a9aec3",
"border": { "border": {
"color": "#898ea4", "color": "#6b7394",
"width": 1 "width": 1
} }
}, },
@ -1581,9 +1581,9 @@
"family": "Zed Mono", "family": "Zed Mono",
"color": "#202746", "color": "#202746",
"size": 14, "size": 14,
"background": "#979db41f", "background": "#bbc0d3",
"border": { "border": {
"color": "#898ea4", "color": "#6b7394",
"width": 1 "width": 1
} }
} }
@ -1608,7 +1608,7 @@
"size": 14 "size": 14
}, },
"border": { "border": {
"color": "#dfe2f1", "color": "#979db4",
"width": 1 "width": 1
}, },
"margin": { "margin": {
@ -1717,7 +1717,7 @@
"left": 6 "left": 6
}, },
"hover": { "hover": {
"background": "#dfe2f11f" "background": "#f0f2fc"
} }
}, },
"dismiss_button": { "dismiss_button": {

2
crates/theme/src/theme.rs
View file

@ -12,7 +12,7 @@ use std::{collections::HashMap, sync::Arc};
pub use theme_registry::*; pub use theme_registry::*;
pub const DEFAULT_THEME_NAME: &'static str = "dark"; pub const DEFAULT_THEME_NAME: &'static str = "cave-dark";
#[derive(Deserialize, Default)] #[derive(Deserialize, Default)]
pub struct Theme { pub struct Theme {

405
styles/dist/dark.json vendored
View file

@ -1,698 +1,531 @@
{ {
"meta": { "meta": {
"themeName": "dark" "themeName": "cave-dark"
}, },
"text": { "text": {
"primary": { "primary": {
"value": "#f1f1f1", "value": "#e2dfe7",
"description": "Step: 50",
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#9c9c9c", "value": "#8b8792",
"description": "Step: 350",
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#808080", "value": "#8b8792",
"description": "Step: 450",
"type": "color" "type": "color"
}, },
"placeholder": { "placeholder": {
"value": "#474747", "value": "#7e7887",
"description": "Step: 650",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#ffffff", "value": "#efecf4",
"description": "Step: 0",
"type": "color" "type": "color"
}, },
"feature": { "feature": {
"value": "#4f8ff7", "value": "#576ddb",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"ok": { "ok": {
"value": "#1b9447", "value": "#2a9292",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"error": { "error": {
"value": "#f15656", "value": "#be4678",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"warning": { "warning": {
"value": "#f7bb57", "value": "#a06e3b",
"description": "Step: 300",
"type": "color" "type": "color"
}, },
"info": { "info": {
"value": "#2472f2", "value": "#576ddb",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"icon": { "icon": {
"primary": { "primary": {
"value": "#c6c6c6", "value": "#e2dfe7",
"description": "Step: 200",
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#9c9c9c", "value": "#8b8792",
"description": "Step: 350",
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#555555", "value": "#8b8792",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"placeholder": { "placeholder": {
"value": "#393939", "value": "#7e7887",
"description": "Step: 700",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#ffffff", "value": "#efecf4",
"description": "Step: 0",
"type": "color" "type": "color"
}, },
"feature": { "feature": {
"value": "#2472f2", "value": "#576ddb",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"ok": { "ok": {
"value": "#1b9447", "value": "#2a9292",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"error": { "error": {
"value": "#eb2d2d", "value": "#be4678",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"warning": { "warning": {
"value": "#f6a724", "value": "#a06e3b",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"info": { "info": {
"value": "#135acd", "value": "#576ddb",
"description": "Step: 600",
"type": "color" "type": "color"
} }
}, },
"background": { "background": {
"100": { "100": {
"base": { "base": {
"value": "#2b2b2b", "value": "#26232a",
"description": "Step: 750",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#323232", "value": "#5852603d",
"description": "Step: 725",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#1c1c1c", "value": "#5852605c",
"description": "Step: 800",
"type": "color"
},
"focused": {
"value": "#404040",
"description": "Step: 675",
"type": "color" "type": "color"
} }
}, },
"300": { "300": {
"base": { "base": {
"value": "#1c1c1c", "value": "#26232a",
"description": "Step: 800",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#232323", "value": "#5852603d",
"description": "Step: 775",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#2b2b2b", "value": "#5852605c",
"description": "Step: 750",
"type": "color"
},
"focused": {
"value": "#232323",
"description": "Step: 775",
"type": "color" "type": "color"
} }
}, },
"500": { "500": {
"base": { "base": {
"value": "#000000", "value": "#19171c",
"description": "Step: 900",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#ffffff14", "value": "#26232a3d",
"description": "Step: 0",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#ffffff1f", "value": "#26232a5c",
"description": "Step: 0",
"type": "color"
},
"focused": {
"value": "#151515",
"description": "Step: 825",
"type": "color" "type": "color"
} }
}, },
"on300": { "on300": {
"base": { "base": {
"value": "#0e0e0e80", "value": "#19171c",
"description": "Step: 850",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#070707", "value": "#26232a3d",
"description": "Step: 875",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#000000", "value": "#26232a7a",
"description": "Step: 900",
"type": "color"
},
"focused": {
"value": "#070707",
"description": "Step: 875",
"type": "color" "type": "color"
} }
}, },
"on500": { "on500": {
"base": { "base": {
"value": "#0e0e0e", "value": "#26232a",
"description": "Step: 850",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#1c1c1c", "value": "#5852603d",
"description": "Step: 800",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#232323", "value": "#5852607a",
"description": "Step: 775",
"type": "color"
},
"focused": {
"value": "#1c1c1c",
"description": "Step: 800",
"type": "color" "type": "color"
} }
}, },
"ok": { "ok": {
"base": { "base": {
"value": "#1b944726", "value": "#2a929226",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#1b944733", "value": "#2a929233",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#1b944740", "value": "#2a929240",
"description": "Step: 600",
"type": "color"
},
"focused": {
"value": "#1b944733",
"description": "Step: 600",
"type": "color" "type": "color"
} }
}, },
"error": { "error": {
"base": { "base": {
"value": "#c9181826", "value": "#be467826",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#c9181833", "value": "#be467833",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#c9181840", "value": "#be467840",
"description": "Step: 600",
"type": "color"
},
"focused": {
"value": "#c9181833",
"description": "Step: 600",
"type": "color" "type": "color"
} }
}, },
"warning": { "warning": {
"base": { "base": {
"value": "#f6a72426", "value": "#a06e3b26",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#f6a72433", "value": "#a06e3b33",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#f6a72440", "value": "#a06e3b40",
"description": "Step: 400",
"type": "color"
},
"focused": {
"value": "#f6a72433",
"description": "Step: 400",
"type": "color" "type": "color"
} }
}, },
"info": { "info": {
"base": { "base": {
"value": "#2472f226", "value": "#576ddb26",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#2472f233", "value": "#576ddb33",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#2472f240", "value": "#576ddb40",
"description": "Step: 500",
"type": "color"
},
"focused": {
"value": "#2472f233",
"description": "Step: 500",
"type": "color" "type": "color"
} }
} }
}, },
"border": { "border": {
"primary": { "primary": {
"value": "#070707", "value": "#19171c",
"description": "Step: 875",
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#232323", "value": "#26232a",
"description": "Step: 775",
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#404040", "value": "#655f6d",
"description": "Step: 675",
"type": "color"
},
"focused": {
"value": "#484bed",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#000000", "value": "#655f6d",
"description": "Step: 900",
"type": "color" "type": "color"
}, },
"onMedia": { "onMedia": {
"value": "#0707071a", "value": "#19171c1a",
"description": "Step: 875",
"type": "color" "type": "color"
}, },
"ok": { "ok": {
"value": "#1b944726", "value": "#2a929226",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"error": { "error": {
"value": "#eb2d2d26", "value": "#be467826",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"warning": { "warning": {
"value": "#f6a72426", "value": "#a06e3b26",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"info": { "info": {
"value": "#2472f226", "value": "#576ddb26",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"editor": { "editor": {
"background": { "background": {
"value": "#000000", "value": "#19171c",
"description": "Step: 900",
"type": "color" "type": "color"
}, },
"indent_guide": { "indent_guide": {
"value": "#404040", "value": "#655f6d",
"description": "Step: 675",
"type": "color" "type": "color"
}, },
"indent_guide_active": { "indent_guide_active": {
"value": "#232323", "value": "#26232a",
"description": "Step: 775",
"type": "color" "type": "color"
}, },
"line": { "line": {
"active": { "active": {
"value": "#ffffff12", "value": "#efecf412",
"description": "Step: 0",
"type": "color" "type": "color"
}, },
"highlighted": { "highlighted": {
"value": "#ffffff1f", "value": "#efecf41f",
"description": "Step: 0",
"type": "color" "type": "color"
}, },
"inserted": { "inserted": {
"value": "#1b944740", "value": "#2a929240",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"deleted": { "deleted": {
"value": "#c9181840", "value": "#be467840",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"modified": { "modified": {
"value": "#2472f240", "value": "#576ddb40",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"highlight": { "highlight": {
"selection": { "selection": {
"value": "#2472f23d", "value": "#576ddb3d",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"occurrence": { "occurrence": {
"value": "#ffffff1f", "value": "#efecf41f",
"description": "Step: 0",
"type": "color" "type": "color"
}, },
"activeOccurrence": { "activeOccurrence": {
"value": "#ffffff29", "value": "#efecf43d",
"description": "Step: 0",
"type": "color" "type": "color"
}, },
"matchingBracket": { "matchingBracket": {
"value": "#ffffff1f", "value": "#26232a5c",
"description": "Step: 0",
"type": "color" "type": "color"
}, },
"match": { "match": {
"value": "#3f15a380", "value": "#955ae77a",
"description": "Step: 700",
"type": "color" "type": "color"
}, },
"activeMatch": { "activeMatch": {
"value": "#5316e0b3", "value": "#955ae7b8",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"related": { "related": {
"value": "#151515", "value": "#26232a3d",
"description": "Step: 825",
"type": "color" "type": "color"
} }
}, },
"gutter": { "gutter": {
"primary": { "primary": {
"value": "#474747", "value": "#7e7887",
"description": "Step: 650",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#ffffff", "value": "#efecf4",
"description": "Step: 0",
"type": "color" "type": "color"
} }
} }
}, },
"syntax": { "syntax": {
"primary": { "primary": {
"value": "#d5d5d5", "value": "#efecf4",
"description": "Step: 150",
"type": "color" "type": "color"
}, },
"comment": { "comment": {
"value": "#aaaaaa", "value": "#8b8792",
"description": "Step: 300",
"type": "color" "type": "color"
}, },
"keyword": { "keyword": {
"value": "#4f8ff7", "value": "#576ddb",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"function": { "function": {
"value": "#f9da82", "value": "#a06e3b",
"description": "Step: 200",
"type": "color" "type": "color"
}, },
"type": { "type": {
"value": "#3eeeda", "value": "#398bc6",
"description": "Step: 300",
"type": "color" "type": "color"
}, },
"variant": { "variant": {
"value": "#53c1f5", "value": "#576ddb",
"description": "Step: 300",
"type": "color" "type": "color"
}, },
"property": { "property": {
"value": "#4f8ff7", "value": "#576ddb",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"enum": { "enum": {
"value": "#ee670a", "value": "#aa573c",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"operator": { "operator": {
"value": "#ee670a", "value": "#aa573c",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"string": { "string": {
"value": "#f99d5f", "value": "#aa573c",
"description": "Step: 300",
"type": "color" "type": "color"
}, },
"number": { "number": {
"value": "#aeef4b", "value": "#2a9292",
"description": "Step: 300",
"type": "color" "type": "color"
}, },
"boolean": { "boolean": {
"value": "#aeef4b", "value": "#2a9292",
"description": "Step: 300",
"type": "color" "type": "color"
} }
}, },
"player": { "player": {
"1": { "1": {
"baseColor": { "baseColor": {
"value": "#2472f2", "value": "#576ddb",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#2472f2", "value": "#576ddb",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#2472f23d", "value": "#576ddb3d",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#2472f2cc", "value": "#576ddbcc",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"2": { "2": {
"baseColor": { "baseColor": {
"value": "#79ba16", "value": "#2a9292",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#79ba16", "value": "#2a9292",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#79ba163d", "value": "#2a92923d",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#79ba16cc", "value": "#2a9292cc",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"3": { "3": {
"baseColor": { "baseColor": {
"value": "#d430e0", "value": "#bf40bf",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#d430e0", "value": "#bf40bf",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#d430e03d", "value": "#bf40bf3d",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#d430e0cc", "value": "#bf40bfcc",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"4": { "4": {
"baseColor": { "baseColor": {
"value": "#ee670a", "value": "#aa573c",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#ee670a", "value": "#aa573c",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#ee670a3d", "value": "#aa573c3d",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#ee670acc", "value": "#aa573ccc",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"5": { "5": {
"baseColor": { "baseColor": {
"value": "#993bf3", "value": "#955ae7",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#993bf3", "value": "#955ae7",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#993bf33d", "value": "#955ae73d",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#993bf3cc", "value": "#955ae7cc",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"6": { "6": {
"baseColor": { "baseColor": {
"value": "#16d6c1", "value": "#398bc6",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#16d6c1", "value": "#398bc6",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#16d6c13d", "value": "#398bc63d",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#16d6c1cc", "value": "#398bc6cc",
"description": "Step: 400",
"type": "color" "type": "color"
} }
}, },
"7": { "7": {
"baseColor": { "baseColor": {
"value": "#ef59a3", "value": "#be4678",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#ef59a3", "value": "#be4678",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#ef59a33d", "value": "#be46783d",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#ef59a3cc", "value": "#be4678cc",
"description": "Step: 400",
"type": "color" "type": "color"
} }
}, },
"8": { "8": {
"baseColor": { "baseColor": {
"value": "#f7bf17", "value": "#a06e3b",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#f7bf17", "value": "#a06e3b",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#f7bf173d", "value": "#a06e3b3d",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#f7bf17cc", "value": "#a06e3bcc",
"description": "Step: 400",
"type": "color" "type": "color"
} }
} }
}, },
"shadowAlpha": { "shadowAlpha": {
"value": 0.32, "value": 0.24,
"type": "number" "type": "number"
} }
} }

403
styles/dist/light.json vendored
View file

@ -1,692 +1,525 @@
{ {
"meta": { "meta": {
"themeName": "light" "themeName": "cave-light"
}, },
"text": { "text": {
"primary": { "primary": {
"value": "#2b2b2b", "value": "#26232a",
"description": "Step: 750",
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#474747", "value": "#585260",
"description": "Step: 650",
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#636363", "value": "#585260",
"description": "Step: 550",
"type": "color" "type": "color"
}, },
"placeholder": { "placeholder": {
"value": "#808080", "value": "#655f6d",
"description": "Step: 450",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#000000", "value": "#19171c",
"description": "Step: 900",
"type": "color" "type": "color"
}, },
"feature": { "feature": {
"value": "#484bed", "value": "#576ddb",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"ok": { "ok": {
"value": "#20b456", "value": "#2a9292",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"error": { "error": {
"value": "#eb2d2d", "value": "#be4678",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"warning": { "warning": {
"value": "#d3a20b", "value": "#a06e3b",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"info": { "info": {
"value": "#2472f2", "value": "#576ddb",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"icon": { "icon": {
"primary": { "primary": {
"value": "#393939", "value": "#26232a",
"description": "Step: 700",
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#717171", "value": "#585260",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#9c9c9c", "value": "#585260",
"description": "Step: 350",
"type": "color" "type": "color"
}, },
"placeholder": { "placeholder": {
"value": "#aaaaaa", "value": "#655f6d",
"description": "Step: 300",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#000000", "value": "#19171c",
"description": "Step: 900",
"type": "color" "type": "color"
}, },
"feature": { "feature": {
"value": "#484bed", "value": "#576ddb",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"ok": { "ok": {
"value": "#1b9447", "value": "#2a9292",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"error": { "error": {
"value": "#c91818", "value": "#be4678",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"warning": { "warning": {
"value": "#f7bf17", "value": "#a06e3b",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"info": { "info": {
"value": "#135acd", "value": "#576ddb",
"description": "Step: 600",
"type": "color" "type": "color"
} }
}, },
"background": { "background": {
"100": { "100": {
"base": { "base": {
"value": "#eaeaea", "value": "#e2dfe7",
"description": "Step: 75",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#e3e3e3", "value": "#8b87921f",
"description": "Step: 100",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#d5d5d5", "value": "#8b87922e",
"description": "Step: 150",
"type": "color"
},
"focused": {
"value": "#e3e3e3",
"description": "Step: 100",
"type": "color" "type": "color"
} }
}, },
"300": { "300": {
"base": { "base": {
"value": "#f8f8f8", "value": "#e2dfe7",
"description": "Step: 25",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#eaeaea", "value": "#8b87921f",
"description": "Step: 75",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#e3e3e3", "value": "#8b87922e",
"description": "Step: 100",
"type": "color"
},
"focused": {
"value": "#eaeaea",
"description": "Step: 75",
"type": "color" "type": "color"
} }
}, },
"500": { "500": {
"base": { "base": {
"value": "#ffffff", "value": "#efecf4",
"description": "Step: 0",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#00000008", "value": "#e2dfe71f",
"description": "Step: 900",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#0000000f", "value": "#e2dfe72e",
"description": "Step: 900",
"type": "color"
},
"focused": {
"value": "#f1f1f1",
"description": "Step: 50",
"type": "color" "type": "color"
} }
}, },
"on300": { "on300": {
"base": { "base": {
"value": "#f1f1f1", "value": "#efecf4",
"description": "Step: 50",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#e3e3e3", "value": "#e2dfe71f",
"description": "Step: 100",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#d5d5d5", "value": "#e2dfe73d",
"description": "Step: 150",
"type": "color"
},
"focused": {
"value": "#e3e3e3",
"description": "Step: 100",
"type": "color" "type": "color"
} }
}, },
"on500": { "on500": {
"base": { "base": {
"value": "#f1f1f1", "value": "#e2dfe7",
"description": "Step: 50",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#f8f8f8", "value": "#8b87921f",
"description": "Step: 25",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#ffffff", "value": "#8b87923d",
"description": "Step: 0",
"type": "color"
},
"focused": {
"value": "#f8f8f8",
"description": "Step: 25",
"type": "color" "type": "color"
} }
}, },
"ok": { "ok": {
"base": { "base": {
"value": "#1b944726", "value": "#2a929226",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#1b944733", "value": "#2a929233",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#1b944740", "value": "#2a929240",
"description": "Step: 600",
"type": "color"
},
"focused": {
"value": "#1b944733",
"description": "Step: 600",
"type": "color" "type": "color"
} }
}, },
"error": { "error": {
"base": { "base": {
"value": "#c9181826", "value": "#be467826",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#c9181833", "value": "#be467833",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#c9181840", "value": "#be467840",
"description": "Step: 600",
"type": "color"
},
"focused": {
"value": "#c9181833",
"description": "Step: 600",
"type": "color" "type": "color"
} }
}, },
"warning": { "warning": {
"base": { "base": {
"value": "#f6a72426", "value": "#a06e3b26",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#f6a72433", "value": "#a06e3b33",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#f6a72440", "value": "#a06e3b40",
"description": "Step: 400",
"type": "color"
},
"focused": {
"value": "#f6a72433",
"description": "Step: 400",
"type": "color" "type": "color"
} }
}, },
"info": { "info": {
"base": { "base": {
"value": "#2472f226", "value": "#576ddb26",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#2472f233", "value": "#576ddb33",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#2472f240", "value": "#576ddb40",
"description": "Step: 500",
"type": "color"
},
"focused": {
"value": "#2472f233",
"description": "Step: 500",
"type": "color" "type": "color"
} }
} }
}, },
"border": { "border": {
"primary": { "primary": {
"value": "#d5d5d5", "value": "#efecf4",
"description": "Step: 150",
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#d5d5d5", "value": "#e2dfe7",
"description": "Step: 150",
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#e3e3e3", "value": "#7e7887",
"description": "Step: 100",
"type": "color"
},
"focused": {
"value": "#484bed",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#b8b8b8", "value": "#7e7887",
"description": "Step: 250",
"type": "color" "type": "color"
}, },
"onMedia": { "onMedia": {
"value": "#b8b8b84d", "value": "#efecf41a",
"description": "Step: 250",
"type": "color" "type": "color"
}, },
"ok": { "ok": {
"value": "#1b944726", "value": "#2a929226",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"error": { "error": {
"value": "#eb2d2d26", "value": "#be467826",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"warning": { "warning": {
"value": "#f6a72426", "value": "#a06e3b26",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"info": { "info": {
"value": "#2472f226", "value": "#576ddb26",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"editor": { "editor": {
"background": { "background": {
"value": "#ffffff", "value": "#efecf4",
"description": "Step: 0",
"type": "color" "type": "color"
}, },
"indent_guide": { "indent_guide": {
"value": "#e3e3e3", "value": "#7e7887",
"description": "Step: 100",
"type": "color" "type": "color"
}, },
"indent_guide_active": { "indent_guide_active": {
"value": "#d5d5d5", "value": "#e2dfe7",
"description": "Step: 150",
"type": "color" "type": "color"
}, },
"line": { "line": {
"active": { "active": {
"value": "#0000000f", "value": "#19171c12",
"description": "Step: 900",
"type": "color" "type": "color"
}, },
"highlighted": { "highlighted": {
"value": "#0000001f", "value": "#19171c1f",
"description": "Step: 900",
"type": "color" "type": "color"
}, },
"inserted": { "inserted": {
"value": "#1b944740", "value": "#2a929240",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"deleted": { "deleted": {
"value": "#c9181840", "value": "#be467840",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"modified": { "modified": {
"value": "#2472f240", "value": "#576ddb40",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"highlight": { "highlight": {
"selection": { "selection": {
"value": "#2472f23d", "value": "#576ddb3d",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"occurrence": { "occurrence": {
"value": "#0000000f", "value": "#19171c0f",
"description": "Step: 900",
"type": "color" "type": "color"
}, },
"activeOccurrence": { "activeOccurrence": {
"value": "#00000029", "value": "#19171c1f",
"description": "Step: 900",
"type": "color" "type": "color"
}, },
"matchingBracket": { "matchingBracket": {
"value": "#ffffff", "value": "#e2dfe72e",
"description": "Step: 0",
"type": "color" "type": "color"
}, },
"match": { "match": {
"value": "#fce9b7", "value": "#955ae73d",
"description": "Step: 100",
"type": "color" "type": "color"
}, },
"activeMatch": { "activeMatch": {
"value": "#f9da82", "value": "#955ae75c",
"description": "Step: 200",
"type": "color" "type": "color"
}, },
"related": { "related": {
"value": "#ffffff", "value": "#e2dfe71f",
"description": "Step: 0",
"type": "color" "type": "color"
} }
}, },
"gutter": { "gutter": {
"primary": { "primary": {
"value": "#aaaaaa", "value": "#655f6d",
"description": "Step: 300",
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#000000", "value": "#19171c",
"description": "Step: 900",
"type": "color" "type": "color"
} }
} }
}, },
"syntax": { "syntax": {
"primary": { "primary": {
"value": "#1c1c1c", "value": "#19171c",
"description": "Step: 800",
"type": "color" "type": "color"
}, },
"comment": { "comment": {
"value": "#717171", "value": "#585260",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"keyword": { "keyword": {
"value": "#1819a1", "value": "#576ddb",
"description": "Step: 700",
"type": "color" "type": "color"
}, },
"function": { "function": {
"value": "#bb550e", "value": "#a06e3b",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"type": { "type": {
"value": "#a8820e", "value": "#398bc6",
"description": "Step: 600",
"type": "color" "type": "color"
}, },
"variant": { "variant": {
"value": "#97142a", "value": "#576ddb",
"description": "Step: 700",
"type": "color" "type": "color"
}, },
"property": { "property": {
"value": "#106c4e", "value": "#576ddb",
"description": "Step: 700",
"type": "color" "type": "color"
}, },
"enum": { "enum": {
"value": "#eb2d2d", "value": "#aa573c",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"operator": { "operator": {
"value": "#eb2d2d", "value": "#aa573c",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"string": { "string": {
"value": "#eb2d2d", "value": "#aa573c",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"number": { "number": {
"value": "#484bed", "value": "#2a9292",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"boolean": { "boolean": {
"value": "#eb2d2d", "value": "#2a9292",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"player": { "player": {
"1": { "1": {
"baseColor": { "baseColor": {
"value": "#2472f2", "value": "#576ddb",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#2472f2", "value": "#576ddb",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#2472f23d", "value": "#576ddb3d",
"description": "Step: 500",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#2472f2cc", "value": "#576ddbcc",
"description": "Step: 500",
"type": "color" "type": "color"
} }
}, },
"2": { "2": {
"baseColor": { "baseColor": {
"value": "#12d796", "value": "#2a9292",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#12d796", "value": "#2a9292",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#12d7963d", "value": "#2a92923d",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#12d796cc", "value": "#2a9292cc",
"description": "Step: 400",
"type": "color" "type": "color"
} }
}, },
"3": { "3": {
"baseColor": { "baseColor": {
"value": "#de57e8", "value": "#bf40bf",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#de57e8", "value": "#bf40bf",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#de57e83d", "value": "#bf40bf3d",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#de57e8cc", "value": "#bf40bfcc",
"description": "Step: 400",
"type": "color" "type": "color"
} }
}, },
"4": { "4": {
"baseColor": { "baseColor": {
"value": "#f9812e", "value": "#aa573c",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#f9812e", "value": "#aa573c",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#f9812e3d", "value": "#aa573c3d",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#f9812ecc", "value": "#aa573ccc",
"description": "Step: 400",
"type": "color" "type": "color"
} }
}, },
"5": { "5": {
"baseColor": { "baseColor": {
"value": "#b066f8", "value": "#955ae7",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#b066f8", "value": "#955ae7",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#b066f83d", "value": "#955ae73d",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#b066f8cc", "value": "#955ae7cc",
"description": "Step: 400",
"type": "color" "type": "color"
} }
}, },
"6": { "6": {
"baseColor": { "baseColor": {
"value": "#16d6c1", "value": "#398bc6",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#16d6c1", "value": "#398bc6",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#16d6c13d", "value": "#398bc63d",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#16d6c1cc", "value": "#398bc6cc",
"description": "Step: 400",
"type": "color" "type": "color"
} }
}, },
"7": { "7": {
"baseColor": { "baseColor": {
"value": "#ef59a3", "value": "#be4678",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#ef59a3", "value": "#be4678",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#ef59a33d", "value": "#be46783d",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#ef59a3cc", "value": "#be4678cc",
"description": "Step: 400",
"type": "color" "type": "color"
} }
}, },
"8": { "8": {
"baseColor": { "baseColor": {
"value": "#f7bf17", "value": "#a06e3b",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#f7bf17", "value": "#a06e3b",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#f7bf173d", "value": "#a06e3b3d",
"description": "Step: 400",
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#f7bf17cc", "value": "#a06e3bcc",
"description": "Step: 400",
"type": "color" "type": "color"
} }
} }

40
styles/dist/solarized-dark.json vendored
View file

@ -99,10 +99,6 @@
"active": { "active": {
"value": "#586e755c", "value": "#586e755c",
"type": "color" "type": "color"
},
"focused": {
"value": "#586e753d",
"type": "color"
} }
}, },
"300": { "300": {
@ -117,10 +113,6 @@
"active": { "active": {
"value": "#586e755c", "value": "#586e755c",
"type": "color" "type": "color"
},
"focused": {
"value": "#586e753d",
"type": "color"
} }
}, },
"500": { "500": {
@ -135,10 +127,6 @@
"active": { "active": {
"value": "#0736425c", "value": "#0736425c",
"type": "color" "type": "color"
},
"focused": {
"value": "#0736423d",
"type": "color"
} }
}, },
"on300": { "on300": {
@ -153,10 +141,6 @@
"active": { "active": {
"value": "#0736427a", "value": "#0736427a",
"type": "color" "type": "color"
},
"focused": {
"value": "#0736423d",
"type": "color"
} }
}, },
"on500": { "on500": {
@ -171,10 +155,6 @@
"active": { "active": {
"value": "#586e757a", "value": "#586e757a",
"type": "color" "type": "color"
},
"focused": {
"value": "#586e753d",
"type": "color"
} }
}, },
"ok": { "ok": {
@ -189,10 +169,6 @@
"active": { "active": {
"value": "#85990040", "value": "#85990040",
"type": "color" "type": "color"
},
"focused": {
"value": "#85990033",
"type": "color"
} }
}, },
"error": { "error": {
@ -207,10 +183,6 @@
"active": { "active": {
"value": "#dc322f40", "value": "#dc322f40",
"type": "color" "type": "color"
},
"focused": {
"value": "#dc322f33",
"type": "color"
} }
}, },
"warning": { "warning": {
@ -225,10 +197,6 @@
"active": { "active": {
"value": "#b5890040", "value": "#b5890040",
"type": "color" "type": "color"
},
"focused": {
"value": "#b5890033",
"type": "color"
} }
}, },
"info": { "info": {
@ -243,10 +211,6 @@
"active": { "active": {
"value": "#268bd240", "value": "#268bd240",
"type": "color" "type": "color"
},
"focused": {
"value": "#268bd233",
"type": "color"
} }
} }
}, },
@ -263,10 +227,6 @@
"value": "#657b83", "value": "#657b83",
"type": "color" "type": "color"
}, },
"focused": {
"value": "#657b83",
"type": "color"
},
"active": { "active": {
"value": "#657b83", "value": "#657b83",
"type": "color" "type": "color"

40
styles/dist/solarized-light.json vendored
View file

@ -99,10 +99,6 @@
"active": { "active": {
"value": "#93a1a12e", "value": "#93a1a12e",
"type": "color" "type": "color"
},
"focused": {
"value": "#93a1a11f",
"type": "color"
} }
}, },
"300": { "300": {
@ -117,10 +113,6 @@
"active": { "active": {
"value": "#93a1a12e", "value": "#93a1a12e",
"type": "color" "type": "color"
},
"focused": {
"value": "#93a1a11f",
"type": "color"
} }
}, },
"500": { "500": {
@ -135,10 +127,6 @@
"active": { "active": {
"value": "#eee8d52e", "value": "#eee8d52e",
"type": "color" "type": "color"
},
"focused": {
"value": "#eee8d51f",
"type": "color"
} }
}, },
"on300": { "on300": {
@ -153,10 +141,6 @@
"active": { "active": {
"value": "#eee8d53d", "value": "#eee8d53d",
"type": "color" "type": "color"
},
"focused": {
"value": "#eee8d51f",
"type": "color"
} }
}, },
"on500": { "on500": {
@ -171,10 +155,6 @@
"active": { "active": {
"value": "#93a1a13d", "value": "#93a1a13d",
"type": "color" "type": "color"
},
"focused": {
"value": "#93a1a11f",
"type": "color"
} }
}, },
"ok": { "ok": {
@ -189,10 +169,6 @@
"active": { "active": {
"value": "#85990040", "value": "#85990040",
"type": "color" "type": "color"
},
"focused": {
"value": "#85990033",
"type": "color"
} }
}, },
"error": { "error": {
@ -207,10 +183,6 @@
"active": { "active": {
"value": "#dc322f40", "value": "#dc322f40",
"type": "color" "type": "color"
},
"focused": {
"value": "#dc322f33",
"type": "color"
} }
}, },
"warning": { "warning": {
@ -225,10 +197,6 @@
"active": { "active": {
"value": "#b5890040", "value": "#b5890040",
"type": "color" "type": "color"
},
"focused": {
"value": "#b5890033",
"type": "color"
} }
}, },
"info": { "info": {
@ -243,10 +211,6 @@
"active": { "active": {
"value": "#268bd240", "value": "#268bd240",
"type": "color" "type": "color"
},
"focused": {
"value": "#268bd233",
"type": "color"
} }
} }
}, },
@ -263,10 +227,6 @@
"value": "#839496", "value": "#839496",
"type": "color" "type": "color"
}, },
"focused": {
"value": "#839496",
"type": "color"
},
"active": { "active": {
"value": "#839496", "value": "#839496",
"type": "color" "type": "color"

892
styles/dist/tokens.json vendored
View file

File diff suppressed because it is too large Load diff

11
styles/src/buildThemes.ts
View file

@ -2,19 +2,24 @@ import * as fs from "fs";
import * as path from "path"; import * as path from "path";
import app from "./styleTree/app"; import app from "./styleTree/app";
import { dark as caveDark, light as caveLight } from "./themes/cave"; import { dark as caveDark, light as caveLight } from "./themes/cave";
import dark from "./themes/dark";
import light from "./themes/light";
import { dark as solarizedDark, light as solarizedLight } from "./themes/solarized"; import { dark as solarizedDark, light as solarizedLight } from "./themes/solarized";
import { dark as sulphurpoolDark, light as sulphurpoolLight } from "./themes/sulphurpool"; import { dark as sulphurpoolDark, light as sulphurpoolLight } from "./themes/sulphurpool";
import snakeCase from "./utils/snakeCase"; import snakeCase from "./utils/snakeCase";
const themes = [ const themes = [
dark, light,
caveDark, caveLight, caveDark, caveLight,
solarizedDark, solarizedLight, solarizedDark, solarizedLight,
sulphurpoolDark, sulphurpoolLight sulphurpoolDark, sulphurpoolLight
]; ];
const themeDirectory = `${__dirname}/../../assets/themes/`;
// Clear existing themes
for (const file of fs.readdirSync(themeDirectory)) {
fs.unlinkSync(path.join(themeDirectory, file));
}
// Write new themes to theme directory
for (let theme of themes) { for (let theme of themes) {
let styleTree = snakeCase(app(theme)); let styleTree = snakeCase(app(theme));
let styleTreeJSON = JSON.stringify(styleTree, null, 2); let styleTreeJSON = JSON.stringify(styleTree, null, 2);

4
styles/src/buildTokens.ts
View file

@ -1,8 +1,8 @@
import * as fs from "fs"; import * as fs from "fs";
import * as path from "path"; import * as path from "path";
import dark from "./themes/dark";
import light from "./themes/light";
import { light as solarizedLight, dark as solarizedDark } from "./themes/solarized"; import { light as solarizedLight, dark as solarizedDark } from "./themes/solarized";
// Use cave as "light" and "dark" themes
import { light, dark } from "./themes/cave";
import Theme from "./themes/theme"; import Theme from "./themes/theme";
import { colors, fontFamilies, fontSizes, fontWeights, sizes } from "./tokens"; import { colors, fontFamilies, fontSizes, fontWeights, sizes } from "./tokens";

214
styles/src/themes/base16.ts
View file

@ -1,116 +1,123 @@
import { ColorToken, fontWeights, NumberToken } from "../tokens"; import chroma from "chroma-js";
import { Scale, Color } from "chroma-js";
import { color, ColorToken, fontWeights, NumberToken } from "../tokens";
import { withOpacity } from "../utils/color"; import { withOpacity } from "../utils/color";
import Theme, { buildPlayer, Syntax } from "./theme"; import Theme, { buildPlayer, Syntax } from "./theme";
export interface Accents { export function colorRamp(color: Color): Scale {
"red": ColorToken, let hue = color.hsl()[0];
"orange": ColorToken, let endColor = chroma.hsl(hue, 0.88, 0.96);
"yellow": ColorToken, let startColor = chroma.hsl(hue, 0.68, 0.12);
"green": ColorToken, return chroma
"cyan": ColorToken, .scale([startColor, color, endColor])
"blue": ColorToken, .mode("hsl");
"violet": ColorToken,
"magenta": ColorToken,
} }
export function createTheme(name: string, isLight: boolean, neutral: ColorToken[], accent: Accents): Theme { // Neutral. 8 stops from 0 to 1.
export function createTheme(name: string, isLight: boolean, ramps: { [rampName: string]: Scale }, blend?: number): Theme {
if (isLight) { if (isLight) {
neutral = [...neutral].reverse(); for (var rampName in ramps) {
ramps[rampName] = ramps[rampName].domain([1, 0]);
}
ramps.neutral = ramps.neutral.domain([7, 0]);
} else {
ramps.neutral = ramps.neutral.domain([0, 7]);
}
if (blend === undefined) {
blend = isLight ? 0.12 : 0.24;
}
function rampColor(ramp: Scale, index: number): ColorToken {
return color(ramp(index).hex());
} }
let blend = isLight ? 0.12 : 0.24;
const backgroundColor = { const backgroundColor = {
// Title bar
100: { 100: {
base: neutral[1], base: rampColor(ramps.neutral, 1.25),
hovered: withOpacity(neutral[2], blend), hovered: rampColor(ramps.neutral, 1.5),
active: withOpacity(neutral[2], blend * 1.5), active: rampColor(ramps.neutral, 1.75),
focused: withOpacity(neutral[2], blend),
}, },
// Midground (panels, etc)
300: { 300: {
base: neutral[1], base: rampColor(ramps.neutral, 1),
hovered: withOpacity(neutral[2], blend), hovered: rampColor(ramps.neutral, 1.25),
active: withOpacity(neutral[2], blend * 1.5), active: rampColor(ramps.neutral, 1.5),
focused: withOpacity(neutral[2], blend),
}, },
// Editor
500: { 500: {
base: neutral[0], base: rampColor(ramps.neutral, 0),
hovered: withOpacity(neutral[1], blend), hovered: rampColor(ramps.neutral, 0.25),
active: withOpacity(neutral[1], blend * 1.5), active: rampColor(ramps.neutral, 0.5),
focused: withOpacity(neutral[1], blend),
}, },
on300: { on300: {
base: neutral[0], base: rampColor(ramps.neutral, 0),
hovered: withOpacity(neutral[1], blend), hovered: rampColor(ramps.neutral, 0.25),
active: withOpacity(neutral[1], blend * 2), active: rampColor(ramps.neutral, 0.5),
focused: withOpacity(neutral[1], blend),
}, },
on500: { on500: {
base: neutral[1], base: rampColor(ramps.neutral, 1.25),
hovered: withOpacity(neutral[2], blend), hovered: rampColor(ramps.neutral, 1.5),
active: withOpacity(neutral[2], blend * 2), active: rampColor(ramps.neutral, 1.75),
focused: withOpacity(neutral[2], blend),
}, },
ok: { ok: {
base: withOpacity(accent.green, 0.15), base: withOpacity(rampColor(ramps.green, 0.5), 0.15),
hovered: withOpacity(accent.green, 0.20), hovered: withOpacity(rampColor(ramps.green, 0.5), 0.20),
active: withOpacity(accent.green, 0.25), active: withOpacity(rampColor(ramps.green, 0.5), 0.25),
focused: withOpacity(accent.green, 0.20),
}, },
error: { error: {
base: withOpacity(accent.red, 0.15), base: withOpacity(rampColor(ramps.red, 0.5), 0.15),
hovered: withOpacity(accent.red, 0.20), hovered: withOpacity(rampColor(ramps.red, 0.5), 0.20),
active: withOpacity(accent.red, 0.25), active: withOpacity(rampColor(ramps.red, 0.5), 0.25),
focused: withOpacity(accent.red, 0.20),
}, },
warning: { warning: {
base: withOpacity(accent.yellow, 0.15), base: withOpacity(rampColor(ramps.yellow, 0.5), 0.15),
hovered: withOpacity(accent.yellow, 0.20), hovered: withOpacity(rampColor(ramps.yellow, 0.5), 0.20),
active: withOpacity(accent.yellow, 0.25), active: withOpacity(rampColor(ramps.yellow, 0.5), 0.25),
focused: withOpacity(accent.yellow, 0.20),
}, },
info: { info: {
base: withOpacity(accent.blue, 0.15), base: withOpacity(rampColor(ramps.blue, 0.5), 0.15),
hovered: withOpacity(accent.blue, 0.20), hovered: withOpacity(rampColor(ramps.blue, 0.5), 0.20),
active: withOpacity(accent.blue, 0.25), active: withOpacity(rampColor(ramps.blue, 0.5), 0.25),
focused: withOpacity(accent.blue, 0.20),
}, },
}; };
const borderColor = { const borderColor = {
primary: neutral[0], primary: rampColor(ramps.neutral, isLight ? 2 : 0),
secondary: neutral[1], secondary: rampColor(ramps.neutral, isLight ? 2 : 1),
muted: neutral[3], muted: rampColor(ramps.neutral, isLight ? 4 : 3),
focused: neutral[3], active: rampColor(ramps.neutral, isLight ? 4 : 3),
active: neutral[3], onMedia: withOpacity(rampColor(ramps.neutral, 0), 0.1),
onMedia: withOpacity(neutral[0], 0.1), ok: withOpacity(rampColor(ramps.green, 0.5), 0.15),
ok: withOpacity(accent.green, 0.15), error: withOpacity(rampColor(ramps.red, 0.5), 0.15),
error: withOpacity(accent.red, 0.15), warning: withOpacity(rampColor(ramps.yellow, 0.5), 0.15),
warning: withOpacity(accent.yellow, 0.15), info: withOpacity(rampColor(ramps.blue, 0.5), 0.15),
info: withOpacity(accent.blue, 0.15),
}; };
const textColor = { const textColor = {
primary: neutral[6], primary: rampColor(ramps.neutral, 6),
secondary: neutral[5], secondary: rampColor(ramps.neutral, 5),
muted: neutral[5], muted: rampColor(ramps.neutral, 5),
placeholder: neutral[4], placeholder: rampColor(ramps.neutral, 4),
active: neutral[7], active: rampColor(ramps.neutral, 7),
feature: accent.blue, feature: rampColor(ramps.blue, 0.5),
ok: accent.green, ok: rampColor(ramps.green, 0.5),
error: accent.red, error: rampColor(ramps.red, 0.5),
warning: accent.yellow, warning: rampColor(ramps.yellow, 0.5),
info: accent.blue, info: rampColor(ramps.blue, 0.5),
}; };
const player = { const player = {
1: buildPlayer(accent.blue), 1: buildPlayer(rampColor(ramps.blue, 0.5)),
2: buildPlayer(accent.green), 2: buildPlayer(rampColor(ramps.green, 0.5)),
3: buildPlayer(accent.magenta), 3: buildPlayer(rampColor(ramps.magenta, 0.5)),
4: buildPlayer(accent.orange), 4: buildPlayer(rampColor(ramps.orange, 0.5)),
5: buildPlayer(accent.violet), 5: buildPlayer(rampColor(ramps.violet, 0.5)),
6: buildPlayer(accent.cyan), 6: buildPlayer(rampColor(ramps.cyan, 0.5)),
7: buildPlayer(accent.red), 7: buildPlayer(rampColor(ramps.red, 0.5)),
8: buildPlayer(accent.yellow), 8: buildPlayer(rampColor(ramps.yellow, 0.5)),
}; };
const editor = { const editor = {
@ -118,20 +125,17 @@ export function createTheme(name: string, isLight: boolean, neutral: ColorToken[
indent_guide: borderColor.muted, indent_guide: borderColor.muted,
indent_guide_active: borderColor.secondary, indent_guide_active: borderColor.secondary,
line: { line: {
active: withOpacity(neutral[7], 0.07), active: rampColor(ramps.neutral, 1),
highlighted: withOpacity(neutral[7], 0.12), highlighted: rampColor(ramps.neutral, 1.25), // TODO: Where is this used?
inserted: backgroundColor.ok.active,
deleted: backgroundColor.error.active,
modified: backgroundColor.info.active,
}, },
highlight: { highlight: {
selection: player[1].selectionColor, selection: player[1].selectionColor,
occurrence: withOpacity(neutral[7], blend / 2), occurrence: withOpacity(rampColor(ramps.neutral, 2), blend),
activeOccurrence: withOpacity(neutral[7], blend), activeOccurrence: withOpacity(rampColor(ramps.neutral, 2), blend * 2), // TODO: Not hooked up - https://github.com/zed-industries/zed/issues/751
matchingBracket: backgroundColor[500].active, matchingBracket: backgroundColor[500].active, // TODO: Not hooked up
match: withOpacity(accent.violet, blend * 2), match: rampColor(ramps.violet, 0.15),
activeMatch: withOpacity(accent.violet, blend * 3), activeMatch: withOpacity(rampColor(ramps.violet, 0.4), blend * 2), // TODO: Not hooked up - https://github.com/zed-industries/zed/issues/751
related: backgroundColor[500].focused, related: backgroundColor[500].hovered,
}, },
gutter: { gutter: {
primary: textColor.placeholder, primary: textColor.placeholder,
@ -141,59 +145,59 @@ export function createTheme(name: string, isLight: boolean, neutral: ColorToken[
const syntax: Syntax = { const syntax: Syntax = {
primary: { primary: {
color: neutral[7], color: rampColor(ramps.neutral, 7),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
comment: { comment: {
color: neutral[5], color: rampColor(ramps.neutral, 5),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
punctuation: { punctuation: {
color: neutral[5], color: rampColor(ramps.neutral, 6),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
constant: { constant: {
color: neutral[4], color: rampColor(ramps.neutral, 4),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
keyword: { keyword: {
color: accent.blue, color: rampColor(ramps.blue, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
function: { function: {
color: accent.yellow, color: rampColor(ramps.yellow, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
type: { type: {
color: accent.cyan, color: rampColor(ramps.cyan, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
variant: { variant: {
color: accent.blue, color: rampColor(ramps.blue, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
property: { property: {
color: accent.blue, color: rampColor(ramps.blue, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
enum: { enum: {
color: accent.orange, color: rampColor(ramps.orange, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
operator: { operator: {
color: accent.orange, color: rampColor(ramps.orange, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
string: { string: {
color: accent.orange, color: rampColor(ramps.orange, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
number: { number: {
color: accent.green, color: rampColor(ramps.green, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
boolean: { boolean: {
color: accent.green, color: rampColor(ramps.green, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
predictive: { predictive: {
@ -201,7 +205,7 @@ export function createTheme(name: string, isLight: boolean, neutral: ColorToken[
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
title: { title: {
color: accent.yellow, color: rampColor(ramps.yellow, 0.5),
weight: fontWeights.bold, weight: fontWeights.bold,
}, },
emphasis: { emphasis: {
@ -213,12 +217,12 @@ export function createTheme(name: string, isLight: boolean, neutral: ColorToken[
weight: fontWeights.bold, weight: fontWeights.bold,
}, },
linkUri: { linkUri: {
color: accent.green, color: rampColor(ramps.green, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
underline: true, underline: true,
}, },
linkText: { linkText: {
color: accent.orange, color: rampColor(ramps.orange, 0.5),
weight: fontWeights.normal, weight: fontWeights.normal,
italic: true, italic: true,
}, },

40
styles/src/themes/cave.ts
View file

@ -1,29 +1,19 @@
import { createTheme } from "./base16"; import chroma from "chroma-js";
import { color } from "../tokens"; import { colorRamp, createTheme } from "./base16";
const name = "cave"; const name = "cave";
const neutrals = [ const ramps = {
color("#19171c"), neutral: chroma.scale(["#19171c", "#26232a", "#585260", "#655f6d", "#7e7887", "#8b8792", "#e2dfe7", "#efecf4"]),
color("#26232a"), red: colorRamp(chroma("#be4678")),
color("#585260"), orange: colorRamp(chroma("#aa573c")),
color("#655f6d"), yellow: colorRamp(chroma("#a06e3b")),
color("#7e7887"), green: colorRamp(chroma("#2a9292")),
color("#8b8792"), cyan: colorRamp(chroma("#398bc6")),
color("#e2dfe7"), blue: colorRamp(chroma("#576ddb")),
color("#efecf4"), violet: colorRamp(chroma("#955ae7")),
]; magenta: colorRamp(chroma("#bf40bf")),
}
const colors = { export const dark = createTheme(`${name}-dark`, false, ramps);
"red": color("#be4678"), export const light = createTheme(`${name}-light`, true, ramps);
"orange": color("#aa573c"),
"yellow": color("#a06e3b"),
"green": color("#2a9292"),
"cyan": color("#398bc6"),
"blue": color("#576ddb"),
"violet": color("#955ae7"),
"magenta": color("#bf40bf"),
};
export const dark = createTheme(`${name}-dark`, false, neutrals, colors);
export const light = createTheme(`${name}-light`, true, neutrals, colors);

240
styles/src/themes/dark.ts
View file

@ -1,240 +0,0 @@
import { colors, fontWeights, NumberToken } from "../tokens";
import { withOpacity } from "../utils/color";
import Theme, { buildPlayer, Syntax } from "./theme";
const backgroundColor = {
100: {
base: colors.neutral[750],
hovered: colors.neutral[725],
active: colors.neutral[800],
focused: colors.neutral[675],
},
300: {
base: colors.neutral[800],
hovered: colors.neutral[775],
active: colors.neutral[750],
focused: colors.neutral[775],
},
500: {
base: colors.neutral[900],
hovered: withOpacity(colors.neutral[0], 0.08),
active: withOpacity(colors.neutral[0], 0.12),
focused: colors.neutral[825],
},
on300: {
base: withOpacity(colors.neutral[850], 0.5),
hovered: colors.neutral[875],
active: colors.neutral[900],
focused: colors.neutral[875],
},
on500: {
base: colors.neutral[850],
hovered: colors.neutral[800],
active: colors.neutral[775],
focused: colors.neutral[800],
},
ok: {
base: withOpacity(colors.green[600], 0.15),
hovered: withOpacity(colors.green[600], 0.20),
active: withOpacity(colors.green[600], 0.25),
focused: withOpacity(colors.green[600], 0.20),
},
error: {
base: withOpacity(colors.red[600], 0.15),
hovered: withOpacity(colors.red[600], 0.20),
active: withOpacity(colors.red[600], 0.25),
focused: withOpacity(colors.red[600], 0.20),
},
warning: {
base: withOpacity(colors.amber[400], 0.15),
hovered: withOpacity(colors.amber[400], 0.20),
active: withOpacity(colors.amber[400], 0.25),
focused: withOpacity(colors.amber[400], 0.20),
},
info: {
base: withOpacity(colors.blue[500], 0.15),
hovered: withOpacity(colors.blue[500], 0.20),
active: withOpacity(colors.blue[500], 0.25),
focused: withOpacity(colors.blue[500], 0.20),
},
};
const borderColor = {
primary: colors.neutral[875],
secondary: colors.neutral[775],
muted: colors.neutral[675],
focused: colors.indigo[500],
active: colors.neutral[900],
onMedia: withOpacity(colors.neutral[875], 0.1),
ok: withOpacity(colors.green[600], 0.15),
error: withOpacity(colors.red[500], 0.15),
warning: withOpacity(colors.amber[400], 0.15),
info: withOpacity(colors.blue[500], 0.15),
};
const textColor = {
primary: colors.neutral[50],
secondary: colors.neutral[350],
muted: colors.neutral[450],
placeholder: colors.neutral[650],
active: colors.neutral[0],
feature: colors.blue[400],
ok: colors.green[600],
error: colors.red[400],
warning: colors.amber[300],
info: colors.blue[500],
};
const iconColor = {
primary: colors.neutral[200],
secondary: colors.neutral[350],
muted: colors.neutral[600],
placeholder: colors.neutral[700],
active: colors.neutral[0],
feature: colors.blue[500],
ok: colors.green[600],
error: colors.red[500],
warning: colors.amber[400],
info: colors.blue[600],
};
const player = {
1: buildPlayer(colors.blue[500]),
2: buildPlayer(colors.lime[500]),
3: buildPlayer(colors.fuschia[500]),
4: buildPlayer(colors.orange[500]),
5: buildPlayer(colors.purple[500]),
6: buildPlayer(colors.teal[400]),
7: buildPlayer(colors.pink[400]),
8: buildPlayer(colors.yellow[400]),
};
const editor = {
background: backgroundColor[500].base,
indent_guide: borderColor.muted,
indent_guide_active: borderColor.secondary,
line: {
active: withOpacity(colors.neutral[0], 0.07),
highlighted: withOpacity(colors.neutral[0], 0.12),
inserted: backgroundColor.ok.active,
deleted: backgroundColor.error.active,
modified: backgroundColor.info.active,
},
highlight: {
selection: player[1].selectionColor,
occurrence: withOpacity(colors.neutral[0], 0.12),
activeOccurrence: withOpacity(colors.neutral[0], 0.16),
matchingBracket: backgroundColor[500].active,
match: withOpacity(colors.violet[700], 0.5),
activeMatch: withOpacity(colors.violet[600], 0.7),
related: backgroundColor[500].focused,
},
gutter: {
primary: textColor.placeholder,
active: textColor.active,
},
};
const syntax: Syntax = {
primary: {
color: colors.neutral[150],
weight: fontWeights.normal,
},
comment: {
color: colors.neutral[300],
weight: fontWeights.normal,
},
punctuation: {
color: colors.neutral[200],
weight: fontWeights.normal,
},
constant: {
color: colors.neutral[150],
weight: fontWeights.normal,
},
keyword: {
color: colors.blue[400],
weight: fontWeights.normal,
},
function: {
color: colors.yellow[200],
weight: fontWeights.normal,
},
type: {
color: colors.teal[300],
weight: fontWeights.normal,
},
variant: {
color: colors.sky[300],
weight: fontWeights.normal,
},
property: {
color: colors.blue[400],
weight: fontWeights.normal,
},
enum: {
color: colors.orange[500],
weight: fontWeights.normal,
},
operator: {
color: colors.orange[500],
weight: fontWeights.normal,
},
string: {
color: colors.orange[300],
weight: fontWeights.normal,
},
number: {
color: colors.lime[300],
weight: fontWeights.normal,
},
boolean: {
color: colors.lime[300],
weight: fontWeights.normal,
},
predictive: {
color: textColor.muted,
weight: fontWeights.normal,
},
title: {
color: colors.amber[500],
weight: fontWeights.bold,
},
emphasis: {
color: textColor.feature,
weight: fontWeights.normal,
},
"emphasis.strong": {
color: textColor.feature,
weight: fontWeights.bold,
},
linkUri: {
color: colors.lime[500],
weight: fontWeights.normal,
underline: true,
},
linkText: {
color: colors.orange[500],
weight: fontWeights.normal,
italic: true,
},
};
const shadowAlpha: NumberToken = {
value: 0.32,
type: "number",
};
const theme: Theme = {
name: "dark",
backgroundColor,
borderColor,
textColor,
iconColor,
editor,
syntax,
player,
shadowAlpha,
};
export default theme;

30
styles/src/themes/gruvbox.ts Normal file
View file

@ -0,0 +1,30 @@
import chroma from "chroma-js";
import { createTheme } from "./base16";
const name = "cave";
const colors = {
"red": chroma("#be4678"),
"orange": chroma("#aa573c"),
"yellow": chroma("#a06e3b"),
"green": chroma("#2a9292"),
"cyan": chroma("#398bc6"),
"blue": chroma("#576ddb"),
"violet": chroma("#955ae7"),
"magenta": chroma("#bf40bf"),
};
const ramps = {
neutral: chroma.scale(["#19171c", "#26232a", "#585260", "#655f6d", "#7e7887", "#8b8792", "#e2dfe7", "#efecf4"]),
red: chroma.scale([colors.red.darken(3), colors.red, colors.red.brighten(3)]),
orange: chroma.scale([colors.orange.darken(3), colors.orange, colors.orange.brighten(3)]),
yellow: chroma.scale([colors.yellow.darken(3), colors.yellow, colors.yellow.brighten(3)]),
green: chroma.scale([colors.green.darken(3), colors.green, colors.green.brighten(3)]),
cyan: chroma.scale([colors.cyan.darken(3), colors.cyan, colors.cyan.brighten(3)]),
blue: chroma.scale([colors.blue.darken(3), colors.blue, colors.blue.brighten(3)]),
violet: chroma.scale([colors.violet.darken(3), colors.violet, colors.violet.brighten(3)]),
magenta: chroma.scale([colors.magenta.darken(3), colors.magenta, colors.magenta.brighten(3)]),
}
export const dark = createTheme(`${name}-dark`, false, ramps);
export const light = createTheme(`${name}-light`, true, ramps);

240
styles/src/themes/light.ts
View file

@ -1,240 +0,0 @@
import { colors, fontWeights, NumberToken } from "../tokens";
import { withOpacity } from "../utils/color";
import Theme, { buildPlayer, Syntax } from "./theme";
const backgroundColor = {
100: {
base: colors.neutral[75],
hovered: colors.neutral[100],
active: colors.neutral[150],
focused: colors.neutral[100],
},
300: {
base: colors.neutral[25],
hovered: colors.neutral[75],
active: colors.neutral[100],
focused: colors.neutral[75],
},
500: {
base: colors.neutral[0],
hovered: withOpacity(colors.neutral[900], 0.03),
active: withOpacity(colors.neutral[900], 0.06),
focused: colors.neutral[50],
},
on300: {
base: colors.neutral[50],
hovered: colors.neutral[100],
active: colors.neutral[150],
focused: colors.neutral[100],
},
on500: {
base: colors.neutral[50],
hovered: colors.neutral[25],
active: colors.neutral[0],
focused: colors.neutral[25],
},
ok: {
base: withOpacity(colors.green[600], 0.15),
hovered: withOpacity(colors.green[600], 0.20),
active: withOpacity(colors.green[600], 0.25),
focused: withOpacity(colors.green[600], 0.20),
},
error: {
base: withOpacity(colors.red[600], 0.15),
hovered: withOpacity(colors.red[600], 0.20),
active: withOpacity(colors.red[600], 0.25),
focused: withOpacity(colors.red[600], 0.20),
},
warning: {
base: withOpacity(colors.amber[400], 0.15),
hovered: withOpacity(colors.amber[400], 0.20),
active: withOpacity(colors.amber[400], 0.25),
focused: withOpacity(colors.amber[400], 0.20),
},
info: {
base: withOpacity(colors.blue[500], 0.15),
hovered: withOpacity(colors.blue[500], 0.20),
active: withOpacity(colors.blue[500], 0.25),
focused: withOpacity(colors.blue[500], 0.20),
},
};
const borderColor = {
primary: colors.neutral[150],
secondary: colors.neutral[150],
muted: colors.neutral[100],
focused: colors.indigo[500],
active: colors.neutral[250],
onMedia: withOpacity(colors.neutral[250], 0.3),
ok: withOpacity(colors.green[600], 0.15),
error: withOpacity(colors.red[500], 0.15),
warning: withOpacity(colors.amber[400], 0.15),
info: withOpacity(colors.blue[500], 0.15),
};
const textColor = {
primary: colors.neutral[750],
secondary: colors.neutral[650],
muted: colors.neutral[550],
placeholder: colors.neutral[450],
active: colors.neutral[900],
feature: colors.indigo[500],
ok: colors.green[500],
error: colors.red[500],
warning: colors.yellow[500],
info: colors.blue[500],
};
const iconColor = {
primary: colors.neutral[700],
secondary: colors.neutral[500],
muted: colors.neutral[350],
placeholder: colors.neutral[300],
active: colors.neutral[900],
feature: colors.indigo[500],
ok: colors.green[600],
error: colors.red[600],
warning: colors.yellow[400],
info: colors.blue[600],
};
const player = {
1: buildPlayer(colors.blue[500]),
2: buildPlayer(colors.emerald[400]),
3: buildPlayer(colors.fuschia[400]),
4: buildPlayer(colors.orange[400]),
5: buildPlayer(colors.purple[400]),
6: buildPlayer(colors.teal[400]),
7: buildPlayer(colors.pink[400]),
8: buildPlayer(colors.yellow[400]),
};
const editor = {
background: backgroundColor[500].base,
indent_guide: borderColor.muted,
indent_guide_active: borderColor.secondary,
line: {
active: withOpacity(colors.neutral[900], 0.06),
highlighted: withOpacity(colors.neutral[900], 0.12),
inserted: backgroundColor.ok.active,
deleted: backgroundColor.error.active,
modified: backgroundColor.info.active,
},
highlight: {
selection: player[1].selectionColor,
occurrence: withOpacity(colors.neutral[900], 0.06),
activeOccurrence: withOpacity(colors.neutral[900], 0.16),
matchingBracket: colors.neutral[0],
match: colors.yellow[100],
activeMatch: colors.yellow[200],
related: colors.neutral[0],
},
gutter: {
primary: colors.neutral[300],
active: textColor.active,
},
};
const syntax: Syntax = {
primary: {
color: colors.neutral[800],
weight: fontWeights.normal,
},
comment: {
color: colors.neutral[500],
weight: fontWeights.normal,
},
punctuation: {
color: colors.neutral[600],
weight: fontWeights.normal,
},
constant: {
color: colors.neutral[800],
weight: fontWeights.normal,
},
keyword: {
color: colors.indigo[700],
weight: fontWeights.normal,
},
function: {
color: colors.orange[600],
weight: fontWeights.normal,
},
type: {
color: colors.yellow[600],
weight: fontWeights.normal,
},
variant: {
color: colors.rose[700],
weight: fontWeights.normal,
},
property: {
color: colors.emerald[700],
weight: fontWeights.normal,
},
enum: {
color: colors.red[500],
weight: fontWeights.normal,
},
operator: {
color: colors.red[500],
weight: fontWeights.normal,
},
string: {
color: colors.red[500],
weight: fontWeights.normal,
},
number: {
color: colors.indigo[500],
weight: fontWeights.normal,
},
boolean: {
color: colors.red[500],
weight: fontWeights.normal,
},
predictive: {
color: textColor.placeholder,
weight: fontWeights.normal,
},
title: {
color: colors.sky[500],
weight: fontWeights.bold,
},
emphasis: {
color: textColor.feature,
weight: fontWeights.normal,
},
"emphasis.strong": {
color: textColor.feature,
weight: fontWeights.bold,
},
linkUri: {
color: colors.lime[500],
weight: fontWeights.normal,
underline: true
},
linkText: {
color: colors.red[500],
weight: fontWeights.normal,
italic: true
},
};
const shadowAlpha: NumberToken = {
value: 0.12,
type: "number",
};
const theme: Theme = {
name: "light",
backgroundColor,
borderColor,
textColor,
iconColor,
editor,
syntax,
player,
shadowAlpha,
};
export default theme;

40
styles/src/themes/solarized.ts
View file

@ -1,29 +1,19 @@
import { createTheme } from "./base16"; import chroma from "chroma-js";
import { color } from "../tokens"; import { colorRamp, createTheme } from "./base16";
const name = "solarized"; const name = "solarized";
const neutrals = [ const ramps = {
color("#002b36"), neutral: chroma.scale(["#002b36", "#073642", "#586e75", "#657b83", "#839496", "#93a1a1", "#eee8d5", "#fdf6e3"]),
color("#073642"), red: colorRamp(chroma("#dc322f")),
color("#586e75"), orange: colorRamp(chroma("#cb4b16")),
color("#657b83"), yellow: colorRamp(chroma("#b58900")),
color("#839496"), green: colorRamp(chroma("#859900")),
color("#93a1a1"), cyan: colorRamp(chroma("#2aa198")),
color("#eee8d5"), blue: colorRamp(chroma("#268bd2")),
color("#fdf6e3"), violet: colorRamp(chroma("#6c71c4")),
]; magenta: colorRamp(chroma("#d33682")),
}
const colors = { export const dark = createTheme(`${name}-dark`, false, ramps);
"red": color("#dc322f"), export const light = createTheme(`${name}-light`, true, ramps);
"orange": color("#cb4b16"),
"yellow": color("#b58900"),
"green": color("#859900"),
"cyan": color("#2aa198"),
"blue": color("#268bd2"),
"violet": color("#6c71c4"),
"magenta": color("#d33682"),
};
export const dark = createTheme(`${name}-dark`, false, neutrals, colors);
export const light = createTheme(`${name}-light`, true, neutrals, colors);

40
styles/src/themes/sulphurpool.ts
View file

@ -1,29 +1,19 @@
import { createTheme } from "./base16"; import chroma from "chroma-js";
import { color } from "../tokens"; import { colorRamp, createTheme } from "./base16";
const name = "sulphurpool"; const name = "sulphurpool";
const neutrals = [ const ramps = {
color("#202746"), neutral: chroma.scale(["#202746", "#293256", "#5e6687", "#6b7394", "#898ea4", "#979db4", "#dfe2f1", "#f5f7ff"]),
color("#293256"), red: colorRamp(chroma("#c94922")),
color("#5e6687"), orange: colorRamp(chroma("#c76b29")),
color("#6b7394"), yellow: colorRamp(chroma("#c08b30")),
color("#898ea4"), green: colorRamp(chroma("#ac9739")),
color("#979db4"), cyan: colorRamp(chroma("#22a2c9")),
color("#dfe2f1"), blue: colorRamp(chroma("#3d8fd1")),
color("#f5f7ff"), violet: colorRamp(chroma("#6679cc")),
] magenta: colorRamp(chroma("#9c637a")),
}
const colors = { export const dark = createTheme(`${name}-dark`, false, ramps);
"red": color("#c94922"), export const light = createTheme(`${name}-light`, true, ramps);
"orange": color("#c76b29"),
"yellow": color("#c08b30"),
"green": color("#ac9739"),
"cyan": color("#22a2c9"),
"blue": color("#3d8fd1"),
"violet": color("#6679cc"),
"magenta": color("#9c637a"),
};
export const dark = createTheme(`${name}-dark`, false, neutrals, colors);
export const light = createTheme(`${name}-light`, true, neutrals, colors);

5
styles/src/themes/theme.ts
View file

@ -32,7 +32,6 @@ export interface BackgroundColorSet {
base: ColorToken; base: ColorToken;
hovered: ColorToken; hovered: ColorToken;
active: ColorToken; active: ColorToken;
focused: ColorToken;
} }
export interface Syntax { export interface Syntax {
@ -85,7 +84,6 @@ export default interface Theme {
primary: ColorToken; primary: ColorToken;
secondary: ColorToken; secondary: ColorToken;
muted: ColorToken; muted: ColorToken;
focused: ColorToken;
active: ColorToken; active: ColorToken;
/** /**
* Used for rendering borders on top of media like avatars, images, video, etc. * Used for rendering borders on top of media like avatars, images, video, etc.
@ -127,9 +125,6 @@ export default interface Theme {
line: { line: {
active: ColorToken; active: ColorToken;
highlighted: ColorToken; highlighted: ColorToken;
inserted: ColorToken;
deleted: ColorToken;
modified: ColorToken;
}; };
highlight: { highlight: {
selection: ColorToken; selection: ColorToken;