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

Rework the contact panel's styling to allow keyboard navigation

Browse source 
Co-authored-by: Nathan Sobo <nathan@zed.dev>
This commit is contained in:
Max Brunsfeld 2022-05-11 16:50:51 -07:00
parent 4739c683af
commit 615319b2ab
12 changed files with 526 additions and 264 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -989,9 +989,7 @@
"chat_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"channel_name": {
"family": "Zed Sans",
@ -1208,9 +1206,7 @@
"contacts_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"user_query_editor": {
"background": "#19171c",
@ -1238,23 +1234,33 @@
"left": 8,
"right": 8,
"top": 4
},
"margin": {
"left": 12,
"right": 12
}
},
"user_query_editor_height": 32,
"add_contact_button": {
"margin": {
"left": 6
"left": 6,
"right": 12
},
"color": "#e2dfe7",
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"header_row": {
"family": "Zed Mono",
"color": "#8b8792",
"size": 14,
"margin": {
"top": 8
"top": 14
},
"padding": {
"left": 12,
"right": 12
},
"active": {
"family": "Zed Mono",
@ -1265,15 +1271,23 @@
},
"contact_row": {
"padding": {
"left": 8
"left": 12,
"right": 12
},
"active": {
"background": "#5852605c"
}
},
"row_height": 28,
"tree_branch_color": "#655f6d",
"tree_branch_width": 1,
"tree_branch": {
"color": "#655f6d",
"width": 1,
"hover": {
"color": "#655f6d"
},
"active": {
"color": "#655f6d"
}
},
"contact_avatar": {
"corner_radius": 10,
"width": 18
@ -1282,10 +1296,11 @@
"family": "Zed Mono",
"color": "#e2dfe7",
"size": 14,
"padding": {
"margin": {
"left": 8
}
},
"contact_button_spacing": 8,
"contact_button": {
"background": "#26232a",
"color": "#e2dfe7",
@ -1315,14 +1330,21 @@
"color": "#8b8792",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#26232a",
"corner_radius": 6,
"hover": {
"background": "#5852603d"
},
@ -1342,14 +1364,21 @@
"color": "#8b8792",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#26232a",
"corner_radius": 6,
"hover": {
"background": "#5852603d"
},

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

@ -989,9 +989,7 @@
"chat_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"channel_name": {
"family": "Zed Sans",
@ -1208,9 +1206,7 @@
"contacts_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"user_query_editor": {
"background": "#efecf4",
@ -1238,23 +1234,33 @@
"left": 8,
"right": 8,
"top": 4
},
"margin": {
"left": 12,
"right": 12
}
},
"user_query_editor_height": 32,
"add_contact_button": {
"margin": {
"left": 6
"left": 6,
"right": 12
},
"color": "#26232a",
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"header_row": {
"family": "Zed Mono",
"color": "#585260",
"size": 14,
"margin": {
"top": 8
"top": 14
},
"padding": {
"left": 12,
"right": 12
},
"active": {
"family": "Zed Mono",
@ -1265,15 +1271,23 @@
},
"contact_row": {
"padding": {
"left": 8
"left": 12,
"right": 12
},
"active": {
"background": "#8b87922e"
}
},
"row_height": 28,
"tree_branch_color": "#7e7887",
"tree_branch_width": 1,
"tree_branch": {
"color": "#7e7887",
"width": 1,
"hover": {
"color": "#7e7887"
},
"active": {
"color": "#7e7887"
}
},
"contact_avatar": {
"corner_radius": 10,
"width": 18
@ -1282,10 +1296,11 @@
"family": "Zed Mono",
"color": "#26232a",
"size": 14,
"padding": {
"margin": {
"left": 8
}
},
"contact_button_spacing": 8,
"contact_button": {
"background": "#e2dfe7",
"color": "#26232a",
@ -1315,14 +1330,21 @@
"color": "#585260",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#e2dfe7",
"corner_radius": 6,
"hover": {
"background": "#8b87921f"
},
@ -1342,14 +1364,21 @@
"color": "#585260",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#e2dfe7",
"corner_radius": 6,
"hover": {
"background": "#8b87921f"
},

63
assets/themes/dark.json
View file

@ -989,9 +989,7 @@
"chat_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"channel_name": {
"family": "Zed Sans",
@ -1208,9 +1206,7 @@
"contacts_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"user_query_editor": {
"background": "#000000",
@ -1238,23 +1234,33 @@
"left": 8,
"right": 8,
"top": 4
},
"margin": {
"left": 12,
"right": 12
}
},
"user_query_editor_height": 32,
"add_contact_button": {
"margin": {
"left": 6
"left": 6,
"right": 12
},
"color": "#c6c6c6",
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"header_row": {
"family": "Zed Mono",
"color": "#9c9c9c",
"size": 14,
"margin": {
"top": 8
"top": 14
},
"padding": {
"left": 12,
"right": 12
},
"active": {
"family": "Zed Mono",
@ -1265,15 +1271,23 @@
},
"contact_row": {
"padding": {
"left": 8
"left": 12,
"right": 12
},
"active": {
"background": "#1c1c1c"
}
},
"row_height": 28,
"tree_branch_color": "#404040",
"tree_branch_width": 1,
"tree_branch": {
"color": "#000000",
"width": 1,
"hover": {
"color": "#000000"
},
"active": {
"color": "#000000"
}
},
"contact_avatar": {
"corner_radius": 10,
"width": 18
@ -1282,10 +1296,11 @@
"family": "Zed Mono",
"color": "#f1f1f1",
"size": 14,
"padding": {
"margin": {
"left": 8
}
},
"contact_button_spacing": 8,
"contact_button": {
"background": "#2b2b2b",
"color": "#c6c6c6",
@ -1315,14 +1330,21 @@
"color": "#9c9c9c",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#1c1c1c",
"corner_radius": 6,
"hover": {
"background": "#232323"
},
@ -1342,14 +1364,21 @@
"color": "#9c9c9c",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#1c1c1c",
"corner_radius": 6,
"hover": {
"background": "#232323"
},

63
assets/themes/light.json
View file

@ -989,9 +989,7 @@
"chat_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"channel_name": {
"family": "Zed Sans",
@ -1208,9 +1206,7 @@
"contacts_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"user_query_editor": {
"background": "#ffffff",
@ -1238,23 +1234,33 @@
"left": 8,
"right": 8,
"top": 4
},
"margin": {
"left": 12,
"right": 12
}
},
"user_query_editor_height": 32,
"add_contact_button": {
"margin": {
"left": 6
"left": 6,
"right": 12
},
"color": "#393939",
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"header_row": {
"family": "Zed Mono",
"color": "#474747",
"size": 14,
"margin": {
"top": 8
"top": 14
},
"padding": {
"left": 12,
"right": 12
},
"active": {
"family": "Zed Mono",
@ -1265,15 +1271,23 @@
},
"contact_row": {
"padding": {
"left": 8
"left": 12,
"right": 12
},
"active": {
"background": "#d5d5d5"
}
},
"row_height": 28,
"tree_branch_color": "#e3e3e3",
"tree_branch_width": 1,
"tree_branch": {
"color": "#b8b8b8",
"width": 1,
"hover": {
"color": "#b8b8b8"
},
"active": {
"color": "#b8b8b8"
}
},
"contact_avatar": {
"corner_radius": 10,
"width": 18
@ -1282,10 +1296,11 @@
"family": "Zed Mono",
"color": "#2b2b2b",
"size": 14,
"padding": {
"margin": {
"left": 8
}
},
"contact_button_spacing": 8,
"contact_button": {
"background": "#eaeaea",
"color": "#393939",
@ -1315,14 +1330,21 @@
"color": "#474747",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#f8f8f8",
"corner_radius": 6,
"hover": {
"background": "#eaeaea"
},
@ -1342,14 +1364,21 @@
"color": "#474747",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#f8f8f8",
"corner_radius": 6,
"hover": {
"background": "#eaeaea"
},

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

@ -989,9 +989,7 @@
"chat_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"channel_name": {
"family": "Zed Sans",
@ -1208,9 +1206,7 @@
"contacts_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"user_query_editor": {
"background": "#002b36",
@ -1238,23 +1234,33 @@
"left": 8,
"right": 8,
"top": 4
},
"margin": {
"left": 12,
"right": 12
}
},
"user_query_editor_height": 32,
"add_contact_button": {
"margin": {
"left": 6
"left": 6,
"right": 12
},
"color": "#eee8d5",
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"header_row": {
"family": "Zed Mono",
"color": "#93a1a1",
"size": 14,
"margin": {
"top": 8
"top": 14
},
"padding": {
"left": 12,
"right": 12
},
"active": {
"family": "Zed Mono",
@ -1265,15 +1271,23 @@
},
"contact_row": {
"padding": {
"left": 8
"left": 12,
"right": 12
},
"active": {
"background": "#586e755c"
}
},
"row_height": 28,
"tree_branch_color": "#657b83",
"tree_branch_width": 1,
"tree_branch": {
"color": "#657b83",
"width": 1,
"hover": {
"color": "#657b83"
},
"active": {
"color": "#657b83"
}
},
"contact_avatar": {
"corner_radius": 10,
"width": 18
@ -1282,10 +1296,11 @@
"family": "Zed Mono",
"color": "#eee8d5",
"size": 14,
"padding": {
"margin": {
"left": 8
}
},
"contact_button_spacing": 8,
"contact_button": {
"background": "#073642",
"color": "#eee8d5",
@ -1315,14 +1330,21 @@
"color": "#93a1a1",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#073642",
"corner_radius": 6,
"hover": {
"background": "#586e753d"
},
@ -1342,14 +1364,21 @@
"color": "#93a1a1",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#073642",
"corner_radius": 6,
"hover": {
"background": "#586e753d"
},

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

@ -989,9 +989,7 @@
"chat_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"channel_name": {
"family": "Zed Sans",
@ -1208,9 +1206,7 @@
"contacts_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"user_query_editor": {
"background": "#fdf6e3",
@ -1238,23 +1234,33 @@
"left": 8,
"right": 8,
"top": 4
},
"margin": {
"left": 12,
"right": 12
}
},
"user_query_editor_height": 32,
"add_contact_button": {
"margin": {
"left": 6
"left": 6,
"right": 12
},
"color": "#073642",
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"header_row": {
"family": "Zed Mono",
"color": "#586e75",
"size": 14,
"margin": {
"top": 8
"top": 14
},
"padding": {
"left": 12,
"right": 12
},
"active": {
"family": "Zed Mono",
@ -1265,15 +1271,23 @@
},
"contact_row": {
"padding": {
"left": 8
"left": 12,
"right": 12
},
"active": {
"background": "#93a1a12e"
}
},
"row_height": 28,
"tree_branch_color": "#839496",
"tree_branch_width": 1,
"tree_branch": {
"color": "#839496",
"width": 1,
"hover": {
"color": "#839496"
},
"active": {
"color": "#839496"
}
},
"contact_avatar": {
"corner_radius": 10,
"width": 18
@ -1282,10 +1296,11 @@
"family": "Zed Mono",
"color": "#073642",
"size": 14,
"padding": {
"margin": {
"left": 8
}
},
"contact_button_spacing": 8,
"contact_button": {
"background": "#eee8d5",
"color": "#073642",
@ -1315,14 +1330,21 @@
"color": "#586e75",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#eee8d5",
"corner_radius": 6,
"hover": {
"background": "#93a1a11f"
},
@ -1342,14 +1364,21 @@
"color": "#586e75",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#eee8d5",
"corner_radius": 6,
"hover": {
"background": "#93a1a11f"
},

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

@ -989,9 +989,7 @@
"chat_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"channel_name": {
"family": "Zed Sans",
@ -1208,9 +1206,7 @@
"contacts_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"user_query_editor": {
"background": "#202746",
@ -1238,23 +1234,33 @@
"left": 8,
"right": 8,
"top": 4
},
"margin": {
"left": 12,
"right": 12
}
},
"user_query_editor_height": 32,
"add_contact_button": {
"margin": {
"left": 6
"left": 6,
"right": 12
},
"color": "#dfe2f1",
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"header_row": {
"family": "Zed Mono",
"color": "#979db4",
"size": 14,
"margin": {
"top": 8
"top": 14
},
"padding": {
"left": 12,
"right": 12
},
"active": {
"family": "Zed Mono",
@ -1265,15 +1271,23 @@
},
"contact_row": {
"padding": {
"left": 8
"left": 12,
"right": 12
},
"active": {
"background": "#5e66875c"
}
},
"row_height": 28,
"tree_branch_color": "#6b7394",
"tree_branch_width": 1,
"tree_branch": {
"color": "#6b7394",
"width": 1,
"hover": {
"color": "#6b7394"
},
"active": {
"color": "#6b7394"
}
},
"contact_avatar": {
"corner_radius": 10,
"width": 18
@ -1282,10 +1296,11 @@
"family": "Zed Mono",
"color": "#dfe2f1",
"size": 14,
"padding": {
"margin": {
"left": 8
}
},
"contact_button_spacing": 8,
"contact_button": {
"background": "#293256",
"color": "#dfe2f1",
@ -1315,14 +1330,21 @@
"color": "#979db4",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#293256",
"corner_radius": 6,
"hover": {
"background": "#5e66873d"
},
@ -1342,14 +1364,21 @@
"color": "#979db4",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#293256",
"corner_radius": 6,
"hover": {
"background": "#5e66873d"
},

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

@ -989,9 +989,7 @@
"chat_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"channel_name": {
"family": "Zed Sans",
@ -1208,9 +1206,7 @@
"contacts_panel": {
"padding": {
"top": 12,
"left": 12,
"bottom": 12,
"right": 12
"bottom": 12
},
"user_query_editor": {
"background": "#f5f7ff",
@ -1238,23 +1234,33 @@
"left": 8,
"right": 8,
"top": 4
},
"margin": {
"left": 12,
"right": 12
}
},
"user_query_editor_height": 32,
"add_contact_button": {
"margin": {
"left": 6
"left": 6,
"right": 12
},
"color": "#293256",
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"header_row": {
"family": "Zed Mono",
"color": "#5e6687",
"size": 14,
"margin": {
"top": 8
"top": 14
},
"padding": {
"left": 12,
"right": 12
},
"active": {
"family": "Zed Mono",
@ -1265,15 +1271,23 @@
},
"contact_row": {
"padding": {
"left": 8
"left": 12,
"right": 12
},
"active": {
"background": "#979db42e"
}
},
"row_height": 28,
"tree_branch_color": "#898ea4",
"tree_branch_width": 1,
"tree_branch": {
"color": "#898ea4",
"width": 1,
"hover": {
"color": "#898ea4"
},
"active": {
"color": "#898ea4"
}
},
"contact_avatar": {
"corner_radius": 10,
"width": 18
@ -1282,10 +1296,11 @@
"family": "Zed Mono",
"color": "#293256",
"size": 14,
"padding": {
"margin": {
"left": 8
}
},
"contact_button_spacing": 8,
"contact_button": {
"background": "#dfe2f1",
"color": "#293256",
@ -1315,14 +1330,21 @@
"color": "#5e6687",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#dfe2f1",
"corner_radius": 6,
"hover": {
"background": "#979db41f"
},
@ -1342,14 +1364,21 @@
"color": "#5e6687",
"size": 14,
"margin": {
"left": 8,
"right": 6
}
},
"guests": {
"margin": {
"left": 8,
"right": 8
}
},
"padding": {
"left": 8
"left": 12,
"right": 12
},
"background": "#dfe2f1",
"corner_radius": 6,
"hover": {
"background": "#979db41f"
},