UI: Adjust Yami (Classic) styling

UI/data/themes/Yami.obt

@@ -477,7 +477,7 @@ OBSDock > QWidget {
 }
 
 #transitionsFrame {
-    padding: 4px 8px;
+    padding: var(--padding_large);
 }
 
 OBSDock QLabel {
@@ -827,7 +827,7 @@ QComboBox::drop-down,
 QDateTimeEdit::drop-down {
     border:none;
     border-left: 1px solid var(--grey6);
-    width: 32px;
+    width: var(--input_height);
 }
 
 QComboBox::down-arrow,
@@ -923,7 +923,7 @@ QDoubleSpinBox::up-button {
     subcontrol-origin: padding;
     subcontrol-position: top right; /* position at the top right corner */
 
-    width: 32px;
+    width: var(--input_height);
     height: var(--spinbox_button_height);
     border-left: 1px solid var(--grey6);
     border-bottom: 1px solid transparent;
@@ -936,7 +936,7 @@ QDoubleSpinBox::down-button {
     subcontrol-origin: padding;
     subcontrol-position: bottom right; /* position at the top right corner */
 
-    width: 32px;
+    width: var(--input_height);
     height: var(--spinbox_button_height);
     border-left: 1px solid var(--grey6);
     border-top: 1px solid var(--grey6);
@@ -1078,6 +1078,8 @@ QPushButton:hover {
 
 QToolButton:hover,
 QToolButton:focus,
+QPushButton[toolButton="true"]:hover,
+QPushButton[toolButton="true"]:focus,
 MuteCheckBox::indicator:hover,
 MuteCheckBox::indicator:focus {
     border-color: var(--button_border);
@@ -1104,7 +1106,9 @@ QPushButton:pressed:hover {
 }
 
 QToolButton:pressed,
-QToolButton:pressed:hover {
+QToolButton:pressed:hover,
+QPushButton[toolButton="true"]:pressed,
+QPushButton[toolButton="true"]:pressed:hover {
     background-color: var(--button_bg_down);
     border-color: var(--button_border);
 }
@@ -1275,7 +1279,6 @@ VolControl #volLabel {
 #vMixerScrollArea VolControl #volLabel {
     padding: var(--padding_base) 0px var(--padding_base);
     min-width: var(--volume_slider_label);
-    max-width: var(--volume_slider_label);
     margin-left: var(--padding_xlarge);
     text-align: center;
 }

UI/data/themes/Yami_Classic.ovt

@@ -11,7 +11,7 @@
     --grey2: rgb(134,135,134);
     --grey3: rgb(122,121,122);
     --grey4: rgb(76,76,76);
-    --grey5: rgb(88,87,88);
+    --grey5: rgb(70,69,70);
     --grey6: rgb(31,30,31);
     --grey7: rgb(58,57,58);
     --grey8: rgb(46,45,46);
@@ -31,8 +31,12 @@
     /* OS Fixes */
     --os_mac_font_base_value: 11;
 
+    --font_small: calc(0.8pt * var(--font_base_value));
+
     --icon_base: calc(6px + var(--font_base_value));
 
+    --padding_xlarge: calc(2px + calc(0.5px * var(--padding_base_value)));
+
     --padding_wide: calc(18px + calc(0.25 * var(--padding_base_value)));
     --padding_menu: calc(8px + calc(1 * var(--padding_base_value)));
 
@@ -45,14 +49,14 @@
     --border_radius_large: 2px;
 
     --input_bg: var(--grey4);
-    --input_bg_hover: var(--grey5);
+    --input_bg_hover: var(--grey1);
     --input_bg_focus: var(--grey6);
 
     --list_item_bg_selected: var(--primary);
     --list_item_bg_hover: var(--primary_light);
 
     --input_border: var(--grey4);
-    --input_border_hover: var(--grey5);
+    --input_border_hover: var(--grey1);
     --input_border_focus: var(--grey6);
 
     --spacing_input: var(--spacing_base);
@@ -91,11 +95,17 @@ QStatusBar {
     background-color: var(--bg_window);
 }
 
+OBSDock > QWidget {
+  border-top: 1px solid var(--border_color);
+  padding-top: var(--spacing_large);
+}
+
 QDockWidget {
     font-weight: normal;
 }
 
 QDockWidget::title {
+    background-color: var(--grey5);
     padding: var(--dock_title_padding);
     text-align: center;
 }
@@ -104,6 +114,10 @@ QDockWidget > QWidget {
     background: var(--bg_window);
 }
 
+#transitionsFrame {
+    padding: var(--padding_xlarge);
+}
+
 SceneTree::item,
 SourceTreeItem {
     border-width: 0px;
@@ -193,12 +207,20 @@ OBSBasicSettings QListWidget::item {
     padding: 4px;
 }
 
+QPushButton:checked {
+  border-color: var(--primary);
+}
+
 QToolButton,
 QPushButton[toolButton="true"] {
     background-color: var(--bg_window);
     border-color: var(--bg_window);
 }
 
+#stackedMixerArea QScrollArea {
+  background: var(--bg_base);
+}
+
 #stackedMixerArea QPushButton {
     min-width: var(--icon_base);
     padding: var(--padding_large) var(--padding_large);
@@ -215,6 +237,33 @@ QPushButton[toolButton="true"] {
     border: none;
 }
 
+#hMixerScrollArea VolControl {
+    padding: 0px 2px;
+    margin-bottom: 1px;
+}
+
+#hMixerScrollArea QLabel {
+  margin: var(--padding_xlarge) 0px;
+}
+
+#hMixerScrollArea #volMeterFrame {
+  margin-top: var(--spacing_large);
+}
+
+#vMixerScrollArea VolControl {
+    padding: 0px var(--padding_xlarge) var(--spacing_large);
+    border-right: 1px solid var(--bg_window);
+}
+
+#vMixerScrollArea QLabel {
+  font-size: var(--font_small);
+  margin: var(--padding_xlarge) 0px;
+}
+
+#vMixerScrollArea #volLabel {
+  font-size: var(--font_base);
+}
+
 MuteCheckBox::indicator,
 MuteCheckBox::indicator:unchecked {
     background-color: var(--bg_base);
@@ -255,3 +304,7 @@ VolumeMeter {
     qproperty-minorTickColor: rgb(122,121,122); /* light */
     qproperty-meterThickness: 3;
 }
+
+OBSBasicStats {
+    background: var(--bg_window);
+}

UI/forms/OBSBasicFilters.ui

@@ -128,6 +128,9 @@
                <property name="themeID" stdset="0">
                 <string>addIconSmall</string>
                </property>
+               <property name="toolButton" stdset="0">
+                <bool>true</bool>
+               </property>
               </widget>
              </item>
              <item>
@@ -157,6 +160,9 @@
                <property name="themeID" stdset="0">
                 <string>removeIconSmall</string>
                </property>
+               <property name="toolButton" stdset="0">
+                <bool>true</bool>
+               </property>
               </widget>
              </item>
              <item>
@@ -186,6 +192,9 @@
                <property name="themeID" stdset="0">
                 <string>upArrowIconSmall</string>
                </property>
+               <property name="toolButton" stdset="0">
+                <bool>true</bool>
+               </property>
               </widget>
              </item>
              <item>
@@ -215,6 +224,9 @@
                <property name="themeID" stdset="0">
                 <string>downArrowIconSmall</string>
                </property>
+               <property name="toolButton" stdset="0">
+                <bool>true</bool>
+               </property>
               </widget>
              </item>
              <item>
@@ -350,6 +362,9 @@
                <property name="themeID" stdset="0">
                 <string>addIconSmall</string>
                </property>
+               <property name="toolButton" stdset="0">
+                <bool>true</bool>
+               </property>
               </widget>
              </item>
              <item>
@@ -379,6 +394,9 @@
                <property name="themeID" stdset="0">
                 <string>removeIconSmall</string>
                </property>
+               <property name="toolButton" stdset="0">
+                <bool>true</bool>
+               </property>
               </widget>
              </item>
              <item>
@@ -408,6 +426,9 @@
                <property name="themeID" stdset="0">
                 <string>upArrowIconSmall</string>
                </property>
+               <property name="toolButton" stdset="0">
+                <bool>true</bool>
+               </property>
               </widget>
              </item>
              <item>
@@ -437,6 +458,9 @@
                <property name="themeID" stdset="0">
                 <string>downArrowIconSmall</string>
                </property>
+               <property name="toolButton" stdset="0">
+                <bool>true</bool>
+               </property>
               </widget>
              </item>
              <item>