diff --git a/frontend/data/themes/Yami.obt b/frontend/data/themes/Yami.obt
index a105993a3..82494a14b 100644
--- a/frontend/data/themes/Yami.obt
+++ b/frontend/data/themes/Yami.obt
@@ -113,6 +113,7 @@
--font_heading: calc(2.5pt * var(--font_base_value));
--icon_base: calc(calc(max(2, var(--obsPadding)) * 1px) + 12px);
+ --icon_small: calc(4px + var(--font_base_value));
--spacing_base: min(max(1px, calc(0.4 * var(--spacing_base_value))), 2px);
--spacing_large: min(max(2px, calc(1px * var(--spacing_base_value))), 4px);
@@ -137,7 +138,13 @@
--volume_slider_label: calc(var(--volume_slider_box) * 2);
--scrollbar_size: 12px;
- --settings_scrollbar_size: calc(var(--scrollbar_size) + 9px);
+ --scrollbar_handle: var(--grey4);
+
+ --scrollbar_bg: var(--grey6);
+ --scrollbar_hover: var(--grey3);
+ --scrollbar_down: var(--grey2);
+
+ --scrollbar_border: var(--grey2);
/* Inputs / Controls */
--border_color: var(--grey4);
@@ -187,11 +194,6 @@
--tab_border_focus: var(--button_border_focus);
--tab_border_selected: var(--primary);
- --scrollbar: var(--grey4);
- --scrollbar_hover: var(--grey3);
- --scrollbar_down: var(--grey8);
- --scrollbar_border: var(--grey2);
-
--preview_scale_width: calc(calc(var(--input_text_padding) * 3.5) * calc(var(--font_base_value) / 10));
--separator_hover: var(--white1);
@@ -604,13 +606,11 @@ QListWidget QLineEdit:focus {
/* Settings QList */
OBSBasicSettings QScrollBar:vertical {
- width: var(--settings_scrollbar_size);
- margin-left: 9px;
+ width: var(--scrollbar_size);
}
OBSBasicSettings QScrollBar:horizontal {
- height: var(--settings_scrollbar_size);
- margin-top: 9px;
+ height: var(--scrollbar_size);
}
/* Settings properties view */
@@ -627,6 +627,37 @@ OBSDock > QWidget {
border-top: none;
}
+OBSDock QToolBar {
+ padding: 1px;
+ margin: 0px;
+ border-top: 1px solid var(--border_color);
+ spacing: 0;
+}
+
+OBSDock QToolBar::separator {
+ background: transparent;
+ width: var(--spacing_large);
+ border: none;
+}
+
+OBSDock QToolBar QToolButton {
+ background: transparent;
+ border: 1px solid transparent;
+ margin: 1px;
+ margin-top: 2px;
+ padding: var(--padding_large);
+ max-width: var(--icon_small);
+ max-height: var(--icon_small);
+}
+
+OBSDock QToolBar QToolButton:hover {
+ border-color: var(--grey1);
+}
+
+OBSDock QToolBar QToolButton:disabled {
+ background: var(--grey7);
+}
+
#transitionsFrame {
padding: var(--padding_container);
}
@@ -674,7 +705,7 @@ QDockWidget::float-button:pressed {
padding: 1px -1px -1px 1px;
}
-QScrollArea {
+QAbstractScrollArea {
border-radius: var(--border_radius);
}
@@ -714,9 +745,10 @@ QGroupBox::title {
/* ScrollBars */
QScrollBar {
- background-color: var(--grey6);
+ background-color: var(--scrollbar_bg);
margin: 0px;
border-radius: var(--border_radius);
+ border: 1px solid var(--grey6);
}
::corner {
@@ -765,10 +797,10 @@ QScrollBar::sub-page:horizontal {
}
QScrollBar::handle {
- background-color: var(--scrollbar);
+ background-color: var(--scrollbar_handle);
margin: 2px;
border-radius: var(--border_radius_small);
- border: 1px solid var(--scrollbar);
+ border: 1px solid var(--scrollbar_handle);
}
QScrollBar::handle:hover {
@@ -794,6 +826,32 @@ QScrollBar::handle:disabled {
border-color: transparent;
}
+OBSDock QListWidget {
+ padding: 0;
+}
+
+OBSDock QListWidget::item {
+ margin: 0 var(--spacing_base);
+}
+
+OBSDock QScrollBar {
+ border-radius: 0;
+}
+
+OBSDock QListWidget::corner {
+ background: transparent;
+ border-top: 1px solid var(--border_color);
+ border-left: 1px solid var(--border_color);
+}
+
+OBSDock QScrollBar:horizontal {
+ border-top: 1px solid var(--border_color);
+}
+
+OBSDock QScrollBar:vertical {
+ border-left: 1px solid var(--border_color);
+}
+
/* Source Context Bar */
#contextContainer {
@@ -1375,7 +1433,6 @@ QSlider::handle:disabled {
#stackedMixerArea {
border: none;
padding: 0px;
- border-bottom: 1px solid #3c404b;
}
VolControl {
@@ -1410,10 +1467,6 @@ VolControl #volLabel {
}
/* Vertical Mixer */
-#stackedMixerArea QScrollBar:vertical {
- border-left: 1px solid var(--border_color);
-}
-
#vMixerScrollArea VolControl {
padding: var(--padding_container) 0px var(--padding_container);
border-right: 1px solid var(--border_color);
diff --git a/frontend/data/themes/Yami_Light.ovt b/frontend/data/themes/Yami_Light.ovt
index a1d5a2594..bed40e93e 100644
--- a/frontend/data/themes/Yami_Light.ovt
+++ b/frontend/data/themes/Yami_Light.ovt
@@ -34,7 +34,14 @@
--input_bg_hover: var(--grey3);
--input_bg_focus: var(--grey3);
+ --button_bg_disabled: var(--grey7);
+
--separator_hover: var(--black1);
+
+ --scrollbar_handle: var(--grey7);
+ --scrollbar_hover: var(--grey6);
+ --scrollbar_down: var(--grey8);
+ --scrollbar_border: var(--grey7);
}
VolumeMeter {
diff --git a/frontend/forms/OBSBasic.ui b/frontend/forms/OBSBasic.ui
index 3d1b6610b..1f59d125b 100644
--- a/frontend/forms/OBSBasic.ui
+++ b/frontend/forms/OBSBasic.ui
@@ -1041,6 +1041,12 @@
-
+
+
+ 0
+ 0
+
+
16
@@ -1164,6 +1170,12 @@
-
+
+
+ 0
+ 0
+
+
16
@@ -1275,7 +1287,7 @@
0
0
- 323
+ 322
16
@@ -1361,6 +1373,12 @@
-
+
+
+ 0
+ 0
+
+
16