mirror of
https://github.com/obsproject/obs-studio.git
synced 2026-03-05 15:16:13 -05:00
03313a6af4
In 7931f2acb8 the classes have been
removed in favor of properties, but this styling change appears to have
been reverted by accident, likely by the theming overhaul.
412 lines
9.4 KiB
Plaintext
412 lines
9.4 KiB
Plaintext
/* Intentionnally left blank */
|
|
/* Themes are created using Qt CSS, you can visit */
|
|
/* http://doc.qt.io/qt-5/stylesheet-reference.html and */
|
|
/* http://doc.qt.io/qt-5/stylesheet-examples.html for examples. */
|
|
|
|
/* OBS will use the theme filename for the settings. */
|
|
/* You can ship images using relative paths in qss. */
|
|
/* Dark Theme is a good place to start if you need */
|
|
/* a template. */
|
|
|
|
@OBSThemeMeta {
|
|
name: 'System';
|
|
id: 'com.obsproject.System';
|
|
author: 'Warchamp7';
|
|
}
|
|
|
|
/* We need to set back the icons, or the preview wont stick. */
|
|
|
|
* [themeID="addIconSmall"] {
|
|
qproperty-icon: url(:/res/images/plus.svg);
|
|
}
|
|
|
|
* [themeID="removeIconSmall"] {
|
|
qproperty-icon: url(:/res/images/minus.svg);
|
|
}
|
|
|
|
* [themeID="clearIconSmall"] {
|
|
qproperty-icon: url(:/res/images/entry-clear.svg);
|
|
}
|
|
|
|
* [themeID="propertiesIconSmall"] {
|
|
qproperty-icon: url(:/settings/images/settings/general.svg);
|
|
}
|
|
|
|
* [themeID="configIconSmall"] {
|
|
qproperty-icon: url(:/settings/images/settings/general.svg);
|
|
}
|
|
|
|
* [themeID="upArrowIconSmall"] {
|
|
qproperty-icon: url(:/res/images/up.svg);
|
|
}
|
|
|
|
* [themeID="refreshIconSmall"] {
|
|
qproperty-icon: url(:/res/images/refresh.svg);
|
|
}
|
|
|
|
* [themeID="downArrowIconSmall"] {
|
|
qproperty-icon: url(:/res/images/down.svg);
|
|
}
|
|
|
|
* [themeID="pauseIconSmall"] {
|
|
qproperty-icon: url(:/res/images/media-pause.svg);
|
|
}
|
|
|
|
* [themeID="menuIconSmall"] {
|
|
qproperty-icon: url(:res/images/dots-vert.svg);
|
|
}
|
|
|
|
* [themeID="cogsIcon"] {
|
|
qproperty-icon: url(:/res/images/cogs.svg);
|
|
}
|
|
|
|
* [themeID="filtersIcon"] {
|
|
qproperty-icon: url(:/res/images/filter.svg);
|
|
}
|
|
|
|
MuteCheckBox {
|
|
outline: none;
|
|
}
|
|
|
|
MuteCheckBox::indicator:checked {
|
|
image: url(:/res/images/mute.svg);
|
|
}
|
|
|
|
MuteCheckBox::indicator:indeterminate {
|
|
image: url(theme:Dark/unassigned.svg);
|
|
}
|
|
|
|
MuteCheckBox::indicator:unchecked {
|
|
image: url(:/settings/images/settings/audio.svg);
|
|
}
|
|
|
|
QCheckBox[sourceTreeSubItem=true] {
|
|
background: transparent;
|
|
outline: none;
|
|
}
|
|
|
|
QCheckBox[sourceTreeSubItem=true]::indicator {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
QCheckBox[sourceTreeSubItem=true]::indicator:checked {
|
|
image: url(:/res/images/expand.svg);
|
|
}
|
|
|
|
QCheckBox[sourceTreeSubItem=true]::indicator:unchecked {
|
|
image: url(:/res/images/collapse.svg);
|
|
}
|
|
|
|
OBSHotkeyLabel[hotkeyPairHover=true] {
|
|
color: red;
|
|
}
|
|
|
|
|
|
/* Volume Control */
|
|
|
|
VolumeMeter {
|
|
qproperty-backgroundNominalColor: rgb(15, 100, 15);
|
|
qproperty-backgroundWarningColor: rgb(100, 100, 15);
|
|
qproperty-backgroundErrorColor: rgb(100, 15, 15);
|
|
qproperty-foregroundNominalColor: rgb(50, 200, 50);
|
|
qproperty-foregroundWarningColor: rgb(255, 200, 50);
|
|
qproperty-foregroundErrorColor: rgb(200, 50, 50);
|
|
qproperty-magnitudeColor: rgb(0, 0, 0);
|
|
qproperty-majorTickColor: rgb(0, 0, 0);
|
|
qproperty-minorTickColor: rgb(50, 50, 50);
|
|
qproperty-meterThickness: 3;
|
|
|
|
/* The meter scale numbers normally use your QWidget font, with size */
|
|
/* multiplied by meterFontScaling to get a proportionally smaller font. */
|
|
/* To use a unique font for the numbers, specify font-family and/or */
|
|
/* font-size here, and set meterFontScaling to 1.0. */
|
|
qproperty-meterFontScaling: 0.7;
|
|
}
|
|
|
|
|
|
/* Label warning/error */
|
|
|
|
QLabel#warningLabel {
|
|
color: rgb(192, 128, 0);
|
|
font-weight: bold;
|
|
}
|
|
|
|
QLabel#errorLabel {
|
|
color: rgb(192, 0, 0);
|
|
font-weight: bold;
|
|
}
|
|
|
|
* [themeID="warning"] {
|
|
color: rgb(192, 128, 0);
|
|
font-weight: bold;
|
|
}
|
|
|
|
* [themeID="error"] {
|
|
color: rgb(192, 0, 0);
|
|
font-weight: bold;
|
|
}
|
|
|
|
* [themeID="good"] {
|
|
color: rgb(0, 128, 0);
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* macOS Separator Fix */
|
|
QMainWindow::separator {
|
|
background: transparent;
|
|
width: 4px;
|
|
height: 4px;
|
|
}
|
|
|
|
/* About dialog */
|
|
|
|
* [themeID="aboutName"] {
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
* [themeID="aboutVersion"] {
|
|
font-size: 16px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
* [themeID="aboutInfo"] {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
* [themeID="aboutHLayout"] {
|
|
background-color: #DCD9D7;
|
|
}
|
|
|
|
/* Preview background color */
|
|
|
|
OBSQTDisplay {
|
|
qproperty-displayBackgroundColor: rgb(76, 76, 76);
|
|
}
|
|
|
|
/* Preview/Program labels */
|
|
|
|
* [themeID="previewProgramLabels"] {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
color: rgb(122,121,122);
|
|
}
|
|
|
|
/* Settings Icons */
|
|
|
|
OBSBasicSettings {
|
|
qproperty-generalIcon: url(:settings/images/settings/general.svg);
|
|
qproperty-streamIcon: url(:settings/images/settings/stream.svg);
|
|
qproperty-outputIcon: url(:settings/images/settings/output.svg);
|
|
qproperty-audioIcon: url(:settings/images/settings/audio.svg);
|
|
qproperty-videoIcon: url(:settings/images/settings/video.svg);
|
|
qproperty-hotkeysIcon: url(:settings/images/settings/hotkeys.svg);
|
|
qproperty-accessibilityIcon: url(:settings/images/settings/accessibility.svg);
|
|
qproperty-advancedIcon: url(:settings/images/settings/advanced.svg);
|
|
}
|
|
|
|
OBSBasicSettings QListWidget::item {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
/* Locked CheckBox */
|
|
|
|
QCheckBox[lockCheckBox=true] {
|
|
outline: none;
|
|
background: transparent;
|
|
}
|
|
|
|
QCheckBox[lockCheckBox=true]::indicator:checked {
|
|
image: url(:res/images/locked.svg);
|
|
}
|
|
|
|
QCheckBox[lockCheckBox=true]::indicator:unchecked {
|
|
image: url(:res/images/unlocked.svg);
|
|
}
|
|
|
|
/* Visibility CheckBox */
|
|
|
|
QCheckBox[visibilityCheckBox=true] {
|
|
outline: none;
|
|
background: transparent;
|
|
}
|
|
|
|
QCheckBox[visibilityCheckBox=true]::indicator:checked {
|
|
image: url(:res/images/visible.svg);
|
|
}
|
|
|
|
QCheckBox[visibilityCheckBox=true]::indicator:unchecked {
|
|
image: url(:res/images/invisible.svg);
|
|
}
|
|
|
|
* [themeID="revertIcon"] {
|
|
qproperty-icon: url(:res/images/revert.svg);
|
|
}
|
|
|
|
OBSMissingFiles {
|
|
qproperty-warningIcon: url(:res/images/alert.svg);
|
|
}
|
|
|
|
/* Source Icons */
|
|
|
|
OBSBasic {
|
|
qproperty-imageIcon: url(:res/images/sources/image.svg);
|
|
qproperty-colorIcon: url(:res/images/sources/brush.svg);
|
|
qproperty-slideshowIcon: url(:res/images/sources/slideshow.svg);
|
|
qproperty-audioInputIcon: url(:res/images/sources/microphone.svg);
|
|
qproperty-audioOutputIcon: url(:settings/images/settings/audio.svg);
|
|
qproperty-desktopCapIcon: url(:settings/images/settings/video.svg);
|
|
qproperty-windowCapIcon: url(:res/images/sources/window.svg);
|
|
qproperty-gameCapIcon: url(:res/images/sources/gamepad.svg);
|
|
qproperty-cameraIcon: url(:res/images/sources/camera.svg);
|
|
qproperty-textIcon: url(:res/images/sources/text.svg);
|
|
qproperty-mediaIcon: url(:res/images/sources/media.svg);
|
|
qproperty-browserIcon: url(:res/images/sources/globe.svg);
|
|
qproperty-groupIcon: url(:res/images/sources/group.svg);
|
|
qproperty-sceneIcon: url(:res/images/sources/scene.svg);
|
|
qproperty-defaultIcon: url(:res/images/sources/default.svg);
|
|
qproperty-audioProcessOutputIcon: url(:res/images/sources/windowaudio.svg);
|
|
}
|
|
|
|
/* Scene Tree */
|
|
|
|
SceneTree {
|
|
qproperty-gridItemWidth: 150;
|
|
qproperty-gridItemHeight: 24;
|
|
}
|
|
|
|
/* Save icon */
|
|
|
|
* [themeID="replayIconSmall"] {
|
|
qproperty-icon: url(:res/images/save.svg);
|
|
}
|
|
|
|
/* Studio Mode T-Bar */
|
|
|
|
QSlider[themeID="tBarSlider"] {
|
|
height: 24px;
|
|
}
|
|
|
|
QSlider::groove:horizontal[themeID="tBarSlider"] {
|
|
border: 1px solid #4c4c4c;
|
|
height: 5px;
|
|
background: #DCD9D7;
|
|
}
|
|
|
|
QSlider::sub-page:horizontal[themeID="tBarSlider"] {
|
|
background: #DCD9D7;
|
|
border: 1px solid #4c4c4c;
|
|
}
|
|
|
|
QSlider::handle:horizontal[themeID="tBarSlider"] {
|
|
background-color: #4c4c4c;
|
|
width: 12px;
|
|
height: 24px;
|
|
margin: -24px 0px;
|
|
}
|
|
|
|
/* Source Context */
|
|
#contextContainer QPushButton {
|
|
padding: 3px 10px;
|
|
}
|
|
|
|
#contextContainer QPushButton[themeID2=contextBarButton] {
|
|
padding: 3px 6px;
|
|
}
|
|
|
|
#contextContainer QPushButton#sourcePropertiesButton {
|
|
qproperty-icon: url(:/settings/images/settings/general.svg);
|
|
}
|
|
|
|
#contextContainer QPushButton#sourceFiltersButton {
|
|
qproperty-icon: url(:/res/images/filter.svg);
|
|
}
|
|
|
|
#contextContainer QPushButton#sourceInteractButton {
|
|
qproperty-icon: url(:/res/images/interact.svg);
|
|
}
|
|
|
|
/* Media icons */
|
|
|
|
* [themeID="playIcon"] {
|
|
qproperty-icon: url(:res/images/media/media_play.svg);
|
|
}
|
|
|
|
* [themeID="pauseIcon"] {
|
|
qproperty-icon: url(:/res/images/media/media_pause.svg);
|
|
}
|
|
|
|
* [themeID="restartIcon"] {
|
|
qproperty-icon: url(:/res/images/media/media_restart.svg);
|
|
}
|
|
|
|
* [themeID="stopIcon"] {
|
|
qproperty-icon: url(:/res/images/media/media_stop.svg);
|
|
}
|
|
|
|
* [themeID="nextIcon"] {
|
|
qproperty-icon: url(:/res/images/media/media_next.svg);
|
|
}
|
|
|
|
* [themeID="previousIcon"] {
|
|
qproperty-icon: url(:/res/images/media/media_previous.svg);
|
|
}
|
|
|
|
/* YouTube Integration */
|
|
OBSYoutubeActions {
|
|
qproperty-thumbPlaceholder: url(:res/images/sources/image.svg);
|
|
}
|
|
|
|
#ytEventList QLabel {
|
|
background-color: #e1e1e1;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
#ytEventList QLabel:hover {
|
|
background-color: #eee;
|
|
border: 1px solid #777;
|
|
}
|
|
|
|
#ytEventList QLabel[isSelectedEvent=true] {
|
|
background-color: #ccc;
|
|
border: 1px solid #444;
|
|
}
|
|
|
|
/* Calendar Widget */
|
|
QCalendarWidget QToolButton {
|
|
padding: 0px 12px;
|
|
}
|
|
|
|
#qt_calendar_monthbutton::menu-indicator {
|
|
image: url(theme:Dark/down.svg);
|
|
subcontrol-position: right;
|
|
padding-top: 2px;
|
|
padding-right: 2px;
|
|
height: 8px;
|
|
width: 8px;
|
|
}
|
|
|
|
#qt_calendar_monthbutton::menu-indicator:hover {
|
|
image: url(:/res/images/down.svg);
|
|
color: red;
|
|
}
|
|
|
|
QCalendarWidget #qt_calendar_prevmonth {
|
|
padding: 2px;
|
|
qproperty-icon: url(theme:Dark/left.svg);
|
|
icon-size: 16px, 16px;
|
|
}
|
|
|
|
QCalendarWidget #qt_calendar_nextmonth {
|
|
padding: 2px;
|
|
qproperty-icon: url(theme:Dark/right.svg);
|
|
icon-size: 16px, 16px;
|
|
}
|
|
|
|
/* Status Bar */
|
|
StatusBarWidget > QFrame {
|
|
padding: 0px 12px 8px;
|
|
}
|