starred/obs-studio
1
0
Fork 0
mirror of https://github.com/obsproject/obs-studio.git synced 2026-09-28 02:06:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

frontend: Update tab bar styling

Browse Source
This commit is contained in:
Warchamp7
2026-09-18 18:22:32 -04:00
committed by Ryan Foster
parent 1bb3a4ee73
commit b5bfb79093
1 changed files with 23 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/data/themes/Yami.obt
+23 -17
View File
@@ -233,8 +233,8 @@
--tab_border_focus: var(--primary_lighter);
--tab_border_selected: var(--primary);
--tab_padding_base: calc(5px + var(--padding_base));
--tab_padding_large: calc(9px + var(--padding_base));
--tab_padding_base: var(--padding_large);
--tab_padding_large: calc(0px + var(--padding_wide));
--preview_scale_width: calc(calc(var(--input_text_padding) * 3.5) * calc(var(--font_base_value) / 10));
@@ -881,8 +881,9 @@ OBSDock QLabel {
}
QDockWidget {
font-size: var(--font_base);
font-size: var(--font_small);
font-weight: bold;
color: var(--text_light);
titlebar-close-icon: url(theme:Dark/close.svg);
titlebar-normal-icon: url(theme:Dark/popout.svg);
@@ -890,8 +891,9 @@ QDockWidget {
QDockWidget::title {
text-align: left;
background-color: var(--button_bg);
padding: var(--padding_large);
background-color: var(--grey5);
border: 1px solid var(--grey4);
padding: var(--padding_base) var(--padding_large);
border-top-left-radius: var(--border_radius);
border-top-right-radius: var(--border_radius);
}
@@ -1115,17 +1117,23 @@ QTabWidget::pane {
QTabBar {
outline: none;
font-size: var(--font_small);
}
QTabBar::top {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
QTabBar::bottom {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
QTabWidget::tab-bar {
alignment: left;
}
QTabBar QToolButton {
background: var(--button_bg);
border: none;
}
QTabBar::tab:top {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
@@ -1138,13 +1146,12 @@ QTabBar::tab:bottom {
QTabBar::tab {
background: var(--tab_bg);
color: var(--text);
border: none;
color: var(--text_muted);
border: 1px solid var(--tab_bg);
padding: var(--tab_padding_base) var(--tab_padding_large);
min-width: 50px;
margin: 1px 0px;
margin-right: 2px;
border: 1px solid var(--tab_border);
}
QTabBar::tab:pressed {
@@ -1162,22 +1169,21 @@ QTabBar::tab:focus {
}
QTabBar::tab:selected {
background: var(--tab_bg_down);
background: var(--primary);
color: var(--text);
border: 1px solid var(--primary_light);
}
QTabBar::tab:top {
border-bottom: 0px solid transparent;
margin-bottom: 0px;
}
QTabBar::tab:bottom {
border-top: 0px solid transparent;
margin-top: 0px;
}
QTabBar QToolButton {
background: var(--button_bg);
background: var(--tab_bg);
min-width: 16px;
padding: 0px;
}