UI: Add 'mute' checkbox style hint

obs/CMakeLists.txt

@@ -134,6 +134,7 @@ set(obs_HEADERS
 	properties-view.hpp
 	display-helpers.hpp
 	double-slider.hpp
+	mute-checkbox.hpp
 	volume-control.hpp
 	adv-audio-control.hpp
 	visibility-checkbox.hpp

obs/data/themes/Dark.qss

@@ -471,3 +471,18 @@ VolumeMeter {
 QStatusBar::item {
     border: none;
 }
+
+
+/* Mute CheckBox */
+
+MuteCheckBox {
+    outline: none;
+}
+
+MuteCheckBox::indicator:checked {
+    image: url(./Dark/mute.png);
+}
+
+MuteCheckBox::indicator:unchecked {
+    image: url(./Dark/unmute.png);
+}

obs/data/themes/Default.qss

@@ -35,6 +35,18 @@
     qproperty-icon: url(:/res/images/down.png);
 }
 
+MuteCheckBox {
+    outline: none;
+}
+
+MuteCheckBox::indicator:checked {
+    image: url(:/res/images/mute.png);
+}
+
+MuteCheckBox::indicator:unchecked {
+    image: url(:/res/images/unmute.png);
+}
+
 
 /* Volume Control */
 

obs/forms/obs.qrc

@@ -1,5 +1,7 @@
 <RCC>
   <qresource prefix="/res">
+    <file>images/mute.png</file>
+    <file>images/unmute.png</file>
     <file>images/configuration21_16.png</file>
     <file>images/invisible_mask.png</file>
     <file>images/visible_mask.png</file>

obs/mute-checkbox.hpp

@@ -0,0 +1,7 @@
+#pragma once
+
+#include <QCheckBox>
+
+class MuteCheckBox : public QCheckBox {
+	Q_OBJECT
+};