Updated media controler call icons

src/browser/base/content/zen-styles/zen-media-controls.css

@@ -25,6 +25,10 @@
     }
   }
 
+  #media-device-buttons {
+    gap: 2px;
+  }
+
   &[media-sharing] #zen-media-controls-hbox > toolbarbutton:not(:first-child) {
     display: none;
 

src/browser/themes/shared/zen-icons/icons.css

@@ -1182,20 +1182,20 @@ menupopup > menuitem:is([type='checkbox']) .menu-iconic-left {
 }
 
 #zen-media-mute-mic-button {
-  list-style-image: url('microphone.fill.svg') !important;
+  list-style-image: url('microphone-fill.svg') !important;
 }
 
 #zen-media-controls-toolbar[mic-muted] #zen-media-mute-mic-button {
-  list-style-image: url('microphone-blocked.fill.svg') !important;
+  list-style-image: url('microphone-blocked-fill.svg') !important;
   fill: rgb(224, 41, 29);
 }
 
 #zen-media-mute-camera-button {
-  list-style-image: url('video.fill.svg') !important;
+  list-style-image: url('video-fill.svg') !important;
 }
 
 #zen-media-controls-toolbar[camera-muted] #zen-media-mute-camera-button {
-  list-style-image: url('video-blocked.fill.svg') !important;
+  list-style-image: url('video-blocked-fill.svg') !important;
   fill: rgb(224, 41, 29);
 }
 

src/browser/themes/shared/zen-icons/jar.inc.mn

@@ -75,9 +75,9 @@
   skin/classic/browser/zen-icons/media-unmute.svg                      (../shared/zen-icons/lin/media-unmute.svg) 
   skin/classic/browser/zen-icons/menu-bar.svg                      (../shared/zen-icons/lin/menu-bar.svg) 
   skin/classic/browser/zen-icons/menu.svg                      (../shared/zen-icons/lin/menu.svg) 
-  skin/classic/browser/zen-icons/microphone-blocked.fill.svg                      (../shared/zen-icons/lin/microphone-blocked.fill.svg) 
+  skin/classic/browser/zen-icons/microphone-blocked-fill.svg                      (../shared/zen-icons/lin/microphone-blocked-fill.svg) 
   skin/classic/browser/zen-icons/microphone-blocked.svg                      (../shared/zen-icons/lin/microphone-blocked.svg) 
-  skin/classic/browser/zen-icons/microphone.fill.svg                      (../shared/zen-icons/lin/microphone.fill.svg) 
+  skin/classic/browser/zen-icons/microphone-fill.svg                      (../shared/zen-icons/lin/microphone-fill.svg) 
   skin/classic/browser/zen-icons/microphone.svg                      (../shared/zen-icons/lin/microphone.svg) 
   skin/classic/browser/zen-icons/midi.svg                      (../shared/zen-icons/lin/midi.svg) 
   skin/classic/browser/zen-icons/move-tab.svg                      (../shared/zen-icons/lin/move-tab.svg) 
@@ -127,10 +127,10 @@
   skin/classic/browser/zen-icons/tracking-protection.svg                      (../shared/zen-icons/lin/tracking-protection.svg) 
   skin/classic/browser/zen-icons/translations.svg                      (../shared/zen-icons/lin/translations.svg) 
   skin/classic/browser/zen-icons/unpin.svg                      (../shared/zen-icons/lin/unpin.svg) 
-  skin/classic/browser/zen-icons/video-blocked.fill.svg                      (../shared/zen-icons/lin/video-blocked.fill.svg) 
+  skin/classic/browser/zen-icons/video-blocked-fill.svg                      (../shared/zen-icons/lin/video-blocked-fill.svg) 
   skin/classic/browser/zen-icons/video-open.svg                      (../shared/zen-icons/lin/video-open.svg) 
   skin/classic/browser/zen-icons/video-save.svg                      (../shared/zen-icons/lin/video-save.svg) 
-  skin/classic/browser/zen-icons/video.fill.svg                      (../shared/zen-icons/lin/video.fill.svg) 
+  skin/classic/browser/zen-icons/video-fill.svg                      (../shared/zen-icons/lin/video-fill.svg) 
   skin/classic/browser/zen-icons/window.svg                      (../shared/zen-icons/lin/window.svg) 
   skin/classic/browser/zen-icons/xr-blocked.svg                      (../shared/zen-icons/lin/xr-blocked.svg) 
   skin/classic/browser/zen-icons/xr.svg                      (../shared/zen-icons/lin/xr.svg) 
