yolobs-studio/UI/data/themes/Acri.qss
2018-12-16 17:14:58 +01:00

862 lines
16 KiB
Text

/* OBSTheme, main QApplication palette and QML values */
OBSTheme {
window: #181819;
windowText: rgb(225,224,225);
base: rgb(18,18,21);
alternateBase: rgb(0,0,0);
text: rgb(225,224,225);
button: #162458;
buttonText: rgb(225,224,225);
brightText: #484848;
light: #162458;
mid: #181819;
dark: rgb(18,18,21);
shadow: rgb(0,0,0);
highlight: #252458;
highlightText: #FFFFFF;
link: #605ee6;
linkVisited: #605ee6;
}
OBSTheme::disabled {
text: #484848;
buttonText: #484848;
brightText: #484848;
}
OBSTheme::inactive {
highlight: rgb(48,47,48);
highlightText: rgb(255, 255, 255);
}
/* General style, we override only what is needed. */
QWidget {
background-color: #181819;
alternate-background-color: rgb(18,18,21);
color: rgb(225,224,225);
selection-background-color: #252458;
selection-color: white;
outline: none;
font-family: "Open Sans", "Tahoma", "Arial", sans-serif;
font-size: 12px;
padding: 4px;
overflow: auto;
}
#menubar {
padding: 2px 8px 0px;
}
QLabel:link {
color: #2a3a75;
}
QMenu {
border: 1px solid #333336;
}
* [frameShape="1"], * [frameShape="2"], * [frameShape="3"], * [frameShape="4"], * [frameShape="5"], * [frameShape="6"] {
/*border: 1px solid rgb(231,30,31); */
border: none;
}
* [frameShape="2"],
* [frameShape="4"] {
border: 1px solid #333336;
}
QSizeGrip {
background-color: transparent;
image: url(./Acri/sizegrip.png);
}
/* Misc */
QWidget::disabled {
color: #484848;
}
* [themeID="error"] {
color: #d91740;
}
* [themeID="warning"] {
color: #d9af17;
}
/* Dropdown menus, Scenes box, Sources box */
QAbstractItemView {
background-color: #181819;
border: 1px solid #333336;
}
/* Group Box */
QGroupBox {
border: 2px solid #2f2f2f;
margin-bottom: 8px;
padding-top: 32px;
font-weight: bold;
font-size: 14px;
}
QGroupBox::title {
left: 4px;
right: 0;
top: 8px;
font-weight: bold;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
font-size: 16px;
}
/* --- */
/* Tooltips */
QToolTip {
background-color: #212121;
color: rgb(205,205,205);
border: 1px solid #343335;
border-radius: 4px;
}
/* Top Menu Bar Items */
QMenuBar::item {
background-color: rgb(24,24,25);
padding: 6px;
}
QMenuBar::item:selected {
background: #2a3a75;
}
/* Listbox item */
QListWidget::item,
SourceTree::item {
padding: 4px 2px;
margin-bottom: 2px;
margin-top: 0px;
border: 1px solid transparent;
}
QListWidget QLineEdit {
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0;
padding-left: 2px;
border: none;
border-radius: none;
}
/* Dock stuff */
QDockWidget {
background: transparent;
border: none;
font-size: 14px;
font-weight: bold;
border-bottom: 2px solid #2f2f2f;
}
QDockWidget::title {
border-bottom: 2px solid #2f2f2f;
margin-left: 5px;
margin-right: 5px;
padding-top: 0px;
padding-bottom: 6px;
text-align: left;
background-image: url(./Acri/top_hook.png);
background-origin: padding;
background-clip: padding;
background-position: bottom left;
background-repeat: none;
}
QDockWidget::close-button,
QDockWidget::float-button {
icon-size: 20px;
subcontrol-position: top right;
subcontrol-origin: padding;
right: 0px;
}
QDockWidget::float-button {
right: 20px;
}
QListWidget#scenes,
SourceListWidget {
border: none;
border-bottom: 2px solid #2f2f2f;
}
SourceTree {
border: none;
border-bottom: 1px solid #2f2f2f;
}
SourceTree QLabel {
padding: 2px 0px;
margin: -2px 4px -2px;
}
SourceTree QLineEdit {
background-color: #0c101e;
padding: 2px;
margin: -2px 6px -2px 3px;
font-size: 12px;
}
#scenesFrame,
#sourcesFrame {
margin-left: -7px;
margin-right: -7px;
margin-top: -8px;
margin-bottom: -12px;
}
#scenesToolbar,
#sourcesToolbar{
background-image: url(./Acri/bot_hook2.png);
background-origin: margin;
background-clip: margin;
background-position: top left;
background-repeat: none;
}
#sourcesToolbar {
background-image: url(./Acri/bot_hook.png);
}
/* Listbox item selected, unfocused */
QListWidget::item:hover,
SourceTree::item:hover {
background-color: #212121;
border: 1px solid #333336;
}
/* Listbox item selected */
QListWidget::item:selected,
SourceTree::item:selected {
background-color: #131a30;
border: 1px solid #252a45;
}
/* ScrollBars */
QScrollBar::corner {
background-color: transparent;
border: none;
}
QScrollBar:vertical {
background-color: transparent;
width: 20px;
margin-top: -3px;
margin-bottom: -3px;
}
QScrollBar::handle:vertical {
background-color: #2f2f2f;
min-height: 20px;
margin: 0px 3px;
border-radius: 0px;
border: none;
}
QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
border: none;
background: none;
}
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical, QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
border: none;
background: none;
color: none;
}
QScrollBar:horizontal {
background-color: transparent;
height: 10px;
margin-left: -3px;
margin-right: -3px;
}
QScrollBar::handle:horizontal {
background-color: #2f2f2f;
min-width: 20px;
margin: 0px 0px -3px;
border-radius: 0px;
border: none;
}
QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {
border: none;
background: none;
}
QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal, QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
border: none;
background: none;
color: none;
}
/* Scenes and Sources toolbar */
QToolBar {
background-color: rgb(24,24,25);
margin-top: 4px;
}
QToolButton:hover {
background-color: #2a3a75;
border: 1px solid #233166;
border-radius: none;
}
QToolButton:pressed {
background-color: #161f41;
border-radius: none;
}
* [themeID="addIconSmall"] {
qproperty-icon: url(./Acri/plus.png);
}
* [themeID="removeIconSmall"] {
qproperty-icon: url(./Acri/minus.png);
}
* [themeID="propertiesIconSmall"] {
qproperty-icon: url(./Acri/cogwheel.png);
}
* [themeID="configIconSmall"] {
qproperty-icon: url(./Acri/cogwheel.png);
}
* [themeID="upArrowIconSmall"] {
qproperty-icon: url(./Acri/up_arrow.png);
}
* [themeID="downArrowIconSmall"] {
qproperty-icon: url(./Acri/down_arrow.png);
}
/* Tab Widget */
QTabWidget::pane { /* The tab widget frame */
border-top: 1px solid #2f2f2f;
}
QTabWidget::tab-bar {
alignment: left;
}
QTabBar::tab {
background-color: #212121;
border: 1px solid #333336;
min-width: 8ex;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
margin-right: 2px;
margin-top: 1px;
margin-bottom: 1px;
}
QTabBar::tab:selected {
background-color: #131a30;
border-color: #252a45;
}
QTabBar::tab:hover {
background-color: #233166;
border-color: #364683;
}
QTabBar::tab:pressed {
background-color: #161f41;
}
/* ComboBox */
QComboBox {
background-color: rgb(40,40,42);
border-style: solid;
border: 1px;
border-color: rgb(24,24,30);
padding: 4px;
padding-left: 10px;
}
QComboBox::drop-down {
border:none;
border-left: 1px solid rgba(31,30,31,155);
width: 20px;
}
QComboBox::down-arrow {
qproperty-alignment: AlignTop;
image: url(./Acri/updown.png);
width: 100%;
}
QComboBox:on {
background-color: #2a3a75;
}
QComboBox:editable {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
QComboBox::drop-down:editable {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
QComboBox::down-arrow:editable {
qproperty-alignment: AlignTop;
image: url(./Acri/down_arrow.png);
width: 8%;
}
/* Textedits etc */
QLineEdit, QTextEdit, QPlainTextEdit {
background-color: rgb(8,8,11);
border: none;
padding-left: 2px;
}
/* Spinbox and doubleSpinbox */
QSpinBox, QDoubleSpinBox {
background-color: rgb(8,8,11);
border: none;
padding-left: 2px;
padding-right: 15px;
margin-right: 10px;
}
QSpinBox::up-button, QDoubleSpinBox::up-button {
subcontrol-origin: margin;
subcontrol-position: top right; /* position at the top right corner */
background-color: rgb(24,24,30);
border: 1px solid rgb(8,8,11);
border-radius: 3px;
border-width: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-width: 0;
}
QSpinBox::down-button, QDoubleSpinBox::down-button {
subcontrol-origin: margin;
subcontrol-position: bottom right; /* position at the top right corner */
background-color: rgb(24,24,30);
border: 1px solid rgb(8,8,11);
border-radius: 3px;
border-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-width: 0;
}
QSpinBox::up-button:hover, QSpinBox::down-button:hover, QDoubleSpinBox::up-button:hover, QDoubleSpinBox::down-button:hover {
background-color: rgb(15,33,51);
}
QSpinBox::up-button:pressed, QSpinBox::down-button:pressed, QDoubleSpinBox::up-button:pressed, QDoubleSpinBox::down-button:pressed {
background-color: rgb(24,24,25);
}
QSpinBox::up-button:disabled, QSpinBox::up-button:off, QSpinBox::down-button:disabled, QSpinBox::down-button:off {
background-color: rgb(24,24,25);
}
QDoubleSpinBox::up-button:disabled, QDoubleSpinBox::up-button:off, QDoubleSpinBox::down-button:disabled, QDoubleSpinBox::down-button:off {
background-color: rgb(24,24,25);
}
QSpinBox::up-arrow, QDoubleSpinBox::up-arrow {
image: url(./Acri/up_arrow.png);
width: 100%;
}
QSpinBox::down-arrow, QDoubleSpinBox::down-arrow {
image: url(./Acri/down_arrow.png);
width: 100%;
}
/* Buttons */
QPushButton {
color: rgb(225,224,225);
background-color: #162458;
border: 1px solid #233166;
padding: 6px 20px;
margin: 1px;
}
QPushButton::flat {
background-color: rgb(24,24,25);
border: none;
}
QPushButton:checked {
background-color: #581624;
border-color: #84162d;
}
QPushButton:hover {
background-color: #2a3a75;
border: 1px solid #364683;
}
QPushButton:pressed {
background-color: #161f41;
}
QPushButton:disabled {
border: 1px solid #232426;
background-color: #1a1a1b;
}
QPushButton::flat:hover,
QPushButton::flat:disabled {
border: none;
}
/* Progress Bar */
QProgressBar {
background: #101010;
border: 2px solid #363636;
border-radius: 0px;
text-align: center;
}
QProgressBar::chunk {
background-color: #2a3a75;
}
/* Sliders */
QSlider::groove:horizontal {
background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 rgb(31,30,31),
stop: 0.75 rgb(50, 49, 50));
height: 4px;
border: none;
border-radius: 2px;
}
QSlider::handle:horizontal {
background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 rgb(240,239,240),
stop: 0.25 rgb(200,199,200),
stop: 1 rgb(162,161,162));
border: 1px solid rgb(24,24,25);
border-radius: 3px;
height: 10px;
width: 18px;
margin: -3px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
}
QSlider::handle:horizontal:pressed {
background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 rgb(240,239,240),
stop: 0.25 rgb(200,199,200),
stop: 1 rgb(162,161,162));
}
QSlider::sub-page:horizontal {
background-color: #2a3a75;
}
QSlider::sub-page:horizontal:disabled {
background-color: QLinearGradient(x1: 0, y1: 1, x2: 0, y2: 0,
stop: 0 rgb(26,25,26),
stop: 0.75 rgb(10, 10, 10));
border-radius: 2px;
}
QSlider::groove:vertical {
background-color: QLinearGradient(x1: 0, y1: 0, x2: 1, y2: 0,
stop: 0 rgb(31,30,31),
stop: 0.75 rgb(50, 49, 50));
width: 4px;
border: none;
border-radius: 2px;
}
QSlider::handle:vertical {
background-color: QLinearGradient(x1: 0, y1: 0, x2: 1, y2: 0,
stop: 0 rgb(240,239,240),
stop: 0.25 rgb(200,199,200),
stop: 1 rgb(162,161,162));
border: 1px solid rgb(24,24,25);
border-radius: 3px;
width: 10px;
height: 18px;
margin: 0 -3px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
}
QSlider::handle:vertical:pressed {
background-color: QLinearGradient(x1: 0, y1: 0, x2: 1, y2: 0,
stop: 0 rgb(240,239,240),
stop: 0.25 rgb(200,199,200),
stop: 1 rgb(162,161,162));
}
QSlider::add-page:vertical {
background-color: #2a3a75;
}
QSlider::add-page:vertical:disabled {
background-color: QLinearGradient(x1: 0, y1: 0, x2: 1, y2: 0,
stop: 0 rgb(26,25,26),
stop: 0.75 rgb(10, 10, 10));
border-radius: 2px;
}
QSlider::handle:hover {
background-color: rgb(200,199,200);
}
QSlider::handle:disabled {
background-color: rgb(15,15,16);
}
/* Volume Control */
/* Old Meters */
VolumeMeter {
qproperty-bkColor: rgb(8,8,11);
qproperty-magColor:;
qproperty-peakColor:;
qproperty-peakHoldColor: rgb(225,224,225);
}
VolumeMeter {
qproperty-backgroundNominalColor: #42740c;
qproperty-backgroundWarningColor: #988F0F;
qproperty-backgroundErrorColor: #802004;
qproperty-foregroundNominalColor: #84D82B;
qproperty-foregroundWarningColor: #E4D717;
qproperty-foregroundErrorColor: #D74116;
qproperty-magnitudeColor: rgb(49, 54, 59); /* Blue-gray */
qproperty-majorTickColor: rgb(239, 240, 241); /* White */
qproperty-minorTickColor: rgb(118, 121, 124); /* Light Gray */
qproperty-peakDecayRate: 23.4; /* Override of the standard PPM Type I rate. */
}
/* Status Bar */
QStatusBar::item {
border: none;
}
/* Checkboxes */
QCheckBox::indicator,
QGroupBox::indicator {
width: 20px;
height: 20px;
}
QGroupBox::indicator {
margin-left: 2px;
}
QCheckBox::indicator:unchecked {
image: url(./Acri/checkbox_unchecked.png);
}
QCheckBox::indicator:unchecked:hover,
QGroupBox::indicator:unchecked:hover {
border: none;
image: url(./Acri/checkbox_unchecked_focus.png);
}
QCheckBox::indicator:checked {
image: url(./Acri/checkbox_checked.png);
}
QCheckBox::indicator:checked:hover,
QGroupBox::indicator:checked:hover {
border: none;
image: url(./Acri/checkbox_checked_focus.png);
}
QCheckBox::indicator:checked:disabled,
QGroupBox::indicator:checked:disabled {
image: url(./Acri/checkbox_checked_disabled.png);
}
QCheckBox::indicator:unchecked:disabled,
QGroupBox::indicator:unchecked:disabled {
image: url(./Acri/checkbox_unchecked_disabled.png);
}
/* Radio Buttons */
QRadioButton::indicator {
width: 19px;
height: 19px;
}
QRadioButton::indicator:unchecked {
image: url(./Acri/radio_unchecked.png);
}
QRadioButton::indicator:unchecked:hover,
QRadioButton::indicator:unchecked:focus,
QRadioButton::indicator:unchecked:pressed {
border: none;
outline: none;
image: url(./Acri/radio_unchecked_focus.png);
}
QRadioButton::indicator:checked {
border: none;
outline: none;
image: url(./Acri/radio_checked.png);
}
QRadioButton::indicator:checked:hover,
QRadioButton::indicator:checked:focus,
QRadioButton::indicator:checked:pressed {
border: none;
outline: none;
image: url(./Acri/radio_checked_focus.png);
}
QRadioButton::indicator:checked:disabled {
outline: none;
image: url(./Acri/radio_checked_disabled.png);
}
QRadioButton::indicator:unchecked:disabled {
image: url(./Acri/radio_unchecked_disabled.png);
}
/* Mute CheckBox */
MuteCheckBox {
outline: none;
}
MuteCheckBox::indicator:checked {
image: url(./Dark/mute.png);
}
MuteCheckBox::indicator:unchecked {
image: url(./Dark/unmute.png);
}
MuteCheckBox::indicator:unchecked:hover {
image: url(./Dark/unmute.png);
}
MuteCheckBox::indicator:unchecked:focus {
image: url(./Dark/unmute.png);
}
MuteCheckBox::indicator:checked:hover {
image: url(./Dark/mute.png);
}
MuteCheckBox::indicator:checked:focus {
image: url(./Dark/mute.png);
}
MuteCheckBox::indicator:checked:disabled {
image: url(./Dark/mute.png);
}
MuteCheckBox::indicator:unchecked:disabled {
image: url(./Dark/unmute.png);
}
OBSHotkeyLabel[hotkeyPairHover=true] {
color: rgba(27, 96, 166);
}
/* Group Collapse Checkbox */
SourceTreeSubItemCheckBox {
background: transparent;
outline: none;
padding: 0px;
}
SourceTreeSubItemCheckBox::indicator {
width: 12px;
height: 12px;
}
SourceTreeSubItemCheckBox::indicator:checked,
SourceTreeSubItemCheckBox::indicator:checked:hover {
image: url(./Dark/expand.png);
}
SourceTreeSubItemCheckBox::indicator:unchecked,
SourceTreeSubItemCheckBox::indicator:unchecked:hover {
image: url(./Dark/collapse.png);
}
/* Label warning/error */
QLabel#warningLabel {
color: rgb(192, 128, 0);
font-weight: bold;
}
QLabel#errorLabel {
color: rgb(192, 0, 0);
font-weight: bold;
}
/* Settings Menu */
#buttonBox {
border-top: 2px solid grey;
}
/* Special Fixes */
OBSBasicProperties,
#OBSBasicSettings,
#OBSBasicFilters {
background: #101010;
}
FocusList::item {
padding: 0px 2px;
}
#fpsTypes {
padding: 0px;
}
#finishPage QLabel {
padding: -2px 0px;
background: transparent;
min-height: 26px;
}