diff --git a/src/browser/base/content/zen-styles/zen-media-controls.css b/src/browser/base/content/zen-styles/zen-media-controls.css
index 3c42780e9..0bfa90609 100644
--- a/src/browser/base/content/zen-styles/zen-media-controls.css
+++ b/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;
diff --git a/src/browser/themes/shared/zen-icons/icons.css b/src/browser/themes/shared/zen-icons/icons.css
index 2b7d79b1c..b671195c5 100644
--- a/src/browser/themes/shared/zen-icons/icons.css
+++ b/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);
}
diff --git a/src/browser/themes/shared/zen-icons/jar.inc.mn b/src/browser/themes/shared/zen-icons/jar.inc.mn
index 6fc922d9e..1bafe6ce8 100644
--- a/src/browser/themes/shared/zen-icons/jar.inc.mn
+++ b/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)
diff --git a/src/browser/themes/shared/zen-icons/lin/microphone-blocked-fill.svg b/src/browser/themes/shared/zen-icons/lin/microphone-blocked-fill.svg
new file mode 100644
index 000000000..53cd4cd97
--- /dev/null
+++ b/src/browser/themes/shared/zen-icons/lin/microphone-blocked-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/browser/themes/shared/zen-icons/lin/microphone-blocked.fill.svg b/src/browser/themes/shared/zen-icons/lin/microphone-blocked.fill.svg
deleted file mode 100644
index ddf8675ff..000000000
--- a/src/browser/themes/shared/zen-icons/lin/microphone-blocked.fill.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-
diff --git a/src/browser/themes/shared/zen-icons/lin/microphone-fill.svg b/src/browser/themes/shared/zen-icons/lin/microphone-fill.svg
new file mode 100644
index 000000000..55692b814
--- /dev/null
+++ b/src/browser/themes/shared/zen-icons/lin/microphone-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/browser/themes/shared/zen-icons/lin/microphone.fill.svg b/src/browser/themes/shared/zen-icons/lin/microphone.fill.svg
deleted file mode 100644
index 4fb5cf624..000000000
--- a/src/browser/themes/shared/zen-icons/lin/microphone.fill.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
diff --git a/src/browser/themes/shared/zen-icons/lin/video-blocked-fill.svg b/src/browser/themes/shared/zen-icons/lin/video-blocked-fill.svg
new file mode 100644
index 000000000..74f845dce
--- /dev/null
+++ b/src/browser/themes/shared/zen-icons/lin/video-blocked-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/browser/themes/shared/zen-icons/lin/video-blocked.fill.svg b/src/browser/themes/shared/zen-icons/lin/video-blocked.fill.svg
deleted file mode 100644
index e10320227..000000000
--- a/src/browser/themes/shared/zen-icons/lin/video-blocked.fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/browser/themes/shared/zen-icons/lin/video-fill.svg b/src/browser/themes/shared/zen-icons/lin/video-fill.svg
new file mode 100644
index 000000000..87b2bf58e
--- /dev/null
+++ b/src/browser/themes/shared/zen-icons/lin/video-fill.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/browser/themes/shared/zen-icons/lin/video.fill.svg b/src/browser/themes/shared/zen-icons/lin/video.fill.svg
deleted file mode 100644
index 41f981953..000000000
--- a/src/browser/themes/shared/zen-icons/lin/video.fill.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file