@@ -213,9 +213,9 @@
   skin/classic/browser/zen-icons/media-unmute.svg                      (../shared/zen-icons/lin/media-unmute.svg) 
   skin/classic/browser/zen-icons/menu-bar.svg                      (../shared/zen-icons/lin/menu-bar.svg) 
   skin/classic/browser/zen-icons/menu.svg                      (../shared/zen-icons/lin/menu.svg) 
-  skin/classic/browser/zen-icons/microphone-blocked.fill.svg                      (../shared/zen-icons/lin/microphone-blocked.fill.svg) 
+  skin/classic/browser/zen-icons/microphone-blocked-fill.svg                      (../shared/zen-icons/lin/microphone-blocked-fill.svg) 
   skin/classic/browser/zen-icons/microphone-blocked.svg                      (../shared/zen-icons/lin/microphone-blocked.svg) 
-  skin/classic/browser/zen-icons/microphone.fill.svg                      (../shared/zen-icons/lin/microphone.fill.svg) 
+  skin/classic/browser/zen-icons/microphone-fill.svg                      (../shared/zen-icons/lin/microphone-fill.svg) 
   skin/classic/browser/zen-icons/microphone.svg                      (../shared/zen-icons/lin/microphone.svg) 
   skin/classic/browser/zen-icons/midi.svg                      (../shared/zen-icons/lin/midi.svg) 
   skin/classic/browser/zen-icons/move-tab.svg                      (../shared/zen-icons/lin/move-tab.svg) 
@@ -265,10 +265,10 @@
   skin/classic/browser/zen-icons/tracking-protection.svg                      (../shared/zen-icons/lin/tracking-protection.svg) 
   skin/classic/browser/zen-icons/translations.svg                      (../shared/zen-icons/lin/translations.svg) 
   skin/classic/browser/zen-icons/unpin.svg                      (../shared/zen-icons/lin/unpin.svg) 
-  skin/classic/browser/zen-icons/video-blocked.fill.svg                      (../shared/zen-icons/lin/video-blocked.fill.svg) 
+  skin/classic/browser/zen-icons/video-blocked-fill.svg                      (../shared/zen-icons/lin/video-blocked-fill.svg) 
   skin/classic/browser/zen-icons/video-open.svg                      (../shared/zen-icons/lin/video-open.svg) 
   skin/classic/browser/zen-icons/video-save.svg                      (../shared/zen-icons/lin/video-save.svg) 
-  skin/classic/browser/zen-icons/video.fill.svg                      (../shared/zen-icons/lin/video.fill.svg) 
+  skin/classic/browser/zen-icons/video-fill.svg                      (../shared/zen-icons/lin/video-fill.svg) 
   skin/classic/browser/zen-icons/window.svg                      (../shared/zen-icons/lin/window.svg) 
   skin/classic/browser/zen-icons/xr-blocked.svg                      (../shared/zen-icons/lin/xr-blocked.svg) 
   skin/classic/browser/zen-icons/xr.svg                      (../shared/zen-icons/lin/xr.svg) 
@@ -351,9 +351,9 @@
   skin/classic/browser/zen-icons/media-unmute.svg                      (../shared/zen-icons/lin/media-unmute.svg) 
   skin/classic/browser/zen-icons/menu-bar.svg                      (../shared/zen-icons/lin/menu-bar.svg) 
   skin/classic/browser/zen-icons/menu.svg                      (../shared/zen-icons/lin/menu.svg) 
-  skin/classic/browser/zen-icons/microphone-blocked.fill.svg                      (../shared/zen-icons/lin/microphone-blocked.fill.svg) 
+  skin/classic/browser/zen-icons/microphone-blocked-fill.svg                      (../shared/zen-icons/lin/microphone-blocked-fill.svg) 
   skin/classic/browser/zen-icons/microphone-blocked.svg                      (../shared/zen-icons/lin/microphone-blocked.svg) 
-  skin/classic/browser/zen-icons/microphone.fill.svg                      (../shared/zen-icons/lin/microphone.fill.svg) 
+  skin/classic/browser/zen-icons/microphone-fill.svg                      (../shared/zen-icons/lin/microphone-fill.svg) 
   skin/classic/browser/zen-icons/microphone.svg                      (../shared/zen-icons/lin/microphone.svg) 
   skin/classic/browser/zen-icons/midi.svg                      (../shared/zen-icons/lin/midi.svg) 
   skin/classic/browser/zen-icons/move-tab.svg                      (../shared/zen-icons/lin/move-tab.svg) 
