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

Statusbar style tweaks

Browse source
This commit is contained in:
Nate Butler 2022-04-28 14:52:31 -04:00
parent 6fc68a8ddd
commit b41bf65c96
9 changed files with 144 additions and 148 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -172,9 +172,11 @@
"width": 1 "width": 1
}, },
"status_bar": { "status_bar": {
"height": 24, "height": 30,
"item_spacing": 12, "item_spacing": 8,
"padding": { "padding": {
"top": 1,
"bottom": 1,
"left": 6, "left": 6,
"right": 6 "right": 6
}, },
@ -235,7 +237,9 @@
"family": "Zed Sans", "family": "Zed Sans",
"color": "#e2dfe7", "color": "#e2dfe7",
"size": 14, "size": 14,
"hover": {} "hover": {
"background": "#58526052"
}
}, },
"summary_warning": { "summary_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -294,15 +298,17 @@
"group_left": {}, "group_left": {},
"group_right": {}, "group_right": {},
"item": { "item": {
"icon_size": 18, "icon_size": 14,
"padding": { "padding": {
"left": 5, "top": 3,
"right": 5 "bottom": 3,
"left": 6,
"right": 6
}, },
"corner_radius": 5, "corner_radius": 6,
"icon_color": "#8b8792", "icon_color": "#8b8792",
"hover": { "hover": {
"icon_color": "#8b8792", "icon_color": "#e2dfe7",
"background": "#58526052" "background": "#58526052"
}, },
"active": { "active": {
@ -874,21 +880,14 @@
} }
}, },
"project_diagnostics": { "project_diagnostics": {
"background": "#19171c",
"tab_icon_spacing": 4, "tab_icon_spacing": 4,
"tab_icon_width": 13, "tab_icon_width": 13,
"tab_summary_spacing": 10, "tab_summary_spacing": 10,
"empty_message": { "empty_message": {
"family": "Zed Sans",
"color": "#e2dfe7",
"size": 18
},
"status_bar_item": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#8b8792", "color": "#8b8792",
"size": 14, "size": 16
"margin": {
"right": 10
}
} }
}, },
"command_palette": { "command_palette": {

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

@ -172,9 +172,11 @@
"width": 1 "width": 1
}, },
"status_bar": { "status_bar": {
"height": 24, "height": 30,
"item_spacing": 12, "item_spacing": 8,
"padding": { "padding": {
"top": 1,
"bottom": 1,
"left": 6, "left": 6,
"right": 6 "right": 6
}, },
@ -235,7 +237,9 @@
"family": "Zed Sans", "family": "Zed Sans",
"color": "#26232a", "color": "#26232a",
"size": 14, "size": 14,
"hover": {} "hover": {
"background": "#8b87921f"
}
}, },
"summary_warning": { "summary_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -294,15 +298,17 @@
"group_left": {}, "group_left": {},
"group_right": {}, "group_right": {},
"item": { "item": {
"icon_size": 18, "icon_size": 14,
"padding": { "padding": {
"left": 5, "top": 3,
"right": 5 "bottom": 3,
"left": 6,
"right": 6
}, },
"corner_radius": 5, "corner_radius": 6,
"icon_color": "#585260", "icon_color": "#585260",
"hover": { "hover": {
"icon_color": "#585260", "icon_color": "#26232a",
"background": "#8b87921f" "background": "#8b87921f"
}, },
"active": { "active": {
@ -874,21 +880,14 @@
} }
}, },
"project_diagnostics": { "project_diagnostics": {
"background": "#efecf4",
"tab_icon_spacing": 4, "tab_icon_spacing": 4,
"tab_icon_width": 13, "tab_icon_width": 13,
"tab_summary_spacing": 10, "tab_summary_spacing": 10,
"empty_message": { "empty_message": {
"family": "Zed Sans",
"color": "#26232a",
"size": 18
},
"status_bar_item": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#585260", "color": "#585260",
"size": 14, "size": 16
"margin": {
"right": 10
}
} }
}, },
"command_palette": { "command_palette": {

37
assets/themes/dark.json
View file

@ -172,9 +172,11 @@
"width": 1 "width": 1
}, },
"status_bar": { "status_bar": {
"height": 24, "height": 30,
"item_spacing": 12, "item_spacing": 8,
"padding": { "padding": {
"top": 1,
"bottom": 1,
"left": 6, "left": 6,
"right": 6 "right": 6
}, },
@ -235,7 +237,9 @@
"family": "Zed Sans", "family": "Zed Sans",
"color": "#f1f1f1", "color": "#f1f1f1",
"size": 14, "size": 14,
"hover": {} "hover": {
"background": "#232323"
}
}, },
"summary_warning": { "summary_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -294,15 +298,17 @@
"group_left": {}, "group_left": {},
"group_right": {}, "group_right": {},
"item": { "item": {
"icon_size": 18, "icon_size": 14,
"padding": { "padding": {
"left": 5, "top": 3,
"right": 5 "bottom": 3,
"left": 6,
"right": 6
}, },
"corner_radius": 5, "corner_radius": 6,
"icon_color": "#555555", "icon_color": "#9c9c9c",
"hover": { "hover": {
"icon_color": "#9c9c9c", "icon_color": "#c6c6c6",
"background": "#232323" "background": "#232323"
}, },
"active": { "active": {
@ -874,21 +880,14 @@
} }
}, },
"project_diagnostics": { "project_diagnostics": {
"background": "#000000",
"tab_icon_spacing": 4, "tab_icon_spacing": 4,
"tab_icon_width": 13, "tab_icon_width": 13,
"tab_summary_spacing": 10, "tab_summary_spacing": 10,
"empty_message": { "empty_message": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#f1f1f1", "color": "#9c9c9c",
"size": 18 "size": 16
},
"status_bar_item": {
"family": "Zed Sans",
"color": "#808080",
"size": 14,
"margin": {
"right": 10
}
} }
}, },
"command_palette": { "command_palette": {

37
assets/themes/light.json
View file

@ -172,9 +172,11 @@
"width": 1 "width": 1
}, },
"status_bar": { "status_bar": {
"height": 24, "height": 30,
"item_spacing": 12, "item_spacing": 8,
"padding": { "padding": {
"top": 1,
"bottom": 1,
"left": 6, "left": 6,
"right": 6 "right": 6
}, },
@ -235,7 +237,9 @@
"family": "Zed Sans", "family": "Zed Sans",
"color": "#2b2b2b", "color": "#2b2b2b",
"size": 14, "size": 14,
"hover": {} "hover": {
"background": "#eaeaea"
}
}, },
"summary_warning": { "summary_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -294,15 +298,17 @@
"group_left": {}, "group_left": {},
"group_right": {}, "group_right": {},
"item": { "item": {
"icon_size": 18, "icon_size": 14,
"padding": { "padding": {
"left": 5, "top": 3,
"right": 5 "bottom": 3,
"left": 6,
"right": 6
}, },
"corner_radius": 5, "corner_radius": 6,
"icon_color": "#9c9c9c", "icon_color": "#717171",
"hover": { "hover": {
"icon_color": "#717171", "icon_color": "#393939",
"background": "#eaeaea" "background": "#eaeaea"
}, },
"active": { "active": {
@ -874,21 +880,14 @@
} }
}, },
"project_diagnostics": { "project_diagnostics": {
"background": "#ffffff",
"tab_icon_spacing": 4, "tab_icon_spacing": 4,
"tab_icon_width": 13, "tab_icon_width": 13,
"tab_summary_spacing": 10, "tab_summary_spacing": 10,
"empty_message": { "empty_message": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#2b2b2b", "color": "#474747",
"size": 18 "size": 16
},
"status_bar_item": {
"family": "Zed Sans",
"color": "#636363",
"size": 14,
"margin": {
"right": 10
}
} }
}, },
"command_palette": { "command_palette": {

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

@ -172,9 +172,11 @@
"width": 1 "width": 1
}, },
"status_bar": { "status_bar": {
"height": 24, "height": 30,
"item_spacing": 12, "item_spacing": 8,
"padding": { "padding": {
"top": 1,
"bottom": 1,
"left": 6, "left": 6,
"right": 6 "right": 6
}, },
@ -235,7 +237,9 @@
"family": "Zed Sans", "family": "Zed Sans",
"color": "#eee8d5", "color": "#eee8d5",
"size": 14, "size": 14,
"hover": {} "hover": {
"background": "#586e7552"
}
}, },
"summary_warning": { "summary_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -294,15 +298,17 @@
"group_left": {}, "group_left": {},
"group_right": {}, "group_right": {},
"item": { "item": {
"icon_size": 18, "icon_size": 14,
"padding": { "padding": {
"left": 5, "top": 3,
"right": 5 "bottom": 3,
"left": 6,
"right": 6
}, },
"corner_radius": 5, "corner_radius": 6,
"icon_color": "#93a1a1", "icon_color": "#93a1a1",
"hover": { "hover": {
"icon_color": "#93a1a1", "icon_color": "#eee8d5",
"background": "#586e7552" "background": "#586e7552"
}, },
"active": { "active": {
@ -874,21 +880,14 @@
} }
}, },
"project_diagnostics": { "project_diagnostics": {
"background": "#002b36",
"tab_icon_spacing": 4, "tab_icon_spacing": 4,
"tab_icon_width": 13, "tab_icon_width": 13,
"tab_summary_spacing": 10, "tab_summary_spacing": 10,
"empty_message": { "empty_message": {
"family": "Zed Sans",
"color": "#eee8d5",
"size": 18
},
"status_bar_item": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#93a1a1", "color": "#93a1a1",
"size": 14, "size": 16
"margin": {
"right": 10
}
} }
}, },
"command_palette": { "command_palette": {

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

@ -172,9 +172,11 @@
"width": 1 "width": 1
}, },
"status_bar": { "status_bar": {
"height": 24, "height": 30,
"item_spacing": 12, "item_spacing": 8,
"padding": { "padding": {
"top": 1,
"bottom": 1,
"left": 6, "left": 6,
"right": 6 "right": 6
}, },
@ -235,7 +237,9 @@
"family": "Zed Sans", "family": "Zed Sans",
"color": "#073642", "color": "#073642",
"size": 14, "size": 14,
"hover": {} "hover": {
"background": "#93a1a11f"
}
}, },
"summary_warning": { "summary_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -294,15 +298,17 @@
"group_left": {}, "group_left": {},
"group_right": {}, "group_right": {},
"item": { "item": {
"icon_size": 18, "icon_size": 14,
"padding": { "padding": {
"left": 5, "top": 3,
"right": 5 "bottom": 3,
"left": 6,
"right": 6
}, },
"corner_radius": 5, "corner_radius": 6,
"icon_color": "#586e75", "icon_color": "#586e75",
"hover": { "hover": {
"icon_color": "#586e75", "icon_color": "#073642",
"background": "#93a1a11f" "background": "#93a1a11f"
}, },
"active": { "active": {
@ -874,21 +880,14 @@
} }
}, },
"project_diagnostics": { "project_diagnostics": {
"background": "#fdf6e3",
"tab_icon_spacing": 4, "tab_icon_spacing": 4,
"tab_icon_width": 13, "tab_icon_width": 13,
"tab_summary_spacing": 10, "tab_summary_spacing": 10,
"empty_message": { "empty_message": {
"family": "Zed Sans",
"color": "#073642",
"size": 18
},
"status_bar_item": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#586e75", "color": "#586e75",
"size": 14, "size": 16
"margin": {
"right": 10
}
} }
}, },
"command_palette": { "command_palette": {

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

@ -172,9 +172,11 @@
"width": 1 "width": 1
}, },
"status_bar": { "status_bar": {
"height": 24, "height": 30,
"item_spacing": 12, "item_spacing": 8,
"padding": { "padding": {
"top": 1,
"bottom": 1,
"left": 6, "left": 6,
"right": 6 "right": 6
}, },
@ -235,7 +237,9 @@
"family": "Zed Sans", "family": "Zed Sans",
"color": "#dfe2f1", "color": "#dfe2f1",
"size": 14, "size": 14,
"hover": {} "hover": {
"background": "#5e668752"
}
}, },
"summary_warning": { "summary_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -294,15 +298,17 @@
"group_left": {}, "group_left": {},
"group_right": {}, "group_right": {},
"item": { "item": {
"icon_size": 18, "icon_size": 14,
"padding": { "padding": {
"left": 5, "top": 3,
"right": 5 "bottom": 3,
"left": 6,
"right": 6
}, },
"corner_radius": 5, "corner_radius": 6,
"icon_color": "#979db4", "icon_color": "#979db4",
"hover": { "hover": {
"icon_color": "#979db4", "icon_color": "#dfe2f1",
"background": "#5e668752" "background": "#5e668752"
}, },
"active": { "active": {
@ -874,21 +880,14 @@
} }
}, },
"project_diagnostics": { "project_diagnostics": {
"background": "#202746",
"tab_icon_spacing": 4, "tab_icon_spacing": 4,
"tab_icon_width": 13, "tab_icon_width": 13,
"tab_summary_spacing": 10, "tab_summary_spacing": 10,
"empty_message": { "empty_message": {
"family": "Zed Sans",
"color": "#dfe2f1",
"size": 18
},
"status_bar_item": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#979db4", "color": "#979db4",
"size": 14, "size": 16
"margin": {
"right": 10
}
} }
}, },
"command_palette": { "command_palette": {

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

@ -172,9 +172,11 @@
"width": 1 "width": 1
}, },
"status_bar": { "status_bar": {
"height": 24, "height": 30,
"item_spacing": 12, "item_spacing": 8,
"padding": { "padding": {
"top": 1,
"bottom": 1,
"left": 6, "left": 6,
"right": 6 "right": 6
}, },
@ -235,7 +237,9 @@
"family": "Zed Sans", "family": "Zed Sans",
"color": "#293256", "color": "#293256",
"size": 14, "size": 14,
"hover": {} "hover": {
"background": "#979db41f"
}
}, },
"summary_warning": { "summary_warning": {
"corner_radius": 6, "corner_radius": 6,
@ -294,15 +298,17 @@
"group_left": {}, "group_left": {},
"group_right": {}, "group_right": {},
"item": { "item": {
"icon_size": 18, "icon_size": 14,
"padding": { "padding": {
"left": 5, "top": 3,
"right": 5 "bottom": 3,
"left": 6,
"right": 6
}, },
"corner_radius": 5, "corner_radius": 6,
"icon_color": "#5e6687", "icon_color": "#5e6687",
"hover": { "hover": {
"icon_color": "#5e6687", "icon_color": "#293256",
"background": "#979db41f" "background": "#979db41f"
}, },
"active": { "active": {
@ -874,21 +880,14 @@
} }
}, },
"project_diagnostics": { "project_diagnostics": {
"background": "#f5f7ff",
"tab_icon_spacing": 4, "tab_icon_spacing": 4,
"tab_icon_width": 13, "tab_icon_width": 13,
"tab_summary_spacing": 10, "tab_summary_spacing": 10,
"empty_message": { "empty_message": {
"family": "Zed Sans",
"color": "#293256",
"size": 18
},
"status_bar_item": {
"family": "Zed Sans", "family": "Zed Sans",
"color": "#5e6687", "color": "#5e6687",
"size": 14, "size": 16
"margin": {
"right": 10
}
} }
}, },
"command_palette": { "command_palette": {

20
styles/src/styleTree/workspace.ts
View file

@ -81,9 +81,11 @@ export default function workspace(theme: Theme) {
width: 1, width: 1,
}, },
statusBar: { statusBar: {
height: 24, height: 30,
itemSpacing: 12, itemSpacing: 8,
padding: { padding: {
top: 1,
bottom: 1,
left: 6, left: 6,
right: 6, right: 6,
}, },
@ -109,7 +111,9 @@ export default function workspace(theme: Theme) {
height: 16, height: 16,
summaryOk: { summaryOk: {
...diagnosticSummary, ...diagnosticSummary,
hover: {} hover: {
background: backgroundColor(theme, 300, "hovered"),
}
}, },
summaryWarning: { summaryWarning: {
...diagnosticSummary, ...diagnosticSummary,
@ -142,12 +146,12 @@ export default function workspace(theme: Theme) {
groupLeft: {}, groupLeft: {},
groupRight: {}, groupRight: {},
item: { item: {
iconSize: 18, iconSize: 14,
padding: { left: 5, right: 5 }, padding: { top: 3, bottom: 3, left: 6, right: 6 },
cornerRadius: 5, cornerRadius: 6,
iconColor: iconColor(theme, "muted"), iconColor: iconColor(theme, "secondary"),
hover: { hover: {
iconColor: iconColor(theme, "secondary"), iconColor: iconColor(theme, "primary"),
background: backgroundColor(theme, 300, "hovered"), background: backgroundColor(theme, 300, "hovered"),
}, },
active: { active: {