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