@@ -403,10 +403,10 @@
   skin/classic/browser/zen-icons/tracking-protection.svg                      (../shared/zen-icons/lin/tracking-protection.svg) 
   skin/classic/browser/zen-icons/translations.svg                      (../shared/zen-icons/lin/translations.svg) 
   skin/classic/browser/zen-icons/unpin.svg                      (../shared/zen-icons/lin/unpin.svg) 
-  skin/classic/browser/zen-icons/video-blocked.fill.svg                      (../shared/zen-icons/lin/video-blocked.fill.svg) 
+  skin/classic/browser/zen-icons/video-blocked-fill.svg                      (../shared/zen-icons/lin/video-blocked-fill.svg) 
   skin/classic/browser/zen-icons/video-open.svg                      (../shared/zen-icons/lin/video-open.svg) 
   skin/classic/browser/zen-icons/video-save.svg                      (../shared/zen-icons/lin/video-save.svg) 
-  skin/classic/browser/zen-icons/video.fill.svg                      (../shared/zen-icons/lin/video.fill.svg) 
+  skin/classic/browser/zen-icons/video-fill.svg                      (../shared/zen-icons/lin/video-fill.svg) 
   skin/classic/browser/zen-icons/window.svg                      (../shared/zen-icons/lin/window.svg) 
   skin/classic/browser/zen-icons/xr-blocked.svg                      (../shared/zen-icons/lin/xr-blocked.svg) 
   skin/classic/browser/zen-icons/xr.svg                      (../shared/zen-icons/lin/xr.svg) 

src/browser/themes/shared/zen-icons/lin/microphone-blocked-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="18px" viewBox="0 0 18 18"><path d="M6.721,11.279l6.279-6.279c0-2.206-1.794-4-4-4s-4,1.794-4,4v3c0,1.358,.683,2.556,1.721,3.279Z" fill="context-fill" stroke-opacity="context-fill-opacity"></path><path d="M9.202,11.979c2.042-.104,3.673-1.736,3.777-3.777l-3.777,3.777Z" fill="context-fill" stroke-opacity="context-fill-opacity"></path><path d="M4.583,13.417l1.066-1.066c-1.304-1.006-2.149-2.58-2.149-4.351,0-.414-.336-.75-.75-.75s-.75,.336-.75,.75c0,2.185,1.01,4.133,2.583,5.417Z" fill="context-fill" stroke-opacity="context-fill-opacity" data-color="color-2"></path><path d="M15.25,7.25c-.414,0-.75,.336-.75,.75,0,3.033-2.467,5.5-5.5,5.5-.408,0-.804-.048-1.186-.132l-1.203,1.203c.521,.19,1.069,.327,1.639,.388v1.292c0,.414,.336,.75,.75,.75s.75-.336,.75-.75v-1.292c3.508-.376,6.25-3.352,6.25-6.958,0-.414-.336-.75-.75-.75Z" fill="context-fill" stroke-opacity="context-fill-opacity" data-color="color-2"></path><path d="M2,16.75c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061L15.47,1.47c.293-.293,.768-.293,1.061,0s.293,.768,0,1.061L2.53,16.53c-.146,.146-.338,.22-.53,.22Z" fill="context-fill" stroke-opacity="context-fill-opacity" data-color="color-2"></path></svg>

src/browser/themes/shared/zen-icons/lin/microphone-blocked.fill.svg

