Yehowshua/ZIm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update light syntax theme and highlights, player selections

Browse source
This commit is contained in:
Nate Butler 2022-04-05 18:49:17 -04:00
parent 35f56708f5
commit 2a2c4071f4
4 changed files with 131 additions and 131 deletions
Download patch file Download diff file Expand all files Collapse all files

24
crates/zed/assets/themes/dark.json
View file

@ -71,7 +71,7 @@
}, },
"selection": { "selection": {
"cursor": "#2472f2", "cursor": "#2472f2",
"selection": "#2472f24d" "selection": "#2472f23d"
}, },
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
@ -343,36 +343,36 @@
"unnecessary_code_fade": 0.5, "unnecessary_code_fade": 0.5,
"selection": { "selection": {
"cursor": "#2472f2", "cursor": "#2472f2",
"selection": "#2472f24d" "selection": "#2472f23d"
}, },
"guest_selections": [ "guest_selections": [
{ {
"cursor": "#79ba16", "cursor": "#79ba16",
"selection": "#79ba164d" "selection": "#79ba163d"
}, },
{ {
"cursor": "#d430e0", "cursor": "#d430e0",
"selection": "#d430e04d" "selection": "#d430e03d"
}, },
{ {
"cursor": "#ee670a", "cursor": "#ee670a",
"selection": "#ee670a4d" "selection": "#ee670a3d"
}, },
{ {
"cursor": "#993bf3", "cursor": "#993bf3",
"selection": "#993bf34d" "selection": "#993bf33d"
}, },
{ {
"cursor": "#16d6c1", "cursor": "#16d6c1",
"selection": "#16d6c14d" "selection": "#16d6c13d"
}, },
{ {
"cursor": "#ef59a3", "cursor": "#ef59a3",
"selection": "#ef59a34d" "selection": "#ef59a33d"
}, },
{ {
"cursor": "#f7bf17", "cursor": "#f7bf17",
"selection": "#f7bf174d" "selection": "#f7bf173d"
} }
], ],
"autocomplete": { "autocomplete": {
@ -958,7 +958,7 @@
}, },
"selection": { "selection": {
"cursor": "#2472f2", "cursor": "#2472f2",
"selection": "#2472f24d" "selection": "#2472f23d"
}, },
"border": { "border": {
"color": "#232323", "color": "#232323",
@ -1153,7 +1153,7 @@
}, },
"selection": { "selection": {
"cursor": "#2472f2", "cursor": "#2472f2",
"selection": "#2472f24d" "selection": "#2472f23d"
}, },
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
@ -1207,7 +1207,7 @@
}, },
"selection": { "selection": {
"cursor": "#2472f2", "cursor": "#2472f2",
"selection": "#2472f24d" "selection": "#2472f23d"
}, },
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",

176
crates/zed/assets/themes/light.json
View file

