Browse Source

UI: Normalize theme qss files

田七不甜 2 years ago
parent
commit
6d01b0c635

+ 50 - 50
UI/data/themes/Acri.qss

@@ -36,7 +36,7 @@ OBSTheme {
     alternateBase: rgb(11,10,11);
 
     text: rgb(255,254,255);
-    
+
     button: rgb(22,36,88);
     buttonText: rgb(255,254,255);
 
@@ -62,14 +62,14 @@ OBSTheme::disabled {
     windowText: rgb(153,153,153);
     text: rgb(153,153,153);
     button: rgb(27,29,34);
-    
+
     buttonText: rgb(24,24,25);
     brightText: rgb(24,24,25);
 }
 
 OBSTheme::inactive {
     text: rgb(255,254,255);
-    
+
     highlight: rgb(25,28,34);
     highlightText: rgb(255,255,255);
 }
@@ -171,11 +171,11 @@ QMenu::right-arrow {
 
 /* Top Menu Bar Items */
 QMenuBar::item {
-	background-color: transparent;
+    background-color: transparent;
 }
 
 QMenuBar::item:selected {
-	background: rgb(19,26,48);
+    background: rgb(19,26,48);
 }
 
 /* Item Lists */
@@ -212,7 +212,7 @@ SceneTree::item,
 SourceTree::item {
     border-radius: 4px;
     color: palette(text);
-	border: 0px solid transparent;
+    border: 0px solid transparent;
 }
 
 QMenu::item:selected,
@@ -420,7 +420,7 @@ QScrollBar::handle:pressed {
 }
 
 QScrollBar::handle:vertical {
-    min-height: 20px;   
+    min-height: 20px;
 }
 
 QScrollBar::handle:horizontal {
@@ -891,7 +891,7 @@ QSlider::handle:vertical:pressed {
 }
 
 QSlider::add-page:vertical {
-    background-color: palette(highlight); 
+    background-color: palette(highlight);
     border-radius: 2px;
 }
 
@@ -929,16 +929,16 @@ QSlider::handle:disabled {
 }
 
 VolumeMeter {
-	qproperty-backgroundNominalColor: rgb(66,116,12);
-	qproperty-backgroundWarningColor: rgb(152,143,15);
-	qproperty-backgroundErrorColor: rgb(128,32,4);
-	qproperty-foregroundNominalColor: rgb(132,216,43);
-	qproperty-foregroundWarningColor: rgb(228,215,23);
-	qproperty-foregroundErrorColor: rgb(215,65,22);
-	qproperty-magnitudeColor: rgb(49,54,59);
-	qproperty-majorTickColor: rgb(239,240,241);
-	qproperty-minorTickColor: rgb(118,121,124);
-	qproperty-peakDecayRate: 23.4;
+    qproperty-backgroundNominalColor: rgb(66,116,12);
+    qproperty-backgroundWarningColor: rgb(152,143,15);
+    qproperty-backgroundErrorColor: rgb(128,32,4);
+    qproperty-foregroundNominalColor: rgb(132,216,43);
+    qproperty-foregroundWarningColor: rgb(228,215,23);
+    qproperty-foregroundErrorColor: rgb(215,65,22);
+    qproperty-magnitudeColor: rgb(49,54,59);
+    qproperty-majorTickColor: rgb(239,240,241);
+    qproperty-minorTickColor: rgb(118,121,124);
+    qproperty-peakDecayRate: 23.4;
 }
 
 /* Status Bar */
@@ -1107,44 +1107,44 @@ QCheckBox {
 
 QCheckBox::indicator,
 QGroupBox::indicator {
-	width: 18px;
-	height: 18px;
+    width: 18px;
+    height: 18px;
 }
 
 QGroupBox::indicator {
-	margin-left: 2px;
+    margin-left: 2px;
 }
 
 QCheckBox::indicator:unchecked,
 QGroupBox::indicator:unchecked {
-	image: url(./Yami/checkbox_unchecked.svg);
+    image: url(./Yami/checkbox_unchecked.svg);
 }
 
 QCheckBox::indicator:unchecked:hover,
 QGroupBox::indicator:unchecked:hover {
-	border: none;
-	image: url(./Yami/checkbox_unchecked_focus.svg);
+    border: none;
+    image: url(./Yami/checkbox_unchecked_focus.svg);
 }
 
 QCheckBox::indicator:checked,
 QGroupBox::indicator:checked {
-	image: url(./Yami/checkbox_checked.svg);
+    image: url(./Yami/checkbox_checked.svg);
 }
 
 QCheckBox::indicator:checked:hover,
 QGroupBox::indicator:checked:hover {
-	border: none;
-	image: url(./Yami/checkbox_checked_focus.svg);
+    border: none;
+    image: url(./Yami/checkbox_checked_focus.svg);
 }
 
 QCheckBox::indicator:checked:disabled,
 QGroupBox::indicator:checked:disabled {
-	image: url(./Yami/checkbox_checked_disabled.svg);
+    image: url(./Yami/checkbox_checked_disabled.svg);
 }
 
 QCheckBox::indicator:unchecked:disabled,
 QGroupBox::indicator:unchecked:disabled {
-	image: url(./Yami/checkbox_unchecked_disabled.svg);
+    image: url(./Yami/checkbox_unchecked_disabled.svg);
 }
 
 /* Locked CheckBox */
@@ -1212,7 +1212,7 @@ QPushButton#extraPanelDelete:pressed {
 /* Mute CheckBox */
 
 MuteCheckBox {
-	outline: none;
+    outline: none;
 }
 
 MuteCheckBox::indicator {
@@ -1221,35 +1221,35 @@ MuteCheckBox::indicator {
 }
 
 MuteCheckBox::indicator:checked {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:unchecked {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:unchecked:hover {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:unchecked:focus {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:checked:hover {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:checked:focus {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:checked:disabled {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:unchecked:disabled {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 #hotkeyFilterReset {
@@ -1266,7 +1266,7 @@ OBSHotkeyLabel {
 }
 
 OBSHotkeyLabel[hotkeyPairHover=true] {
-	color: rgb(53,82,222);
+    color: rgb(53,82,222);
 }
 
 OBSHotkeyWidget QPushButton {
@@ -1356,25 +1356,25 @@ SceneTree {
 /* Studio Mode T-Bar */
 
 QSlider[themeID="tBarSlider"] {
-	height: 24px;
+    height: 24px;
 }
 
 QSlider::groove:horizontal[themeID="tBarSlider"] {
-	border: 1px solid #4c4c4c;
-	height: 5px;
-	background: palette(dark);
+    border: 1px solid #4c4c4c;
+    height: 5px;
+    background: palette(dark);
 }
 
 QSlider::sub-page:horizontal[themeID="tBarSlider"] {
-	background: palette(dark);
-	border: 1px solid #4c4c4c;
+    background: palette(dark);
+    border: 1px solid #4c4c4c;
 }
 
 QSlider::handle:horizontal[themeID="tBarSlider"] {
-	background-color: #d2d2d2;
-	width: 12px;
-	height: 24px;
-	margin: -24px 0px;
+    background-color: #d2d2d2;
+    width: 12px;
+    height: 24px;
+    margin: -24px 0px;
 }
 
 /* Media icons */
@@ -1487,7 +1487,7 @@ QCalendarWidget QToolButton:pressed {
 
 /* Month Dropdown Menu */
 QCalendarWidget QMenu {
-    
+
 }
 /* Year spinbox */
 QCalendarWidget QSpinBox {

+ 20 - 20
UI/data/themes/Dark.qss

@@ -132,8 +132,8 @@ QMainWindow::separator {
 /* Dock Widget */
 
 QDockWidget {
-	titlebar-close-icon: url('./Dark/close.svg');
-	titlebar-normal-icon: url('./Dark/popout.svg');
+    titlebar-close-icon: url('./Dark/close.svg');
+    titlebar-normal-icon: url('./Dark/popout.svg');
 }
 
 QDockWidget::title {
@@ -262,8 +262,8 @@ QToolBar {
 
 QPushButton[toolButton="true"],
 QToolButton {
-	background: transparent;
-	border: none;
+    background: transparent;
+    border: none;
     padding: 1px;
     margin: 1px;
 }
@@ -750,7 +750,7 @@ QLabel#errorLabel {
 /* Preview background color */
 
 OBSQTDisplay {
-	qproperty-displayBackgroundColor: rgb(76,76,76);
+    qproperty-displayBackgroundColor: rgb(76,76,76);
 }
 
 /* Preview/Program labels */
@@ -826,7 +826,7 @@ QPushButton#extraPanelDelete:pressed {
 }
 
 OBSMissingFiles {
-	qproperty-warningIcon: url(./Dark/alert.svg);
+    qproperty-warningIcon: url(./Dark/alert.svg);
 }
 
 /* Source Icons */
@@ -854,7 +854,7 @@ OBSBasic {
 
 SceneTree {
     qproperty-gridItemWidth: 150;
-	qproperty-gridItemHeight: 27;
+    qproperty-gridItemHeight: 27;
 }
 
 *[gridMode="true"] SceneTree::item {
@@ -863,9 +863,9 @@ SceneTree {
     border: none;
     border-radius: 3px;
     padding: 4px;
-	padding-left: 10px;
-	padding-right: 10px;
-	margin: 1px;
+    padding-left: 10px;
+    padding-right: 10px;
+    margin: 1px;
 }
 
 *[gridMode="true"] SceneTree::item:selected {
@@ -893,25 +893,25 @@ SceneTree {
 /* Studio Mode T-Bar */
 
 QSlider[themeID="tBarSlider"] {
-	height: 24px;
+    height: 24px;
 }
 
 QSlider::groove:horizontal[themeID="tBarSlider"] {
-	border: 1px solid rgb(76,76,76);
-	height: 5px;
-	background: palette(base);
+    border: 1px solid rgb(76,76,76);
+    height: 5px;
+    background: palette(base);
 }
 
 QSlider::sub-page:horizontal[themeID="tBarSlider"] {
-	background: palette(base);;
-	border: 1px solid rgb(76,76,76);
+    background: palette(base);;
+    border: 1px solid rgb(76,76,76);
 }
 
 QSlider::handle:horizontal[themeID="tBarSlider"] {
-	background-color: rgb(210,210,210);
-	width: 12px;
-	height: 24px;
-	margin: -24px 0px;
+    background-color: rgb(210,210,210);
+    width: 12px;
+    height: 24px;
+    margin: -24px 0px;
 }
 
 /* Media icons */

+ 40 - 40
UI/data/themes/Grey.qss

@@ -36,7 +36,7 @@ OBSTheme {
     alternateBase: rgb(11,10,11);
 
     text: rgb(255,254,255);
-    
+
     button: rgb(67,67,67);
     buttonText: rgb(255,254,255);
 
@@ -62,14 +62,14 @@ OBSTheme::disabled {
     windowText: rgb(153,153,153);
     text: rgb(153,153,153);
     button: rgb(27,29,34);
-    
+
     buttonText: rgb(43,46,56);
     brightText: rgb(43,46,56);
 }
 
 OBSTheme::inactive {
     text: rgb(255,254,255);
-    
+
     highlight: rgb(25,28,34);
     highlightText: rgb(255,255,255);
 }
@@ -171,11 +171,11 @@ QMenu::right-arrow {
 
 /* Top Menu Bar Items */
 QMenuBar::item {
-	background-color: transparent;
+    background-color: transparent;
 }
 
 QMenuBar::item:selected {
-	background: rgb(40,76,184);
+    background: rgb(40,76,184);
 }
 
 /* Item Lists */
@@ -212,7 +212,7 @@ SceneTree::item,
 SourceTree::item {
     border-radius: 4px;
     color: palette(text);
-	border: 0px solid transparent;
+    border: 0px solid transparent;
 }
 
 QMenu::item:selected,
@@ -420,7 +420,7 @@ QScrollBar::handle:pressed {
 }
 
 QScrollBar::handle:vertical {
-    min-height: 20px;   
+    min-height: 20px;
 }
 
 QScrollBar::handle:horizontal {
@@ -880,7 +880,7 @@ QSlider::handle:vertical:pressed {
 }
 
 QSlider::add-page:vertical {
-    background-color: palette(highlight); 
+    background-color: palette(highlight);
     border-radius: 2px;
 }
 
@@ -1095,44 +1095,44 @@ QCheckBox {
 
 QCheckBox::indicator,
 QGroupBox::indicator {
-	width: 18px;
-	height: 18px;
+    width: 18px;
+    height: 18px;
 }
 
 QGroupBox::indicator {
-	margin-left: 2px;
+    margin-left: 2px;
 }
 
 QCheckBox::indicator:unchecked,
 QGroupBox::indicator:unchecked {
-	image: url(./Yami/checkbox_unchecked.svg);
+    image: url(./Yami/checkbox_unchecked.svg);
 }
 
 QCheckBox::indicator:unchecked:hover,
 QGroupBox::indicator:unchecked:hover {
-	border: none;
-	image: url(./Yami/checkbox_unchecked_focus.svg);
+    border: none;
+    image: url(./Yami/checkbox_unchecked_focus.svg);
 }
 
 QCheckBox::indicator:checked,
 QGroupBox::indicator:checked {
-	image: url(./Yami/checkbox_checked.svg);
+    image: url(./Yami/checkbox_checked.svg);
 }
 
 QCheckBox::indicator:checked:hover,
 QGroupBox::indicator:checked:hover {
-	border: none;
-	image: url(./Yami/checkbox_checked_focus.svg);
+    border: none;
+    image: url(./Yami/checkbox_checked_focus.svg);
 }
 
 QCheckBox::indicator:checked:disabled,
 QGroupBox::indicator:checked:disabled {
-	image: url(./Yami/checkbox_checked_disabled.svg);
+    image: url(./Yami/checkbox_checked_disabled.svg);
 }
 
 QCheckBox::indicator:unchecked:disabled,
 QGroupBox::indicator:unchecked:disabled {
-	image: url(./Yami/checkbox_unchecked_disabled.svg);
+    image: url(./Yami/checkbox_unchecked_disabled.svg);
 }
 
 /* Locked CheckBox */
@@ -1200,7 +1200,7 @@ QPushButton#extraPanelDelete:pressed {
 /* Mute CheckBox */
 
 MuteCheckBox {
-	outline: none;
+    outline: none;
 }
 
 MuteCheckBox::indicator {
@@ -1209,35 +1209,35 @@ MuteCheckBox::indicator {
 }
 
 MuteCheckBox::indicator:checked {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:unchecked {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:unchecked:hover {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:unchecked:focus {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:checked:hover {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:checked:focus {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:checked:disabled {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:unchecked:disabled {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 #hotkeyFilterReset {
@@ -1254,7 +1254,7 @@ OBSHotkeyLabel {
 }
 
 OBSHotkeyLabel[hotkeyPairHover=true] {
-	color: rgb(53,82,222);
+    color: rgb(53,82,222);
 }
 
 OBSHotkeyWidget QPushButton {
@@ -1344,25 +1344,25 @@ SceneTree {
 /* Studio Mode T-Bar */
 
 QSlider[themeID="tBarSlider"] {
-	height: 24px;
+    height: 24px;
 }
 
 QSlider::groove:horizontal[themeID="tBarSlider"] {
-	border: 1px solid #4c4c4c;
-	height: 5px;
-	background: palette(dark);
+    border: 1px solid #4c4c4c;
+    height: 5px;
+    background: palette(dark);
 }
 
 QSlider::sub-page:horizontal[themeID="tBarSlider"] {
-	background: palette(dark);
-	border: 1px solid #4c4c4c;
+    background: palette(dark);
+    border: 1px solid #4c4c4c;
 }
 
 QSlider::handle:horizontal[themeID="tBarSlider"] {
-	background-color: #d2d2d2;
-	width: 12px;
-	height: 24px;
-	margin: -24px 0px;
+    background-color: #d2d2d2;
+    width: 12px;
+    height: 24px;
+    margin: -24px 0px;
 }
 
 /* Media icons */
@@ -1475,7 +1475,7 @@ QCalendarWidget QToolButton:pressed {
 
 /* Month Dropdown Menu */
 QCalendarWidget QMenu {
-    
+
 }
 /* Year spinbox */
 QCalendarWidget QSpinBox {

+ 40 - 40
UI/data/themes/Light.qss

@@ -36,7 +36,7 @@ OBSTheme {
     alternateBase: rgb(11,10,11);
 
     text: rgb(2,2,2);
-    
+
     button: rgb(243,243,243);
     buttonText: rgb(2,2,2);
 
@@ -62,14 +62,14 @@ OBSTheme::disabled {
     windowText: rgb(74,74,74);
     text: rgb(74,74,74);
     button: rgb(27,29,34);
-    
+
     buttonText: rgb(43,46,56);
     brightText: rgb(43,46,56);
 }
 
 OBSTheme::inactive {
     text: rgb(255,254,255);
-    
+
     highlight: rgb(25,28,34);
     highlightText: rgb(255,255,255);
 }
@@ -171,11 +171,11 @@ QMenu::right-arrow {
 
 /* Top Menu Bar Items */
 QMenuBar::item {
-	background-color: transparent;
+    background-color: transparent;
 }
 
 QMenuBar::item:selected {
-	background: rgb(140,181,255);
+    background: rgb(140,181,255);
 }
 
 /* Item Lists */
@@ -212,7 +212,7 @@ SceneTree::item,
 SourceTree::item {
     border-radius: 4px;
     color: palette(text);
-	border: 0px solid transparent;
+    border: 0px solid transparent;
 }
 
 QMenu::item:selected,
@@ -420,7 +420,7 @@ QScrollBar::handle:pressed {
 }
 
 QScrollBar::handle:vertical {
-    min-height: 20px;   
+    min-height: 20px;
 }
 
 QScrollBar::handle:horizontal {
@@ -880,7 +880,7 @@ QSlider::handle:vertical:pressed {
 }
 
 QSlider::add-page:vertical {
-    background-color: palette(highlight); 
+    background-color: palette(highlight);
     border-radius: 2px;
 }
 
@@ -1095,44 +1095,44 @@ QCheckBox {
 
 QCheckBox::indicator,
 QGroupBox::indicator {
-	width: 18px;
-	height: 18px;
+    width: 18px;
+    height: 18px;
 }
 
 QGroupBox::indicator {
-	margin-left: 2px;
+    margin-left: 2px;
 }
 
 QCheckBox::indicator:unchecked,
 QGroupBox::indicator:unchecked {
-	image: url(./Light/checkbox_unchecked.svg);
+    image: url(./Light/checkbox_unchecked.svg);
 }
 
 QCheckBox::indicator:unchecked:hover,
 QGroupBox::indicator:unchecked:hover {
-	border: none;
-	image: url(./Light/checkbox_unchecked_focus.svg);
+    border: none;
+    image: url(./Light/checkbox_unchecked_focus.svg);
 }
 
 QCheckBox::indicator:checked,
 QGroupBox::indicator:checked {
-	image: url(./Light/checkbox_checked.svg);
+    image: url(./Light/checkbox_checked.svg);
 }
 
 QCheckBox::indicator:checked:hover,
 QGroupBox::indicator:checked:hover {
-	border: none;
-	image: url(./Light/checkbox_checked_focus.svg);
+    border: none;
+    image: url(./Light/checkbox_checked_focus.svg);
 }
 
 QCheckBox::indicator:checked:disabled,
 QGroupBox::indicator:checked:disabled {
-	image: url(./Light/checkbox_checked_disabled.svg);
+    image: url(./Light/checkbox_checked_disabled.svg);
 }
 
 QCheckBox::indicator:unchecked:disabled,
 QGroupBox::indicator:unchecked:disabled {
-	image: url(./Light/checkbox_unchecked_disabled.svg);
+    image: url(./Light/checkbox_unchecked_disabled.svg);
 }
 
 /* Locked CheckBox */
@@ -1200,7 +1200,7 @@ QPushButton#extraPanelDelete:pressed {
 /* Mute CheckBox */
 
 MuteCheckBox {
-	outline: none;
+    outline: none;
 }
 
 MuteCheckBox::indicator {
@@ -1209,35 +1209,35 @@ MuteCheckBox::indicator {
 }
 
 MuteCheckBox::indicator:checked {
-	image: url(./Light/mute.svg);
+    image: url(./Light/mute.svg);
 }
 
 MuteCheckBox::indicator:unchecked {
-	image: url(./Light/settings/audio.svg);
+    image: url(./Light/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:unchecked:hover {
-	image: url(./Light/settings/audio.svg);
+    image: url(./Light/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:unchecked:focus {
-	image: url(./Light/settings/audio.svg);
+    image: url(./Light/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:checked:hover {
-	image: url(./Light/mute.svg);
+    image: url(./Light/mute.svg);
 }
 
 MuteCheckBox::indicator:checked:focus {
-	image: url(./Light/mute.svg);
+    image: url(./Light/mute.svg);
 }
 
 MuteCheckBox::indicator:checked:disabled {
-	image: url(./Light/mute.svg);
+    image: url(./Light/mute.svg);
 }
 
 MuteCheckBox::indicator:unchecked:disabled {
-	image: url(./Light/settings/audio.svg);
+    image: url(./Light/settings/audio.svg);
 }
 
 #hotkeyFilterReset {
@@ -1254,7 +1254,7 @@ OBSHotkeyLabel {
 }
 
 OBSHotkeyLabel[hotkeyPairHover=true] {
-	color: rgb(53,82,222);
+    color: rgb(53,82,222);
 }
 
 OBSHotkeyWidget QPushButton {
@@ -1350,25 +1350,25 @@ SceneTree {
 /* Studio Mode T-Bar */
 
 QSlider[themeID="tBarSlider"] {
-	height: 24px;
+    height: 24px;
 }
 
 QSlider::groove:horizontal[themeID="tBarSlider"] {
-	border: 1px solid #4c4c4c;
-	height: 5px;
-	background: palette(dark);
+    border: 1px solid #4c4c4c;
+    height: 5px;
+    background: palette(dark);
 }
 
 QSlider::sub-page:horizontal[themeID="tBarSlider"] {
-	background: palette(dark);
-	border: 1px solid #4c4c4c;
+    background: palette(dark);
+    border: 1px solid #4c4c4c;
 }
 
 QSlider::handle:horizontal[themeID="tBarSlider"] {
-	background-color: palette(text);
-	width: 12px;
-	height: 24px;
-	margin: -24px 0px;
+    background-color: palette(text);
+    width: 12px;
+    height: 24px;
+    margin: -24px 0px;
 }
 
 /* Media icons */
@@ -1481,7 +1481,7 @@ QCalendarWidget QToolButton:pressed {
 
 /* Month Dropdown Menu */
 QCalendarWidget QMenu {
-    
+
 }
 /* Year spinbox */
 QCalendarWidget QSpinBox {

+ 53 - 53
UI/data/themes/Rachni.qss

@@ -36,7 +36,7 @@ OBSTheme {
     alternateBase: rgb(11,10,11);
 
     text: rgb(255,254,255);
-    
+
     button: rgb(0,187,210);
     buttonText: rgb(255,254,255);
 
@@ -51,7 +51,7 @@ OBSTheme {
     primaryLight: rgb(0,188,212);
     primaryDark: rgb(25,27,38);
 
-	secondary: rgb(240,96,146);
+    secondary: rgb(240,96,146);
 
     highlight: rgb(42,130,218);
     highlightText: rgb(255,254,255);
@@ -64,14 +64,14 @@ OBSTheme::disabled {
     windowText: rgb(153,153,153);
     text: rgb(153,153,153);
     button: rgb(27,29,34);
-    
+
     buttonText: rgb(35,38,41);
     brightText: rgb(35,38,41);
 }
 
 OBSTheme::inactive {
     text: rgb(255,254,255);
-    
+
     highlight: rgb(25,28,34);
     highlightText: rgb(255,255,255);
 }
@@ -173,11 +173,11 @@ QMenu::right-arrow {
 
 /* Top Menu Bar Items */
 QMenuBar::item {
-	background-color: transparent;
+    background-color: transparent;
 }
 
 QMenuBar::item:selected {
-	background: rgb(0,188,212);
+    background: rgb(0,188,212);
 }
 
 /* Item Lists */
@@ -214,7 +214,7 @@ SceneTree::item,
 SourceTree::item {
     border-radius: 4px;
     color: palette(text);
-	border: 0px solid transparent;
+    border: 0px solid transparent;
 }
 
 QMenu::item:selected,
@@ -355,7 +355,7 @@ QGroupBox {
 }
 
 QGroupBox::title {
-	color: rgb(240,98,146);
+    color: rgb(240,98,146);
     subcontrol-origin: margin;
     left: 8px;
     top: 8px;
@@ -423,7 +423,7 @@ QScrollBar::handle:pressed {
 }
 
 QScrollBar::handle:vertical {
-    min-height: 20px;   
+    min-height: 20px;
 }
 
 QScrollBar::handle:horizontal {
@@ -470,7 +470,7 @@ QToolButton  {
 
 QPushButton[toolButton="true"]:disabled,
 QToolButton:disabled {
-	background-color: transparent;
+    background-color: transparent;
 }
 
 QPushButton[toolButton="true"]:last-child,
@@ -627,7 +627,7 @@ QComboBox:selected,
 QDateTimeEdit:hover,
 QDateTimeEdit:selected {
     background-color: palette(base);
-	border: 2px solid rgb(0,188,212);
+    border: 2px solid rgb(0,188,212);
 }
 
 QComboBox::drop-down,
@@ -884,7 +884,7 @@ QSlider::handle:vertical:pressed {
 }
 
 QSlider::add-page:vertical {
-    background-color: palette(highlight); 
+    background-color: palette(highlight);
     border-radius: 2px;
 }
 
@@ -922,15 +922,15 @@ QSlider::handle:disabled {
 }
 
 VolumeMeter {
-	qproperty-backgroundNominalColor: rgb(0, 128, 79);
-	qproperty-backgroundWarningColor: rgb(128, 57, 0);
-	qproperty-backgroundErrorColor: rgb(128, 9, 0);
-	qproperty-foregroundNominalColor: rgb(119, 255, 143);
-	qproperty-foregroundWarningColor: rgb(255, 157, 76);
-	qproperty-foregroundErrorColor: rgb(255, 89, 76);
-	qproperty-magnitudeColor: palette(window);
-	qproperty-majorTickColor: palette(window-text);
-	qproperty-minorTickColor: palette(mid);
+    qproperty-backgroundNominalColor: rgb(0, 128, 79);
+    qproperty-backgroundWarningColor: rgb(128, 57, 0);
+    qproperty-backgroundErrorColor: rgb(128, 9, 0);
+    qproperty-foregroundNominalColor: rgb(119, 255, 143);
+    qproperty-foregroundWarningColor: rgb(255, 157, 76);
+    qproperty-foregroundErrorColor: rgb(255, 89, 76);
+    qproperty-magnitudeColor: palette(window);
+    qproperty-majorTickColor: palette(window-text);
+    qproperty-minorTickColor: palette(mid);
 }
 
 /* Status Bar */
@@ -1099,44 +1099,44 @@ QCheckBox {
 
 QCheckBox::indicator,
 QGroupBox::indicator {
-	width: 18px;
-	height: 18px;
+    width: 18px;
+    height: 18px;
 }
 
 QGroupBox::indicator {
-	margin-left: 2px;
+    margin-left: 2px;
 }
 
 QCheckBox::indicator:unchecked,
 QGroupBox::indicator:unchecked {
-	image: url(./Yami/checkbox_unchecked.svg);
+    image: url(./Yami/checkbox_unchecked.svg);
 }
 
 QCheckBox::indicator:unchecked:hover,
 QGroupBox::indicator:unchecked:hover {
-	border: none;
-	image: url(./Yami/checkbox_unchecked_focus.svg);
+    border: none;
+    image: url(./Yami/checkbox_unchecked_focus.svg);
 }
 
 QCheckBox::indicator:checked,
 QGroupBox::indicator:checked {
-	image: url(./Yami/checkbox_checked.svg);
+    image: url(./Yami/checkbox_checked.svg);
 }
 
 QCheckBox::indicator:checked:hover,
 QGroupBox::indicator:checked:hover {
-	border: none;
-	image: url(./Yami/checkbox_checked_focus.svg);
+    border: none;
+    image: url(./Yami/checkbox_checked_focus.svg);
 }
 
 QCheckBox::indicator:checked:disabled,
 QGroupBox::indicator:checked:disabled {
-	image: url(./Yami/checkbox_checked_disabled.svg);
+    image: url(./Yami/checkbox_checked_disabled.svg);
 }
 
 QCheckBox::indicator:unchecked:disabled,
 QGroupBox::indicator:unchecked:disabled {
-	image: url(./Yami/checkbox_unchecked_disabled.svg);
+    image: url(./Yami/checkbox_unchecked_disabled.svg);
 }
 
 /* Locked CheckBox */
@@ -1204,7 +1204,7 @@ QPushButton#extraPanelDelete:pressed {
 /* Mute CheckBox */
 
 MuteCheckBox {
-	outline: none;
+    outline: none;
 }
 
 MuteCheckBox::indicator {
@@ -1213,35 +1213,35 @@ MuteCheckBox::indicator {
 }
 
 MuteCheckBox::indicator:checked {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:unchecked {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:unchecked:hover {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:unchecked:focus {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:checked:hover {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:checked:focus {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:checked:disabled {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:unchecked:disabled {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 #hotkeyFilterReset {
@@ -1258,7 +1258,7 @@ OBSHotkeyLabel {
 }
 
 OBSHotkeyLabel[hotkeyPairHover=true] {
-	color: rgb(240,98,146);
+    color: rgb(240,98,146);
 }
 
 OBSHotkeyWidget QPushButton {
@@ -1348,25 +1348,25 @@ SceneTree {
 /* Studio Mode T-Bar */
 
 QSlider[themeID="tBarSlider"] {
-	height: 24px;
+    height: 24px;
 }
 
 QSlider::groove:horizontal[themeID="tBarSlider"] {
-	border: 1px solid #4c4c4c;
-	height: 5px;
-	background: palette(dark);
+    border: 1px solid #4c4c4c;
+    height: 5px;
+    background: palette(dark);
 }
 
 QSlider::sub-page:horizontal[themeID="tBarSlider"] {
-	background: palette(dark);
-	border: 1px solid #4c4c4c;
+    background: palette(dark);
+    border: 1px solid #4c4c4c;
 }
 
 QSlider::handle:horizontal[themeID="tBarSlider"] {
-	background-color: #d2d2d2;
-	width: 12px;
-	height: 24px;
-	margin: -24px 0px;
+    background-color: #d2d2d2;
+    width: 12px;
+    height: 24px;
+    margin: -24px 0px;
 }
 
 /* Media icons */
@@ -1479,7 +1479,7 @@ QCalendarWidget QToolButton:pressed {
 
 /* Month Dropdown Menu */
 QCalendarWidget QMenu {
-    
+
 }
 /* Year spinbox */
 QCalendarWidget QSpinBox {

+ 18 - 18
UI/data/themes/System.qss

@@ -174,13 +174,13 @@ QMainWindow::separator {
 }
 
 * [themeID="aboutHLayout"] {
-	background-color: #DCD9D7;
+    background-color: #DCD9D7;
 }
 
 /* Preview background color */
 
 OBSQTDisplay {
-	qproperty-displayBackgroundColor: rgb(76, 76, 76);
+    qproperty-displayBackgroundColor: rgb(76, 76, 76);
 }
 
 /* Preview/Program labels */
@@ -244,7 +244,7 @@ VisibilityCheckBox::indicator:unchecked {
 }
 
 OBSMissingFiles {
-	qproperty-warningIcon: url(:res/images/alert.svg);
+    qproperty-warningIcon: url(:res/images/alert.svg);
 }
 
 /* Source Icons */
@@ -272,7 +272,7 @@ OBSBasic {
 
 SceneTree {
     qproperty-gridItemWidth: 150;
-	qproperty-gridItemHeight: 24;
+    qproperty-gridItemHeight: 24;
 }
 
 /* Save icon */
@@ -284,25 +284,25 @@ SceneTree {
 /* Studio Mode T-Bar */
 
 QSlider[themeID="tBarSlider"] {
-	height: 24px;
+    height: 24px;
 }
 
 QSlider::groove:horizontal[themeID="tBarSlider"] {
-	border: 1px solid #4c4c4c;
-	height: 5px;
-	background: #DCD9D7;
+    border: 1px solid #4c4c4c;
+    height: 5px;
+    background: #DCD9D7;
 }
 
 QSlider::sub-page:horizontal[themeID="tBarSlider"] {
-	background: #DCD9D7;
-	border: 1px solid #4c4c4c;
+    background: #DCD9D7;
+    border: 1px solid #4c4c4c;
 }
 
 QSlider::handle:horizontal[themeID="tBarSlider"] {
-	background-color: #4c4c4c;
-	width: 12px;
-	height: 24px;
-	margin: -24px 0px;
+    background-color: #4c4c4c;
+    width: 12px;
+    height: 24px;
+    margin: -24px 0px;
 }
 
 /* Source Context */
@@ -358,18 +358,18 @@ OBSYoutubeActions {
 }
 
 #ytEventList QLabel {
-	background-color: #e1e1e1;
-	border: 1px solid #ddd;
+    background-color: #e1e1e1;
+    border: 1px solid #ddd;
 }
 
 #ytEventList QLabel:hover {
     background-color: #eee;
-	border: 1px solid #777;
+    border: 1px solid #777;
 }
 
 #ytEventList QLabel[isSelectedEvent=true] {
     background-color: #ccc;
-	border: 1px solid #444;
+    border: 1px solid #444;
 }
 
 /* Calendar Widget */

+ 40 - 40
UI/data/themes/Yami.qss

@@ -36,7 +36,7 @@ OBSTheme {
     alternateBase: rgb(11,10,11);
 
     text: rgb(255,254,255);
-    
+
     button: rgb(60,64,75);
     buttonText: rgb(255,254,255);
 
@@ -62,14 +62,14 @@ OBSTheme::disabled {
     windowText: rgb(153,153,153);
     text: rgb(153,153,153);
     button: rgb(27,29,34);
-    
+
     buttonText: rgb(43,46,56);
     brightText: rgb(43,46,56);
 }
 
 OBSTheme::inactive {
     text: rgb(255,254,255);
-    
+
     highlight: rgb(25,28,34);
     highlightText: rgb(255,255,255);
 }
@@ -171,11 +171,11 @@ QMenu::right-arrow {
 
 /* Top Menu Bar Items */
 QMenuBar::item {
-	background-color: transparent;
+    background-color: transparent;
 }
 
 QMenuBar::item:selected {
-	background: rgb(40,76,184);
+    background: rgb(40,76,184);
 }
 
 /* Item Lists */
@@ -212,7 +212,7 @@ SceneTree::item,
 SourceTree::item {
     border-radius: 4px;
     color: palette(text);
-	border: 0px solid transparent;
+    border: 0px solid transparent;
 }
 
 QMenu::item:selected,
@@ -424,7 +424,7 @@ QScrollBar::handle:pressed {
 }
 
 QScrollBar::handle:vertical {
-    min-height: 20px;   
+    min-height: 20px;
 }
 
 QScrollBar::handle:horizontal {
@@ -884,7 +884,7 @@ QSlider::handle:vertical:pressed {
 }
 
 QSlider::add-page:vertical {
-    background-color: palette(highlight); 
+    background-color: palette(highlight);
     border-radius: 2px;
 }
 
@@ -1099,44 +1099,44 @@ QCheckBox {
 
 QCheckBox::indicator,
 QGroupBox::indicator {
-	width: 18px;
-	height: 18px;
+    width: 18px;
+    height: 18px;
 }
 
 QGroupBox::indicator {
-	margin-left: 2px;
+    margin-left: 2px;
 }
 
 QCheckBox::indicator:unchecked,
 QGroupBox::indicator:unchecked {
-	image: url(./Yami/checkbox_unchecked.svg);
+    image: url(./Yami/checkbox_unchecked.svg);
 }
 
 QCheckBox::indicator:unchecked:hover,
 QGroupBox::indicator:unchecked:hover {
-	border: none;
-	image: url(./Yami/checkbox_unchecked_focus.svg);
+    border: none;
+    image: url(./Yami/checkbox_unchecked_focus.svg);
 }
 
 QCheckBox::indicator:checked,
 QGroupBox::indicator:checked {
-	image: url(./Yami/checkbox_checked.svg);
+    image: url(./Yami/checkbox_checked.svg);
 }
 
 QCheckBox::indicator:checked:hover,
 QGroupBox::indicator:checked:hover {
-	border: none;
-	image: url(./Yami/checkbox_checked_focus.svg);
+    border: none;
+    image: url(./Yami/checkbox_checked_focus.svg);
 }
 
 QCheckBox::indicator:checked:disabled,
 QGroupBox::indicator:checked:disabled {
-	image: url(./Yami/checkbox_checked_disabled.svg);
+    image: url(./Yami/checkbox_checked_disabled.svg);
 }
 
 QCheckBox::indicator:unchecked:disabled,
 QGroupBox::indicator:unchecked:disabled {
-	image: url(./Yami/checkbox_unchecked_disabled.svg);
+    image: url(./Yami/checkbox_unchecked_disabled.svg);
 }
 
 /* Locked CheckBox */
@@ -1204,7 +1204,7 @@ QPushButton#extraPanelDelete:pressed {
 /* Mute CheckBox */
 
 MuteCheckBox {
-	outline: none;
+    outline: none;
 }
 
 MuteCheckBox::indicator {
@@ -1213,35 +1213,35 @@ MuteCheckBox::indicator {
 }
 
 MuteCheckBox::indicator:checked {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:unchecked {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:unchecked:hover {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:unchecked:focus {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 MuteCheckBox::indicator:checked:hover {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:checked:focus {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:checked:disabled {
-	image: url(./Dark/mute.svg);
+    image: url(./Dark/mute.svg);
 }
 
 MuteCheckBox::indicator:unchecked:disabled {
-	image: url(./Dark/settings/audio.svg);
+    image: url(./Dark/settings/audio.svg);
 }
 
 #hotkeyFilterReset {
@@ -1258,7 +1258,7 @@ OBSHotkeyLabel {
 }
 
 OBSHotkeyLabel[hotkeyPairHover=true] {
-	color: rgb(53,82,222);
+    color: rgb(53,82,222);
 }
 
 OBSHotkeyWidget QPushButton {
@@ -1348,25 +1348,25 @@ SceneTree {
 /* Studio Mode T-Bar */
 
 QSlider[themeID="tBarSlider"] {
-	height: 24px;
+    height: 24px;
 }
 
 QSlider::groove:horizontal[themeID="tBarSlider"] {
-	border: 1px solid #4c4c4c;
-	height: 5px;
-	background: palette(dark);
+    border: 1px solid #4c4c4c;
+    height: 5px;
+    background: palette(dark);
 }
 
 QSlider::sub-page:horizontal[themeID="tBarSlider"] {
-	background: palette(dark);
-	border: 1px solid #4c4c4c;
+    background: palette(dark);
+    border: 1px solid #4c4c4c;
 }
 
 QSlider::handle:horizontal[themeID="tBarSlider"] {
-	background-color: #d2d2d2;
-	width: 12px;
-	height: 24px;
-	margin: -24px 0px;
+    background-color: #d2d2d2;
+    width: 12px;
+    height: 24px;
+    margin: -24px 0px;
 }
 
 /* Media icons */
@@ -1479,7 +1479,7 @@ QCalendarWidget QToolButton:pressed {
 
 /* Month Dropdown Menu */
 QCalendarWidget QMenu {
-    
+
 }
 /* Year spinbox */
 QCalendarWidget QSpinBox {