[WIP] Weak sources, preview indicator, clean up

Author: Warchamp7

frontend/data/locale/en-US.ini

@@ -1340,6 +1340,13 @@ Basic.AudioMixer.KeepHiddenBottom="Keep hidden sources at the bottom"
 Basic.AudioMixer.ShowInactive="Show inactive sources"
 Basic.AudioMixer.KeepInactiveRight="Keep inactive sources to the right"
 Basic.AudioMixer.KeepInactiveBottom="Keep inactive sources at the bottom"
+Basic.AudioMixer.Category.Global="Global"
+Basic.AudioMixer.Category.Pinned="Pinned"
+Basic.AudioMixer.Category.Active="Active"
+Basic.AudioMixer.Category.Inactive="Inactive"
+Basic.AudioMixer.Category.Preview="Preview"
+Basic.AudioMixer.Category.Hidden="Hidden"
+Basic.AudioMixer.Category.Unassigned="Unassigned"
 
 # advanced audio properties
 Basic.AdvAudio="Advanced Audio Properties"

frontend/data/themes/Yami.obt

@@ -1700,10 +1700,16 @@ VolumeName {
     background: transparent;
     font-size: var(--font_small);
     padding: 1px var(--padding_base);
+    border: 1px solid transparent;
+}
+
+VolumeName:focus {
+    border: 1px solid var(--button_border_hover);
 }
 
 VolumeName:hover {
-    background: var(--input_bg_hover);
+    background: var(--button_bg_hover);
+    border: 1px solid var(--button_border_hover);
 }
 
 VolControl #volLabel {
@@ -1716,31 +1722,33 @@ VolControl #volLabel {
 
 /* Horizontal Mixer */
 #hVolumeWidgets VolControl {
-    padding: 0px 0px var(--padding_base);
+    padding: 0px 0px;
     border-bottom: 1px solid var(--border_color);
+    margin-bottom: 0px;
 }
 
 #hVolumeWidgets .mixer-category {
-    min-width: 72px;
-    border-right: 1px solid var(--border_color);
-    border-bottom: 1px solid var(--border_color);
+    min-width: 72px;    
+    margin: var(--spacing_base);
+    border-radius: var(--border_radius);
 }
 
 #hVolumeWidgets VolumeName {
-    padding: var(--padding_base) var(--padding_large);
-    border-bottom: 1px solid var(--border_color);
+    padding: var(--padding_xlarge) var(--padding_xlarge);
+    margin: 0px var(--spacing_base) var(--spacing_base);
 }
 
 #hVolumeWidgets #volLabel {
-    border-bottom: 1px solid var(--border_color);
+    margin: var(--spacing_base);
+    border-radius: var(--border_radius);
 }
 
 #hVolumeWidgets #volMeterFrame {
-    margin-top: var(--spacing_large);
+    margin-bottom: var(--padding_xlarge);
 }
 
 #hVolumeWidgets VolControl QSlider {
-    margin: 0px 0px var(--padding_base);
+    margin: var(--padding_large) 0px var(--padding_xlarge);
 }
 
 #hVolumeWidgets VolControl QSlider::groove:horizontal {
@@ -1756,11 +1764,6 @@ VolControl #volLabel {
     padding: 0 var(--padding_xlarge);
 }
 
-#hVolumeWidgets VolControl #volLabel {
-    min-width: 64px;
-    border-left: 1px solid var(--border_color);
-}
-
 /* Vertical Mixer */
 #vVolumeWidgets VolControl {
     padding: 0px 0px var(--padding_container);
@@ -1850,6 +1853,11 @@ VolControl.volume-inactive .mixer-category {
     color: var(--text_muted);
 }
 
+VolControl.volume-preview .mixer-category {
+    background: var(--green6);
+    color: var(--green1);
+}
+
 #stackedMixerArea VolControl.volume-hidden QSlider::groove,
 #stackedMixerArea VolControl.volume-inactive QSlider::groove {
     background: var(--grey8);