@ -13,12 +13,12 @@
"corner_radius": 6, "corner_radius": 6,
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#555555", "color": "#474747",
"size": 14 "size": 14
}, },
"highlight_text": { "highlight_text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#2472f2", "color": "#484bed",
"weight": "bold", "weight": "bold",
"size": 14 "size": 14
} }
@ -38,7 +38,7 @@
}, },
"highlight_text": { "highlight_text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#2472f2", "color": "#484bed",
"weight": "bold", "weight": "bold",
"size": 14 "size": 14
}, },
@ -51,7 +51,7 @@
"empty": { "empty": {
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14 "size": 14
}, },
"padding": { "padding": {
@ -66,12 +66,12 @@
"corner_radius": 6, "corner_radius": 6,
"placeholder_text": { "placeholder_text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#aaaaaa", "color": "#808080",
"size": 14 "size": 14
}, },
"selection": { "selection": {
"cursor": "#2472f2", "cursor": "#2472f2",
"selection": "#2472f24d" "selection": "#2472f23d"
}, },
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
@ -117,7 +117,7 @@
"spacing": 10, "spacing": 10,
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#555555", "color": "#474747",
"size": 14 "size": 14
}, },
"border": { "border": {
@ -221,17 +221,17 @@
}, },
"cursor_position": { "cursor_position": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14 "size": 14
}, },
"diagnostic_message": { "diagnostic_message": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14 "size": 14
}, },
"lsp_message": { "lsp_message": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14 "size": 14
} }
}, },
@ -240,7 +240,7 @@
"height": 32, "height": 32,
"background": "#e3e3e3", "background": "#e3e3e3",
"share_icon_color": "#555555", "share_icon_color": "#555555",
"share_icon_active_color": "#1179a8", "share_icon_active_color": "#484bed",
"title": { "title": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#2b2b2b", "color": "#2b2b2b",
@ -264,7 +264,7 @@
}, },
"sign_in_prompt": { "sign_in_prompt": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#555555", "color": "#474747",
"size": 13, "size": 13,
"underline": true, "underline": true,
"padding": { "padding": {
@ -311,7 +311,7 @@
}, },
"breadcrumbs": { "breadcrumbs": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#555555", "color": "#474747",
"size": 14, "size": 14,
"padding": { "padding": {
"left": 6 "left": 6
@ -325,14 +325,14 @@
} }
}, },
"editor": { "editor": {
"text_color": "#2b2b2b", "text_color": "#1c1c1c",
"background": "#ffffff", "background": "#ffffff",
"active_line_background": "#f1f1f1", "active_line_background": "#f1f1f1",
"code_actions_indicator": "#555555", "code_actions_indicator": "#555555",
"diff_background_deleted": "#fcc6c6", "diff_background_deleted": "#fcc6c6",
"diff_background_inserted": "#b7f9ce", "diff_background_inserted": "#b7f9ce",
"document_highlight_read_background": "#14a89829", "document_highlight_read_background": "#de900c0f",
"document_highlight_write_background": "#14a89852", "document_highlight_write_background": "#de900c42",
"error_color": "#eb2d2d", "error_color": "#eb2d2d",
"gutter_background": "#ffffff", "gutter_background": "#ffffff",
"gutter_padding_factor": 3.5, "gutter_padding_factor": 3.5,
@ -343,36 +343,36 @@
"unnecessary_code_fade": 0.5, "unnecessary_code_fade": 0.5,
"selection": { "selection": {
"cursor": "#2472f2", "cursor": "#2472f2",
"selection": "#2472f24d" "selection": "#2472f23d"
}, },
"guest_selections": [ "guest_selections": [
{ {
"cursor": "#79ba16", "cursor": "#12d796",
"selection": "#79ba164d" "selection": "#12d7963d"
}, },
{ {
"cursor": "#d430e0", "cursor": "#de57e8",
"selection": "#d430e04d" "selection": "#de57e83d"
}, },
{ {
"cursor": "#ee670a", "cursor": "#f9812e",
"selection": "#ee670a4d" "selection": "#f9812e3d"
}, },
{ {
"cursor": "#993bf3", "cursor": "#b066f8",
"selection": "#993bf34d" "selection": "#b066f83d"
}, },
{ {
"cursor": "#16d6c1", "cursor": "#16d6c1",
"selection": "#16d6c14d" "selection": "#16d6c13d"
}, },
{ {
"cursor": "#ef59a3", "cursor": "#ef59a3",
"selection": "#ef59a34d" "selection": "#ef59a33d"
}, },
{ {
"cursor": "#f7bf17", "cursor": "#f7bf17",
"selection": "#f7bf174d" "selection": "#f7bf173d"
} }
], ],
"autocomplete": { "autocomplete": {
@ -406,7 +406,7 @@
"left": -14 "left": -14
}, },
"match_highlight": { "match_highlight": {
"color": "#103063", "color": "#1819a1",
"weight": "normal" "weight": "normal"
}, },
"selected_item": { "selected_item": {
@ -432,7 +432,7 @@
}, },
"code": { "code": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"margin": { "margin": {
"left": 10 "left": 10
@ -447,7 +447,7 @@
}, },
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#555555", "color": "#474747",
"size": 14 "size": 14
} }
} }
@ -462,7 +462,7 @@
}, },
"path": { "path": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"margin": { "margin": {
"left": 12 "left": 12
@ -573,12 +573,12 @@
"message": { "message": {
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14 "size": 14
}, },
"highlight_text": { "highlight_text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"weight": "bold" "weight": "bold"
} }
@ -596,12 +596,12 @@
"message": { "message": {
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14 "size": 14
}, },
"highlight_text": { "highlight_text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"weight": "bold" "weight": "bold"
} }
@ -619,12 +619,12 @@
"message": { "message": {
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14 "size": 14
}, },
"highlight_text": { "highlight_text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"weight": "bold" "weight": "bold"
} }
@ -642,45 +642,45 @@
"message": { "message": {
"text": { "text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14 "size": 14
}, },
"highlight_text": { "highlight_text": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"weight": "bold" "weight": "bold"
} }
} }
}, },
"syntax": { "syntax": {
"keyword": "#103063", "keyword": "#1819a1",
"function": "#1b9447", "function": "#f9812e",
"string": "#bb550e", "string": "#eb2d2d",
"type": "#138a7d", "type": "#de900c",
"number": "#14a898", "number": "#484bed",
"comment": "#555555", "comment": "#717171",
"property": "#134697", "property": "#118a62",
"variant": "#1179a8", "variant": "#1096d3",
"constant": "#393939", "constant": "#1c1c1c",
"title": { "title": {
"color": "#1096d3", "color": "#1096d3",
"weight": "bold" "weight": "bold"
}, },
"emphasis": "#2472f2", "emphasis": "#484bed",
"emphasis_strong": { "emphasis_strong": {
"color": "#2472f2", "color": "#484bed",
"weight": "bold" "weight": "bold"
}, },
"link_uri": { "link_uri": {
"color": "#14a898", "color": "#79ba16",
"underline": true "underline": true
}, },
"link_text": { "link_text": {
"color": "#ee670a", "color": "#eb2d2d",
"italic": true "italic": true
}, },
"list_marker": "#393939" "list_marker": "#555555"
} }
}, },
"project_diagnostics": { "project_diagnostics": {
@ -694,7 +694,7 @@
}, },
"status_bar_item": { "status_bar_item": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"margin": { "margin": {
"right": 10 "right": 10
@ -713,7 +713,7 @@
"icon_spacing": 8, "icon_spacing": 8,
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#555555", "color": "#474747",
"size": 14 "size": 14
} }
}, },
@ -725,7 +725,7 @@
"icon_spacing": 8, "icon_spacing": 8,
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#555555", "color": "#474747",
"size": 14 "size": 14
} }
}, },
@ -768,7 +768,7 @@
}, },
"channel_name_hash": { "channel_name_hash": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"padding": { "padding": {
"right": 8 "right": 8
@ -787,7 +787,7 @@
}, },
"hash": { "hash": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"margin": { "margin": {
"right": 8 "right": 8
@ -798,13 +798,13 @@
"item": { "item": {
"name": { "name": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#555555", "color": "#474747",
"size": 14 "size": 14
}, },
"padding": 4, "padding": 4,
"hash": { "hash": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"margin": { "margin": {
"right": 8 "right": 8
@ -815,13 +815,13 @@
"hovered_item": { "hovered_item": {
"name": { "name": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#555555", "color": "#474747",
"size": 14 "size": 14
}, },
"padding": 4, "padding": 4,
"hash": { "hash": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"margin": { "margin": {
"right": 8 "right": 8
@ -839,7 +839,7 @@
"padding": 4, "padding": 4,
"hash": { "hash": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"margin": { "margin": {
"right": 8 "right": 8
@ -856,7 +856,7 @@
"padding": 4, "padding": 4,
"hash": { "hash": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"margin": { "margin": {
"right": 8 "right": 8
@ -885,7 +885,7 @@
}, },
"sign_in_prompt": { "sign_in_prompt": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#555555", "color": "#474747",
"underline": true, "underline": true,
"size": 14 "size": 14
}, },
@ -898,12 +898,12 @@
"message": { "message": {
"body": { "body": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#555555", "color": "#474747",
"size": 14 "size": 14
}, },
"timestamp": { "timestamp": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14 "size": 14
}, },
"padding": { "padding": {
@ -922,12 +922,12 @@
"pending_message": { "pending_message": {
"body": { "body": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14 "size": 14
}, },
"timestamp": { "timestamp": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"size": 14 "size": 14
}, },
"padding": { "padding": {
@ -935,7 +935,7 @@
}, },
"sender": { "sender": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#808080", "color": "#636363",
"weight": "bold", "weight": "bold",
"size": 14, "size": 14,
"margin": { "margin": {
@ -953,12 +953,12 @@
}, },
"placeholder_text": { "placeholder_text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#aaaaaa", "color": "#808080",
"size": 14 "size": 14
}, },
"selection": { "selection": {
"cursor": "#2472f2", "cursor": "#2472f2",
"selection": "#2472f24d" "selection": "#2472f23d"
}, },
"border": { "border": {
"color": "#e3e3e3", "color": "#e3e3e3",
@ -1003,7 +1003,7 @@
}, },
"name": { "name": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#aaaaaa", "color": "#808080",
"size": 14, "size": 14,
"margin": { "margin": {
"right": 6 "right": 6
@ -1022,7 +1022,7 @@
}, },
"name": { "name": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#555555", "color": "#474747",
"size": 14, "size": 14,
"margin": { "margin": {
"right": 6 "right": 6
@ -1043,7 +1043,7 @@
}, },
"name": { "name": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#555555", "color": "#474747",
"size": 14, "size": 14,
"margin": { "margin": {
"right": 6 "right": 6
@ -1064,7 +1064,7 @@
}, },
"name": { "name": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#aaaaaa", "color": "#808080",
"size": 14, "size": 14,
"margin": { "margin": {
"right": 6 "right": 6
@ -1083,7 +1083,7 @@
}, },
"name": { "name": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#aaaaaa", "color": "#808080",
"size": 14, "size": 14,
"margin": { "margin": {
"right": 6 "right": 6
@ -1096,12 +1096,12 @@
} }
}, },
"search": { "search": {
"match_background": "#1096d329", "match_background": "#993bf31f",
"tab_icon_spacing": 4, "tab_icon_spacing": 4,
"tab_icon_width": 14, "tab_icon_width": 14,
"active_hovered_option_button": { "active_hovered_option_button": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#555555", "color": "#474747",
"size": 14, "size": 14,
"background": "#e3e3e3", "background": "#e3e3e3",
"corner_radius": 6, "corner_radius": 6,
@ -1122,7 +1122,7 @@
}, },
"active_option_button": { "active_option_button": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#555555", "color": "#474747",
"size": 14, "size": 14,
"background": "#e3e3e3", "background": "#e3e3e3",
"corner_radius": 6, "corner_radius": 6,
@ -1148,12 +1148,12 @@
"max_width": 500, "max_width": 500,
"placeholder_text": { "placeholder_text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#aaaaaa", "color": "#808080",
"size": 14 "size": 14
}, },
"selection": { "selection": {
"cursor": "#2472f2", "cursor": "#2472f2",
"selection": "#2472f24d" "selection": "#2472f23d"
}, },
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
@ -1176,7 +1176,7 @@
}, },
"hovered_option_button": { "hovered_option_button": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#555555", "color": "#474747",
"size": 14, "size": 14,
"background": "#e3e3e3", "background": "#e3e3e3",
"corner_radius": 6, "corner_radius": 6,
@ -1202,12 +1202,12 @@
"max_width": 500, "max_width": 500,
"placeholder_text": { "placeholder_text": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#aaaaaa", "color": "#808080",
"size": 14 "size": 14
}, },
"selection": { "selection": {
"cursor": "#2472f2", "cursor": "#2472f2",
"selection": "#2472f24d" "selection": "#2472f23d"
}, },
"text": { "text": {
"family": "Zed Mono", "family": "Zed Mono",
@ -1230,13 +1230,13 @@
}, },
"match_index": { "match_index": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#808080", "color": "#636363",
"size": 14, "size": 14,
"padding": 6 "padding": 6
}, },
"option_button": { "option_button": {
"family": "Zed Mono", "family": "Zed Mono",
"color": "#555555", "color": "#474747",
"size": 14, "size": 14,
"background": "#f1f1f1", "background": "#f1f1f1",
"corner_radius": 6, "corner_radius": 6,

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

@ -61,11 +61,11 @@ const borderColor = {
const textColor = { const textColor = {
primary: colors.neutral[750], primary: colors.neutral[750],
secondary: colors.neutral[600], secondary: colors.neutral[650],
muted: colors.neutral[450], muted: colors.neutral[550],
placeholder: colors.neutral[300], placeholder: colors.neutral[450],
active: colors.neutral[900], active: colors.neutral[900],
feature: colors.blue[500], feature: colors.indigo[500],
ok: colors.green[500], ok: colors.green[500],
error: colors.red[500], error: colors.red[500],
warning: colors.yellow[500], warning: colors.yellow[500],
@ -78,7 +78,7 @@ const iconColor = {
muted: colors.neutral[500], muted: colors.neutral[500],
placeholder: colors.neutral[300], placeholder: colors.neutral[300],
active: colors.neutral[900], active: colors.neutral[900],
feature: colors.sky[600], feature: colors.indigo[500],
ok: colors.green[600], ok: colors.green[600],
error: colors.red[600], error: colors.red[600],
warning: colors.yellow[400], warning: colors.yellow[400],
@ -87,10 +87,10 @@ const iconColor = {
const player = { const player = {
1: buildPlayer(colors.blue[500]), 1: buildPlayer(colors.blue[500]),
2: buildPlayer(colors.lime[500]), 2: buildPlayer(colors.emerald[400]),
3: buildPlayer(colors.fuschia[500]), 3: buildPlayer(colors.fuschia[400]),
4: buildPlayer(colors.orange[500]), 4: buildPlayer(colors.orange[400]),
5: buildPlayer(colors.purple[500]), 5: buildPlayer(colors.purple[400]),
6: buildPlayer(colors.teal[400]), 6: buildPlayer(colors.teal[400]),
7: buildPlayer(colors.pink[400]), 7: buildPlayer(colors.pink[400]),
8: buildPlayer(colors.yellow[400]), 8: buildPlayer(colors.yellow[400]),
@ -110,11 +110,11 @@ const editor = {
}, },
highlight: { highlight: {
selection: player[1].selectionColor, selection: player[1].selectionColor,
occurrence: withOpacity(colors.teal[500], 0.16), occurrence: withOpacity(colors.amber[500], 0.06),
activeOccurrence: withOpacity(colors.teal[500], 0.32), activeOccurrence: withOpacity(colors.amber[500], 0.26),
matchingBracket: colors.neutral[0], matchingBracket: colors.neutral[0],
match: withOpacity(colors.sky[500], 0.16), match: withOpacity(colors.purple[500], 0.12),
activeMatch: withOpacity(colors.sky[800], 0.32), activeMatch: withOpacity(colors.purple[400], 0.36),
related: colors.neutral[0], related: colors.neutral[0],
}, },
gutter: { gutter: {
@ -125,63 +125,63 @@ const editor = {
const syntax: Syntax = { const syntax: Syntax = {
primary: { primary: {
color: colors.neutral[750], color: colors.neutral[800],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
comment: { comment: {
color: colors.neutral[600], color: colors.neutral[500],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
punctuation: { punctuation: {
color: colors.neutral[700], color: colors.neutral[600],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
constant: { constant: {
color: colors.neutral[700], color: colors.neutral[800],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
keyword: { keyword: {
color: colors.blue[800], color: colors.indigo[700],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
function: { function: {
color: colors.green[600], color: colors.orange[400],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
type: { type: {
color: colors.teal[600], color: colors.amber[500],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
variant: { variant: {
color: colors.sky[600], color: colors.sky[500],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
property: { property: {
color: colors.blue[700], color: colors.emerald[600],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
enum: { enum: {
color: colors.orange[600], color: colors.red[500],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
operator: { operator: {
color: colors.orange[600], color: colors.red[500],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
string: { string: {
color: colors.orange[600], color: colors.red[500],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
number: { number: {
color: colors.teal[500], color: colors.indigo[500],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
boolean: { boolean: {
color: colors.amber[600], color: colors.red[500],
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
predictive: { predictive: {
color: textColor.muted, color: textColor.placeholder,
weight: fontWeights.normal, weight: fontWeights.normal,
}, },
title: { title: {
@ -197,12 +197,12 @@ const syntax: Syntax = {
weight: fontWeights.bold, weight: fontWeights.bold,
}, },
linkUrl: { linkUrl: {
color: colors.teal[500], color: colors.lime[500],
weight: fontWeights.normal, weight: fontWeights.normal,
// TODO: add underline // TODO: add underline
}, },
linkText: { linkText: {
color: colors.orange[500], color: colors.red[500],
weight: fontWeights.normal, weight: fontWeights.normal,
// TODO: add italic // TODO: add italic
}, },

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

@ -21,7 +21,7 @@ export function buildPlayer(
return { return {
baseColor: color, baseColor: color,
cursorColor: withOpacity(color, cursorOpacity || 1.0), cursorColor: withOpacity(color, cursorOpacity || 1.0),
selectionColor: withOpacity(color, selectionOpacity || 0.3), selectionColor: withOpacity(color, selectionOpacity || 0.24),
borderColor: withOpacity(color, borderOpacity || 0.8), borderColor: withOpacity(color, borderOpacity || 0.8),
} }
} }