@@ -1,7 +0,0 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18.96 22.0996">
- <g>
-  <rect height="22.0996" opacity="0" width="18.96" x="0" y="0"/>
-  <path d="M3.7915 8.24219L3.7915 10.166C3.7915 13.4961 5.95947 15.7031 9.29932 15.7031C10.305 15.7031 11.2053 15.503 11.97 15.1291L13.0109 16.1679C12.1527 16.654 11.1499 16.9577 10.0415 17.0508L10.0415 19.3262L13.6646 19.3262C14.0747 19.3262 14.397 19.6582 14.397 20.0684C14.397 20.4785 14.0747 20.8008 13.6646 20.8008L4.93408 20.8008C4.52393 20.8008 4.20166 20.4785 4.20166 20.0684C4.20166 19.6582 4.52393 19.3262 4.93408 19.3262L8.56689 19.3262L8.56689 17.0508C4.83643 16.7383 2.31689 14.0527 2.31689 10.2246L2.31689 8.24219C2.31689 7.83203 2.63916 7.50977 3.04932 7.50977C3.45947 7.50977 3.7915 7.83203 3.7915 8.24219ZM10.2997 13.462C9.99086 13.555 9.65583 13.6035 9.29932 13.6035C7.35596 13.6035 6.0376 12.1484 6.0376 10.0684L6.0376 9.20811ZM16.2915 8.24219L16.2915 10.2246C16.2915 11.4076 16.05 12.4814 15.6051 13.4089L14.475 12.2803C14.7003 11.6468 14.8169 10.9365 14.8169 10.166L14.8169 8.24219C14.8169 7.83203 15.1392 7.50977 15.5493 7.50977C15.9595 7.50977 16.2915 7.83203 16.2915 8.24219ZM12.561 3.53516L12.561 10.0684C12.561 10.1666 12.5581 10.2634 12.5496 10.3574L6.0376 3.8538L6.0376 3.53516C6.0376 1.44531 7.35596 0 9.29932 0C11.2524 0 12.561 1.44531 12.561 3.53516Z" fill="context-fill" fill-opacity="context-fill-opacity"/>
-  <path d="M16.4771 18.0176C16.77 18.3105 17.2485 18.3105 17.5415 18.0176C17.8247 17.7148 17.8345 17.2461 17.5415 16.9531L2.43408 1.85547C2.14111 1.57227 1.65283 1.5625 1.35986 1.85547C1.07666 2.14844 1.07666 2.63672 1.35986 2.91992Z" fill="context-fill" fill-opacity="context-fill-opacity"/>
- </g>
-</svg>

src/browser/themes/shared/zen-icons/lin/microphone-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="18px" viewBox="0 0 18 18"><path d="M9,12c2.206,0,4-1.794,4-4v-3c0-2.206-1.794-4-4-4s-4,1.794-4,4v3c0,2.206,1.794,4,4,4Z" fill="context-fill" stroke-opacity="context-fill-opacity"></path><path d="M15.25,7.25c-.414,0-.75,.336-.75,.75,0,3.033-2.467,5.5-5.5,5.5s-5.5-2.467-5.5-5.5c0-.414-.336-.75-.75-.75s-.75,.336-.75,.75c0,3.606,2.742,6.583,6.25,6.958v1.292c0,.414,.336,.75,.75,.75s.75-.336,.75-.75v-1.292c3.508-.376,6.25-3.352,6.25-6.958,0-.414-.336-.75-.75-.75Z" fill="context-fill" stroke-opacity="context-fill-opacity" data-color="color-2"></path></svg>

src/browser/themes/shared/zen-icons/lin/microphone.fill.svg

@@ -1,6 +0,0 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 14.3359 22.0996">
- <g>
-  <rect height="22.0996" opacity="0" width="14.3359" x="0" y="0"/>
-  <path d="M0 10.2246C0 14.0527 2.5293 16.7383 6.25 17.0508L6.25 19.3262L2.62695 19.3262C2.2168 19.3262 1.88477 19.6582 1.88477 20.0684C1.88477 20.4785 2.2168 20.8008 2.62695 20.8008L11.3477 20.8008C11.7578 20.8008 12.0898 20.4785 12.0898 20.0684C12.0898 19.6582 11.7578 19.3262 11.3477 19.3262L7.72461 19.3262L7.72461 17.0508C11.4551 16.7383 13.9746 14.0527 13.9746 10.2246L13.9746 8.24219C13.9746 7.83203 13.6523 7.50977 13.2422 7.50977C12.832 7.50977 12.5 7.83203 12.5 8.24219L12.5 10.166C12.5 13.4961 10.332 15.7031 6.99219 15.7031C3.64258 15.7031 1.47461 13.4961 1.47461 10.166L1.47461 8.24219C1.47461 7.83203 1.15234 7.50977 0.732422 7.50977C0.322266 7.50977 0 7.83203 0 8.24219ZM6.99219 13.6035C8.93555 13.6035 10.2441 12.1484 10.2441 10.0684L10.2441 3.53516C10.2441 1.44531 8.93555 0 6.99219 0C5.03906 0 3.73047 1.44531 3.73047 3.53516L3.73047 10.0684C3.73047 12.1484 5.03906 13.6035 6.99219 13.6035Z" fill="context-fill" fill-opacity="context-fill-opacity"/>
- </g>
-</svg>

