Update sidebar and menu icons for improved visual consistency

mauro-balades · mauro-balades · commit bf6f0b19fdf6 · 2025-02-07T23:40:31.000+01:00
diff --git a/src/browser/themes/shared/zen-icons/icons.css b/src/browser/themes/shared/zen-icons/icons.css
@@ -68,11 +68,14 @@
 }
 
 #sidebar-button:-moz-locale-dir(ltr):not([positionend]),
-#sidebar-button:-moz-locale-dir(rtl)[positionend],
-#zen-sidepanel-button {
+#sidebar-button:-moz-locale-dir(rtl)[positionend] {
   list-style-image: url('chrome://browser/skin/sidebars.svg') !important;
 }
 
+#zen-sidepanel-button {
+  list-style-image: url('sidebar.svg');
+}
+
 #downloads-button,
 #downloads-indicator-anchor,
 #appMenu-downloads-button,
@@ -931,7 +934,7 @@ menuitem[contexttype='fullscreen'][label*='Exit'] {
 }
 
 #zen-context-menu-compact-mode {
-  --menu-image: url('chrome://browser/skin/sidebars.svg');
+  --menu-image: url('sidebar.svg');
 }
 
 #context_bookmarkTab,
diff --git a/src/browser/themes/shared/zen-icons/mail.svg b/src/browser/themes/shared/zen-icons/mail.svg
@@ -6,4 +6,3 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor" fill-opacity="context-fill-opacity">
   <path d="M2.5 1A2.5 2.5 0 0 0 0 3.5v8A2.5 2.5 0 0 0 2.5 14h11a2.5 2.5 0 0 0 2.5-2.5v-8A2.5 2.5 0 0 0 13.5 1h-11zm0 1h11A1.5 1.5 0 0 1 15 3.5v.3L8 7.92 1 3.803V3.5A1.5 1.5 0 0 1 2.5 2zM15 4.961V11.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 11.5V4.963l6.746 3.969.082.037a.5.5 0 0 0 .426-.037L15 4.961z"/>
 </svg>
-a<svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 18 18"><g stroke-linecap="round" stroke-width="1.5" fill="none" stroke="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><path d="M1.75,5.75l6.767,3.733c.301,.166,.665,.166,.966,0l6.767-3.733" data-color="color-2"></path><rect x="1.75" y="3.25" width="14.5" height="11.5" rx="2" ry="2" transform="translate(18 18) rotate(180)"></rect></g></svg>
diff --git a/src/browser/themes/shared/zen-icons/sidebar.svg b/src/browser/themes/shared/zen-icons/sidebar.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 18 18"><g stroke-linecap="round" stroke-width="1.5" fill="none" stroke="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><line x1="8.25" y1="2.75" x2="8.25" y2="15.25" data-color="color-2"></line><rect x="1.75" y="2.75" width="14.5" height="12.5" rx="2" ry="2" transform="translate(18 18) rotate(180)"></rect><line x1="4.25" y1="6.25" x2="5.75" y2="6.25" data-color="color-2"></line><line x1="4.25" y1="9" x2="5.75" y2="9" data-color="color-2"></line><line x1="4.25" y1="11.75" x2="5.75" y2="11.75" data-color="color-2"></line></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 18 18"><g stroke-linecap="round" stroke-width="1.5" fill="none" stroke="currentColor" stroke-linejoin="round" class="nc-icon-wrapper"><rect x="1.75" y="3.25" width="14.5" height="11.5" rx="2" ry="2"></rect><rect x="4.75" y="6.25" width="2" height="5.5" fill="currentColor" data-color="color-2"></rect></g></svg>

Original file line number	Diff line number	Diff line change
`@@ -68,11 +68,14 @@`
`68`	`68`	`}`
`69`	`69`
`70`	`70`	`#sidebar-button:-moz-locale-dir(ltr):not([positionend]),`
`71`		`-#sidebar-button:-moz-locale-dir(rtl)[positionend],`
`72`		`-#zen-sidepanel-button {`
	`71`	`+#sidebar-button:-moz-locale-dir(rtl)[positionend] {`
`73`	`72`	`list-style-image: url('chrome://browser/skin/sidebars.svg') !important;`
`74`	`73`	`}`
`75`	`74`
	`75`	`+#zen-sidepanel-button {`
	`76`	`+ list-style-image: url('sidebar.svg');`
	`77`	`+}`
	`78`	`+`
`76`	`79`	`#downloads-button,`
`77`	`80`	`#downloads-indicator-anchor,`
`78`	`81`	`#appMenu-downloads-button,`
`@@ -931,7 +934,7 @@ menuitem[contexttype='fullscreen'][label*='Exit'] {`
`931`	`934`	`}`
`932`	`935`
`933`	`936`	`#zen-context-menu-compact-mode {`
`934`		`- --menu-image: url('chrome://browser/skin/sidebars.svg');`
	`937`	`+ --menu-image: url('sidebar.svg');`
`935`	`938`	`}`
`936`	`939`
`937`	`940`	`#context_bookmarkTab,`