oak-team/oak-gpui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Style the buttons in the contact panel and contact finder

Browse Source 
Co-authored-by: Nathan Sobo <nathan@zed.dev>
Co-authored-by: Antonio Scandurra <me@as-cii.com>
This commit is contained in:
Max Brunsfeld
2022-05-10 10:47:25 -07:00
co-authored by Nathan Sobo Antonio Scandurra
parent a121576545
commit 2cf9659f88
13 changed files with 230 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/themes/cave-dark.json
+20 -13
View File
@@ -1245,7 +1245,8 @@
"left": 6
},
"color": "#e2dfe7",
"width": 8
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"tree_branch_color": "#655f6d",
@@ -1264,17 +1265,20 @@
},
"contact_button": {
"background": "#26232a",
"corner_radius": 8,
"padding": 4,
"color": "#e2dfe7",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#5852603d"
}
},
"disabled_contact_button": {
"background": "#26232a",
"corner_radius": 8,
"padding": 4,
"color": "#8b8792",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
},
"header": {
"family": "Zed Mono",
@@ -1482,17 +1486,20 @@
},
"contact_button": {
"background": "#26232a",
"corner_radius": 9,
"padding": 4,
"color": "#e2dfe7",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#5852603d"
}
},
"disabled_contact_button": {
"background": "#26232a",
"corner_radius": 9,
"padding": 4,
"color": "#8b8792",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
}
},
"search": {
assets/themes/cave-light.json
+20 -13
View File
@@ -1245,7 +1245,8 @@
"left": 6
},
"color": "#26232a",
"width": 8
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"tree_branch_color": "#7e7887",
@@ -1264,17 +1265,20 @@
},
"contact_button": {
"background": "#e2dfe7",
"corner_radius": 8,
"padding": 4,
"color": "#26232a",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#8b87921f"
}
},
"disabled_contact_button": {
"background": "#e2dfe7",
"corner_radius": 8,
"padding": 4,
"color": "#585260",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
},
"header": {
"family": "Zed Mono",
@@ -1482,17 +1486,20 @@
},
"contact_button": {
"background": "#e2dfe7",
"corner_radius": 9,
"padding": 4,
"color": "#26232a",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#8b87921f"
}
},
"disabled_contact_button": {
"background": "#e2dfe7",
"corner_radius": 9,
"padding": 4,
"color": "#585260",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
}
},
"search": {
assets/themes/dark.json
+20 -13
View File
@@ -1245,7 +1245,8 @@
"left": 6
},
"color": "#c6c6c6",
"width": 8
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"tree_branch_color": "#404040",
@@ -1264,17 +1265,20 @@
},
"contact_button": {
"background": "#2b2b2b",
"corner_radius": 8,
"padding": 4,
"color": "#c6c6c6",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#323232"
}
},
"disabled_contact_button": {
"background": "#2b2b2b",
"corner_radius": 8,
"padding": 4,
"color": "#555555",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
},
"header": {
"family": "Zed Mono",
@@ -1482,17 +1486,20 @@
},
"contact_button": {
"background": "#2b2b2b",
"corner_radius": 9,
"padding": 4,
"color": "#c6c6c6",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#323232"
}
},
"disabled_contact_button": {
"background": "#2b2b2b",
"corner_radius": 9,
"padding": 4,
"color": "#555555",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
}
},
"search": {
assets/themes/light.json
+20 -13
View File
@@ -1245,7 +1245,8 @@
"left": 6
},
"color": "#393939",
"width": 8
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"tree_branch_color": "#e3e3e3",
@@ -1264,17 +1265,20 @@
},
"contact_button": {
"background": "#eaeaea",
"corner_radius": 8,
"padding": 4,
"color": "#393939",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#e3e3e3"
}
},
"disabled_contact_button": {
"background": "#eaeaea",
"corner_radius": 8,
"padding": 4,
"color": "#9c9c9c",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
},
"header": {
"family": "Zed Mono",
@@ -1482,17 +1486,20 @@
},
"contact_button": {
"background": "#eaeaea",
"corner_radius": 9,
"padding": 4,
"color": "#393939",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#e3e3e3"
}
},
"disabled_contact_button": {
"background": "#eaeaea",
"corner_radius": 9,
"padding": 4,
"color": "#9c9c9c",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
}
},
"search": {
assets/themes/solarized-dark.json
+20 -13
View File
@@ -1245,7 +1245,8 @@
"left": 6
},
"color": "#eee8d5",
"width": 8
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"tree_branch_color": "#657b83",
@@ -1264,17 +1265,20 @@
},
"contact_button": {
"background": "#073642",
"corner_radius": 8,
"padding": 4,
"color": "#eee8d5",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#586e753d"
}
},
"disabled_contact_button": {
"background": "#073642",
"corner_radius": 8,
"padding": 4,
"color": "#93a1a1",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
},
"header": {
"family": "Zed Mono",
@@ -1482,17 +1486,20 @@
},
"contact_button": {
"background": "#073642",
"corner_radius": 9,
"padding": 4,
"color": "#eee8d5",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#586e753d"
}
},
"disabled_contact_button": {
"background": "#073642",
"corner_radius": 9,
"padding": 4,
"color": "#93a1a1",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
}
},
"search": {
assets/themes/solarized-light.json
+20 -13
View File
@@ -1245,7 +1245,8 @@
"left": 6
},
"color": "#073642",
"width": 8
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"tree_branch_color": "#839496",
@@ -1264,17 +1265,20 @@
},
"contact_button": {
"background": "#eee8d5",
"corner_radius": 8,
"padding": 4,
"color": "#073642",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#93a1a11f"
}
},
"disabled_contact_button": {
"background": "#eee8d5",
"corner_radius": 8,
"padding": 4,
"color": "#586e75",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
},
"header": {
"family": "Zed Mono",
@@ -1482,17 +1486,20 @@
},
"contact_button": {
"background": "#eee8d5",
"corner_radius": 9,
"padding": 4,
"color": "#073642",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#93a1a11f"
}
},
"disabled_contact_button": {
"background": "#eee8d5",
"corner_radius": 9,
"padding": 4,
"color": "#586e75",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
}
},
"search": {
assets/themes/sulphurpool-dark.json
+20 -13
View File
@@ -1245,7 +1245,8 @@
"left": 6
},
"color": "#dfe2f1",
"width": 8
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"tree_branch_color": "#6b7394",
@@ -1264,17 +1265,20 @@
},
"contact_button": {
"background": "#293256",
"corner_radius": 8,
"padding": 4,
"color": "#dfe2f1",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#5e66873d"
}
},
"disabled_contact_button": {
"background": "#293256",
"corner_radius": 8,
"padding": 4,
"color": "#979db4",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
},
"header": {
"family": "Zed Mono",
@@ -1482,17 +1486,20 @@
},
"contact_button": {
"background": "#293256",
"corner_radius": 9,
"padding": 4,
"color": "#dfe2f1",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#5e66873d"
}
},
"disabled_contact_button": {
"background": "#293256",
"corner_radius": 9,
"padding": 4,
"color": "#979db4",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
}
},
"search": {
assets/themes/sulphurpool-light.json
+20 -13
View File
@@ -1245,7 +1245,8 @@
"left": 6
},
"color": "#293256",
"width": 8
"button_width": 8,
"icon_width": 8
},
"row_height": 28,
"tree_branch_color": "#898ea4",
@@ -1264,17 +1265,20 @@
},
"contact_button": {
"background": "#dfe2f1",
"corner_radius": 8,
"padding": 4,
"color": "#293256",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#979db41f"
}
},
"disabled_contact_button": {
"background": "#dfe2f1",
"corner_radius": 8,
"padding": 4,
"color": "#5e6687",
"width": 8
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
},
"header": {
"family": "Zed Mono",
@@ -1482,17 +1486,20 @@
},
"contact_button": {
"background": "#dfe2f1",
"corner_radius": 9,
"padding": 4,
"color": "#293256",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8,
"hover": {
"background": "#979db41f"
}
},
"disabled_contact_button": {
"background": "#dfe2f1",
"corner_radius": 9,
"padding": 4,
"color": "#5e6687",
"width": 10
"icon_width": 8,
"button_width": 16,
"corner_radius": 8
}
},
"search": {