src/browser/themes/shared/zen-icons/lin/video-blocked-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="18px" viewBox="0 0 18 18"><path d="M6.182,15h3.568c1.517,0,2.75-1.233,2.75-2.75v-3.568l-6.318,6.318Z" fill="context-fill" stroke-opacity="context-fill-opacity"></path><path d="M3.089,14.911L12.477,5.523c-.118-1.409-1.288-2.523-2.727-2.523H3.75c-1.517,0-2.75,1.233-2.75,2.75v6.5c0,1.288,.893,2.363,2.089,2.661Zm1.911-8.911c.552,0,1,.448,1,1s-.448,1-1,1-1-.448-1-1,.448-1,1-1Z" fill="context-fill" stroke-opacity="context-fill-opacity"></path><path d="M17.386,5.019c-.368-.217-.805-.227-1.183-.04l-2.203,2.203v4.637l2.147,1.181c.19,.105,.397,.157,.604,.157,.219,0,.438-.059,.635-.175,.385-.228,.614-.63,.614-1.077V6.096c0-.447-.229-.849-.614-1.077Z" fill="context-fill" stroke-opacity="context-fill-opacity"></path><path d="M2,16.75c-.192,0-.384-.073-.53-.22-.293-.293-.293-.768,0-1.061L15.47,1.47c.293-.293,.768-.293,1.061,0s.293,.768,0,1.061L2.53,16.53c-.146,.146-.338,.22-.53,.22Z" fill="context-fill" stroke-opacity="context-fill-opacity" data-color="color-2"></path></svg>

src/browser/themes/shared/zen-icons/lin/video-blocked.fill.svg

@@ -1 +0,0 @@
-<svg fill="context-fill" fill-opacity="context-fill-opacity" width="800px" height="800px" viewBox="0 -64 640 640" xmlns="http://www.w3.org/2000/svg"><path d="M633.8 458.1l-55-42.5c15.4-1.4 29.2-13.7 29.2-31.1v-257c0-25.5-29.1-40.4-50.4-25.8L448 177.3v137.2l-32-24.7v-178c0-26.4-21.4-47.8-47.8-47.8H123.9L45.5 3.4C38.5-2 28.5-.8 23 6.2L3.4 31.4c-5.4 7-4.2 17 2.8 22.4L42.7 82 416 370.6l178.5 138c7 5.4 17 4.2 22.5-2.8l19.6-25.3c5.5-6.9 4.2-17-2.8-22.4zM32 400.2c0 26.4 21.4 47.8 47.8 47.8h288.4c11.2 0 21.4-4 29.6-10.5L32 154.7v245.5z"/></svg>

src/browser/themes/shared/zen-icons/lin/video-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="18px" viewBox="0 0 18 18"><path d="M17.386,5.019c-.385-.227-.848-.234-1.238-.019l-2.148,1.181v5.637l2.147,1.181c.19,.105,.397,.157,.604,.157,.219,0,.438-.059,.635-.175,.385-.228,.614-.63,.614-1.077V6.096c0-.447-.229-.849-.614-1.077Z" fill="context-fill" stroke-opacity="context-fill-opacity" data-color="color-2"></path><path d="M9.75,3H3.75c-1.517,0-2.75,1.233-2.75,2.75v6.5c0,1.517,1.233,2.75,2.75,2.75h6c1.517,0,2.75-1.233,2.75-2.75V5.75c0-1.517-1.233-2.75-2.75-2.75Zm-4.75,5c-.552,0-1-.448-1-1s.448-1,1-1,1,.448,1,1-.448,1-1,1Z" fill="context-fill" stroke-opacity="context-fill-opacity"></path></svg>

src/browser/themes/shared/zen-icons/lin/video.fill.svg

@@ -1,3 +0,0 @@
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg">
-<path d="M3 4C1.34315 4 0 5.34315 0 7V17C0 18.6569 1.34315 20 3 20H13C14.6569 20 16 18.6569 16 17V14.5307L20.7286 18.4249C22.0334 19.4994 24.0001 18.5713 24.0001 16.8811V7.28972C24.0001 5.54447 21.9211 4.63648 20.6408 5.8226L16 10.1222V7C16 5.34315 14.6569 4 13 4H3Z"/>
-</svg>