Style du bouton mute passé en QSS dynamique

src/mainwindow.py

@@ -150,7 +150,13 @@ class MainWindow(QMainWindow):
     def set_volume(self, value):
         self.audio_output.setVolume(value / 100)
         self.ui.audio_volume_adjust.setValue(value)
-        self.config.set_volume(value)
+
+        muted = value == 0
+
+        self.ui.mute_btn.setProperty("muted", muted)
+
+        self.ui.mute_btn.style().unpolish(self.ui.mute_btn)
+        self.ui.mute_btn.style().polish(self.ui.mute_btn)
 
     def update_volume(self, value):
         # 'value' est l'entier venant du slider (ex: 0 à 100)
@@ -159,8 +165,13 @@ class MainWindow(QMainWindow):
         self.audio_output.setVolume(volume)
         self.config.set_volume(value)
 
-        if volume == 0:
-            self.ui.mute_btn.setStyleSheet("background-color: red;")
+        if value == 0:
+            self.ui.mute_btn.setProperty("muted", True)
+        else:
+            self.ui.mute_btn.setProperty("muted", False)
+
+        self.ui.mute_btn.style().unpolish(self.ui.mute_btn)
+        self.ui.mute_btn.style().polish(self.ui.mute_btn)
 
     def mute_btn_link(self) -> None:
         current_volume = self.ui.audio_volume_adjust.value()
@@ -185,8 +196,6 @@ class MainWindow(QMainWindow):
             self.audio_output.setVolume(0.0)
             self.ui.audio_volume_adjust.setValue(0)
 
-            self.ui.mute_btn.setStyleSheet("background-color: red;")
-
             self.is_muted = True
             self.config.set_volume(0)
 

styles/styles.qss

@@ -107,6 +107,14 @@ QPushButton#mute_btn {
   background-color: rgb(255, 120, 0);
 }
 
+QPushButton#mute_btn[muted="true"] {
+    background-color: rgb(200, 0, 0);
+}
+
+QPushButton#mute_btn:hover {
+    background-color: rgb(255, 150, 40);
+}
+
 QPushButton#close_btn {
   border : 0;
   background: transparent;