Update UI icons

JamesCamel · JamesCamel · commit ab5a914caf4f · 2020-06-03T22:06:48.000+08:00
diff --git a/.DS_Store b/.DS_Store
diff --git a/package.json b/package.json
@@ -67,7 +67,7 @@
 				{
 					"id": "mdTree",
 					"title": "HackMD Notes",
-					"icon": "src/icon/notes.svg"
+					"icon": "src/icon/activity-bar.svg"
 				}
 			]
 		},
@@ -91,17 +91,26 @@
 			{
 				"command": "treeView.refreshList",
 				"title": "HackMD: Refresh",
-				"icon": "src/icon/refresh.svg"
+				"icon": {
+					"light": "src/icon/light/refresh-dark.svg",
+					"dark": "src/icon/dark/refresh-light.svg"
+				}
 			},
 			{
 				"command": "note.showPreview",
 				"title": "HackMD: Show Preview",
-				"icon": "src/icon/eye.svg"
+				"icon": {
+					"light": "src/icon/light/view-dark.svg",
+					"dark": "src/icon/dark/view-light.svg"
+				}
 			},
 			{
 				"command": "note.showPreviewAndEditor",
 				"title": "HackMD: Show Preview To Side",
-				"icon": "src/icon/education.svg"
+				"icon": {
+					"light": "src/icon/light/column-dark.svg",
+					"dark": "src/icon/dark/column-light.svg"
+				}
 			},
 			{
 				"command": "HackMD.createActiveEditorContentToHackMD",
diff --git a/src/.DS_Store b/src/.DS_Store
diff --git a/src/icon/.DS_Store b/src/icon/.DS_Store
diff --git a/src/icon/activity-bar.svg b/src/icon/activity-bar.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 9.14277V20.9293C20.9997 21.2132 20.8877 21.4854 20.6887 21.6861C20.4897 21.8868 20.2198 21.9997 19.9383 22H5.06286C4.78118 22 4.51101 21.8872 4.31172 21.6865C4.11242 21.4857 4.00031 21.2134 4 20.9293V3.07065C4.00031 2.78659 4.11242 2.51427 4.31172 2.31351C4.51101 2.11276 4.78118 2 5.06286 2H13.917V8.07095C13.917 8.35521 14.0289 8.62784 14.2283 8.82884C14.4276 9.02985 14.6979 9.14277 14.9798 9.14277H21ZM16.7509 10.9288C16.7509 10.8351 16.714 10.7454 16.6484 10.6792C16.5827 10.613 16.4937 10.5758 16.4009 10.5758H8.60497C8.51214 10.5758 8.42311 10.613 8.35747 10.6792C8.29183 10.7454 8.25496 10.8351 8.25496 10.9288V11.6429C8.25496 11.7365 8.29183 11.8263 8.35747 11.8925C8.42311 11.9587 8.51214 11.9959 8.60497 11.9959H16.3962C16.489 11.9959 16.5781 11.9587 16.6437 11.8925C16.7093 11.8263 16.7462 11.7365 16.7462 11.6429L16.7509 10.9288ZM16.7509 13.7854C16.7509 13.6918 16.714 13.602 16.6484 13.5358C16.5827 13.4696 16.4937 13.4324 16.4009 13.4324H8.60497C8.51214 13.4324 8.42311 13.4696 8.35747 13.5358C8.29183 13.602 8.25496 13.6918 8.25496 13.7854V14.5007C8.25496 14.5943 8.29183 14.6841 8.35747 14.7503C8.42311 14.8165 8.51214 14.8537 8.60497 14.8537H16.3962C16.489 14.8537 16.5781 14.8165 16.6437 14.7503C16.7093 14.6841 16.7462 14.5943 16.7462 14.5007L16.7509 13.7854ZM16.7509 16.6432C16.7509 16.5496 16.714 16.4598 16.6484 16.3936C16.5827 16.3274 16.4937 16.2903 16.4009 16.2903H8.60497C8.51214 16.2903 8.42311 16.3274 8.35747 16.3936C8.29183 16.4598 8.25496 16.5496 8.25496 16.6432V17.3574C8.25496 17.451 8.29183 17.5408 8.35747 17.607C8.42311 17.6731 8.51214 17.7103 8.60497 17.7103H16.3962C16.489 17.7103 16.5781 17.6731 16.6437 17.607C16.7093 17.5408 16.7462 17.451 16.7462 17.3574L16.7509 16.6432ZM20.5578 7.71446H15.3333V2.44591C15.4769 2.53578 15.6106 2.64068 15.7323 2.75887L20.2475 7.31208C20.365 7.43452 20.4691 7.56943 20.5578 7.71446Z" fill="white"/>
+</svg>
diff --git a/src/icon/dark/column-light.svg b/src/icon/dark/column-light.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.34615 11.9583C2.20312 11.9583 2.07692 11.8607 2.07692 11.75V4.66667H7.46154V11.9583H2.34615ZM13.9231 11.75C13.9231 11.8607 13.7969 11.9583 13.6538 11.9583H8.53846V4.66667H13.9231V11.75ZM15 4.04167C15 3.46875 14.3942 3 13.6538 3H2.34615C1.60577 3 1 3.46875 1 4.04167V11.9583C1 12.5312 1.60577 13 2.34615 13H13.6538C14.3942 13 15 12.5312 15 11.9583V4.04167Z" fill="white"/>
+</svg>
diff --git a/src/icon/dark/refresh-light.svg b/src/icon/dark/refresh-light.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8397 3.11074L10.736 2.7236C10.6841 2.52379 10.7489 2.31149 10.9045 2.16163C11.06 2.02426 11.2804 1.96182 11.4878 2.02426C11.6952 2.0867 11.8507 2.24905 11.9026 2.44886L12.3822 4.38454C12.3822 4.39703 12.3822 4.40952 12.3822 4.422C12.3952 4.48445 12.3952 4.5344 12.3822 4.59684C12.3563 4.68426 12.3174 4.77167 12.2785 4.8466L12.3044 4.87158C12.2915 4.88407 12.2785 4.89656 12.2785 4.89656C12.2785 4.90905 12.2655 4.92153 12.2526 4.93402C12.2266 4.959 12.2007 4.97149 12.1748 4.98398C12.0841 5.03393 11.9804 5.07139 11.8637 5.09637L9.71193 5.22125C9.37491 5.23374 9.08973 4.99646 9.07677 4.67177C9.05085 4.34707 9.3101 4.07233 9.63416 4.05984L10.0878 4.03487C8.13051 3.13571 5.75839 3.62276 4.34548 5.22125C2.89369 6.88219 2.84184 9.34237 4.24178 11.0533C5.64172 12.7642 8.13051 13.3011 10.1527 12.3146C12.1748 11.328 13.2248 9.1051 12.6285 7.00707C12.5377 6.69486 12.7322 6.38266 13.0562 6.29524C13.3803 6.20782 13.7044 6.39515 13.7951 6.70735C14.534 9.36735 13.2248 12.1772 10.6712 13.4011C8.33791 14.5125 5.55099 14.038 3.74921 12.3021C3.56773 12.1273 3.39922 11.9524 3.24367 11.7526C1.5067 9.57965 1.59744 6.49505 3.46403 4.422C5.3047 2.37393 8.38976 1.83694 10.8397 3.11074Z" fill="white"/>
+</svg>
diff --git a/src/icon/dark/view-light.svg b/src/icon/dark/view-light.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8299 7.34783C14.9271 7.56522 15 7.78261 15 8C15 8.24457 14.9271 8.46196 14.8299 8.65217C14.125 9.9837 13.1771 11.0435 11.9861 11.8043C10.7708 12.6196 9.43403 13 8 13C6.54167 13 5.22917 12.6196 4.01389 11.8043C2.79861 11.0435 1.85069 9.9837 1.17014 8.65217C1.04861 8.46196 1 8.24457 1 8C1 7.78261 1.04861 7.56522 1.17014 7.34783C1.85069 6.04348 2.79861 4.9837 4.01389 4.19565C5.22917 3.40761 6.54167 3 8 3C9.43403 3 10.7708 3.40761 11.9861 4.19565C13.1771 4.9837 14.125 6.04348 14.8299 7.34783ZM8 11.6957C9.21528 11.6957 10.3576 11.3696 11.3785 10.6902C12.3993 10.038 13.2257 9.1413 13.8333 8C13.4444 7.32065 12.9826 6.72283 12.4479 6.17935C11.9132 5.63587 11.3056 5.20109 10.625 4.875C11.0625 5.55435 11.3056 6.31522 11.3056 7.13043C11.3056 7.80978 11.1354 8.43478 10.8438 8.97826C10.5521 9.54891 10.1389 10.0109 9.65278 10.337C9.14236 10.663 8.58333 10.8261 8 10.8261C7.39236 10.8261 6.83333 10.663 6.34722 10.337C5.83681 10.0109 5.42361 9.54891 5.13194 8.97826C4.84028 8.43478 4.69444 7.80978 4.69444 7.13043C4.69444 6.53261 4.81597 5.93478 5.08333 5.3913C5.08333 5.82609 5.20486 6.17935 5.47222 6.47826C5.73958 6.77717 6.05556 6.91304 6.44444 6.91304C6.80903 6.91304 7.125 6.77717 7.39236 6.47826C7.65972 6.17935 7.80556 5.82609 7.80556 5.3913C7.80556 4.9837 7.65972 4.63043 7.41667 4.33152C6.29861 4.44022 5.30208 4.82065 4.37847 5.47283C3.45486 6.125 2.70139 6.96739 2.16667 8C2.75 9.1413 3.57639 10.038 4.59722 10.6902C5.61806 11.3696 6.76042 11.6957 8 11.6957Z" fill="white"/>
+</svg>
diff --git a/src/icon/light/.DS_Store b/src/icon/light/.DS_Store
diff --git a/src/icon/light/column-dark.svg b/src/icon/light/column-dark.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.34615 11.9583C2.20312 11.9583 2.07692 11.8607 2.07692 11.75V4.66667H7.46154V11.9583H2.34615ZM13.9231 11.75C13.9231 11.8607 13.7969 11.9583 13.6538 11.9583H8.53846V4.66667H13.9231V11.75ZM15 4.04167C15 3.46875 14.3942 3 13.6538 3H2.34615C1.60577 3 1 3.46875 1 4.04167V11.9583C1 12.5312 1.60577 13 2.34615 13H13.6538C14.3942 13 15 12.5312 15 11.9583V4.04167Z" fill="black"/>
+</svg>
diff --git a/src/icon/light/refresh-dark.svg b/src/icon/light/refresh-dark.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8397 3.11074L10.736 2.7236C10.6841 2.52379 10.7489 2.31149 10.9045 2.16163C11.06 2.02426 11.2804 1.96182 11.4878 2.02426C11.6952 2.0867 11.8507 2.24905 11.9026 2.44886L12.3822 4.38454C12.3822 4.39703 12.3822 4.40952 12.3822 4.422C12.3952 4.48445 12.3952 4.5344 12.3822 4.59684C12.3563 4.68426 12.3174 4.77167 12.2785 4.8466L12.3044 4.87158C12.2915 4.88407 12.2785 4.89656 12.2785 4.89656C12.2785 4.90905 12.2655 4.92153 12.2526 4.93402C12.2266 4.959 12.2007 4.97149 12.1748 4.98398C12.0841 5.03393 11.9804 5.07139 11.8637 5.09637L9.71193 5.22125C9.37491 5.23374 9.08973 4.99646 9.07677 4.67177C9.05085 4.34707 9.3101 4.07233 9.63416 4.05984L10.0878 4.03487C8.13051 3.13571 5.75839 3.62276 4.34548 5.22125C2.89369 6.88219 2.84184 9.34237 4.24178 11.0533C5.64172 12.7642 8.13051 13.3011 10.1527 12.3146C12.1748 11.328 13.2248 9.1051 12.6285 7.00707C12.5377 6.69486 12.7322 6.38266 13.0562 6.29524C13.3803 6.20782 13.7044 6.39515 13.7951 6.70735C14.534 9.36735 13.2248 12.1772 10.6712 13.4011C8.33791 14.5125 5.55099 14.038 3.74921 12.3021C3.56773 12.1273 3.39922 11.9524 3.24367 11.7526C1.5067 9.57965 1.59744 6.49505 3.46403 4.422C5.3047 2.37393 8.38976 1.83694 10.8397 3.11074Z" fill="black"/>
+</svg>
diff --git a/src/icon/light/view-dark.svg b/src/icon/light/view-dark.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8299 7.34783C14.9271 7.56522 15 7.78261 15 8C15 8.24457 14.9271 8.46196 14.8299 8.65217C14.125 9.9837 13.1771 11.0435 11.9861 11.8043C10.7708 12.6196 9.43403 13 8 13C6.54167 13 5.22917 12.6196 4.01389 11.8043C2.79861 11.0435 1.85069 9.9837 1.17014 8.65217C1.04861 8.46196 1 8.24457 1 8C1 7.78261 1.04861 7.56522 1.17014 7.34783C1.85069 6.04348 2.79861 4.9837 4.01389 4.19565C5.22917 3.40761 6.54167 3 8 3C9.43403 3 10.7708 3.40761 11.9861 4.19565C13.1771 4.9837 14.125 6.04348 14.8299 7.34783ZM8 11.6957C9.21528 11.6957 10.3576 11.3696 11.3785 10.6902C12.3993 10.038 13.2257 9.1413 13.8333 8C13.4444 7.32065 12.9826 6.72283 12.4479 6.17935C11.9132 5.63587 11.3056 5.20109 10.625 4.875C11.0625 5.55435 11.3056 6.31522 11.3056 7.13043C11.3056 7.80978 11.1354 8.43478 10.8438 8.97826C10.5521 9.54891 10.1389 10.0109 9.65278 10.337C9.14236 10.663 8.58333 10.8261 8 10.8261C7.39236 10.8261 6.83333 10.663 6.34722 10.337C5.83681 10.0109 5.42361 9.54891 5.13194 8.97826C4.84028 8.43478 4.69444 7.80978 4.69444 7.13043C4.69444 6.53261 4.81597 5.93478 5.08333 5.3913C5.08333 5.82609 5.20486 6.17935 5.47222 6.47826C5.73958 6.77717 6.05556 6.91304 6.44444 6.91304C6.80903 6.91304 7.125 6.77717 7.39236 6.47826C7.65972 6.17935 7.80556 5.82609 7.80556 5.3913C7.80556 4.9837 7.65972 4.63043 7.41667 4.33152C6.29861 4.44022 5.30208 4.82065 4.37847 5.47283C3.45486 6.125 2.70139 6.96739 2.16667 8C2.75 9.1413 3.57639 10.038 4.59722 10.6902C5.61806 11.3696 6.76042 11.6957 8 11.6957Z" fill="black"/>
+</svg>

Original file line number	Diff line number	Diff line change
`@@ -67,7 +67,7 @@`
`67`	`67`	`{`
`68`	`68`	`"id": "mdTree",`
`69`	`69`	`"title": "HackMD Notes",`
`70`		`- "icon": "src/icon/notes.svg"`
	`70`	`+ "icon": "src/icon/activity-bar.svg"`
`71`	`71`	`}`
`72`	`72`	`]`
`73`	`73`	`},`
`@@ -91,17 +91,26 @@`
`91`	`91`	`{`
`92`	`92`	`"command": "treeView.refreshList",`
`93`	`93`	`"title": "HackMD: Refresh",`
`94`		`- "icon": "src/icon/refresh.svg"`
	`94`	`+ "icon": {`
	`95`	`+ "light": "src/icon/light/refresh-dark.svg",`
	`96`	`+ "dark": "src/icon/dark/refresh-light.svg"`
	`97`	`+ }`
`95`	`98`	`},`
`96`	`99`	`{`
`97`	`100`	`"command": "note.showPreview",`
`98`	`101`	`"title": "HackMD: Show Preview",`
`99`		`- "icon": "src/icon/eye.svg"`
	`102`	`+ "icon": {`
	`103`	`+ "light": "src/icon/light/view-dark.svg",`
	`104`	`+ "dark": "src/icon/dark/view-light.svg"`
	`105`	`+ }`
`100`	`106`	`},`
`101`	`107`	`{`
`102`	`108`	`"command": "note.showPreviewAndEditor",`
`103`	`109`	`"title": "HackMD: Show Preview To Side",`
`104`		`- "icon": "src/icon/education.svg"`
	`110`	`+ "icon": {`
	`111`	`+ "light": "src/icon/light/column-dark.svg",`
	`112`	`+ "dark": "src/icon/dark/column-light.svg"`
	`113`	`+ }`
`105`	`114`	`},`
`106`	`115`	`{`
`107`	`116`	`"command": "HackMD.createActiveEditorContentToHackMD",`