| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275 |
- /* OBSTheme, main QApplication palette and QML values */
- OBSTheme {
- window: rgb(24,24,25);
- windowText: rgb(225,224,225);
- base: rgb(18,18,21);
- alternateBase: rgb(0,0,0);
- text: rgb(225,224,225);
- button: rgb(22,36,88);
- buttonText: rgb(225,224,225);
- brightText: rgb(72,72,72);
- light: rgb(22,36,88);
- mid: rgb(24,24,25);
- dark: rgb(18,18,21);
- shadow: rgb(0,0,0);
- highlight: rgb(37,36,88);
- highlightedText: rgb(255,255,255);
- link: rgb(96,94,230);
- linkVisited: rgb(96,94,230);
- }
- OBSTheme::disabled {
- text: rgb(72,72,72);
- buttonText: rgb(72,72,72);
- brightText: rgb(72,72,72);
- }
- OBSTheme::inactive {
- highlight: rgb(48,47,48);
- highlightedText: rgb(255,255,255);
- }
- /* General style, we override only what is needed. */
- QWidget {
- background-color: palette(window);
- alternate-background-color: palette(base);
- color: palette(text);
- selection-background-color: palette(highlight);
- selection-color: palette(highlighted-text);
- outline: none;
- font-family: "Open Sans", "Tahoma", "Arial", sans-serif;
- font-size: 12px;
- }
- #menubar {
- padding: 2px 8px 0px;
- }
- QLabel:link {
- color: rgb(42,58,117);
- }
- QMenu {
- border: 1px solid rgb(51,51,54);
- padding: 4px;
- }
- * [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 rgb(51,51,54);
- }
- QSizeGrip {
- background-color: transparent;
- image: url(./Acri/sizegrip.png);
- }
- /* Misc */
- QWidget::disabled {
- color: palette(bright-text);
- }
- * [themeID="error"] {
- color: rgb(217,23,64);
- }
- * [themeID="warning"] {
- color: rgb(217,175,23);
- }
- /* Dropdown menus, Scenes box, Sources box */
- QAbstractItemView {
- background-color: palette(window);
- border: 1px solid rgb(51,51,54);
- }
- /* Group Box */
- QGroupBox {
- border: 2px solid rgb(47,47,47);
- 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: rgb(33,33,33);
- color: rgb(205,205,205);
- border: 1px solid rgb(52,51,53);
- border-radius: 4px;
- }
- /* Top Menu Bar Items */
- QMenuBar::item {
- background-color: palette(window);
- padding: 6px;
- }
- QMenuBar::item:selected {
- background: rgb(42,58,117);
- }
- /* 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 {
- titlebar-close-icon: url('./Dark/close.svg');
- titlebar-normal-icon: url('./Dark/popout.svg');
- }
- QDockWidget {
- background: palette(window);
- border: none;
- font-size: 14px;
- font-weight: bold;
- border-bottom: 2px solid rgb(47,47,47);
- }
- QDockWidget::title {
- border-bottom: 2px solid rgb(47,47,47);
- 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;
- margin: 0px;
- }
- QDockWidget::float-button {
- right: 20px;
- }
- QListWidget#scenes,
- SourceListWidget {
- border: none;
- border-bottom: 2px solid rgb(47,47,47);
- }
- SourceTree {
- border: none;
- border-bottom: 1px solid rgb(47,47,47);
- }
- SourceTree QLineEdit {
- background-color: rgb(12,16,30);
- 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: rgb(33,33,33);
- border: 1px solid rgb(51,51,54);
- }
- /* Listbox item selected */
- QListWidget::item:selected,
- SourceTree::item:selected {
- background-color: rgb(19,26,48);
- border: 1px solid rgb(37,42,69);
- }
- /* ScrollBars */
- QScrollBar::corner {
- background-color: transparent;
- border: none;
- }
- QScrollBar:vertical {
- background-color: transparent;
- width: 20px;
- margin-top: -3px;
- margin-bottom: -3px;
- padding: 4px;
- }
- QScrollBar::handle:vertical {
- background-color: rgb(47,47,47);
- min-height: 20px;
- margin: 0px 3px;
- border-radius: 0px;
- border: none;
- }
- QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
- border: none;
- background: none;
- height: 0;
- }
- 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: 20px;
- margin-left: -3px;
- margin-right: -3px;
- padding: 4px;
- }
- QScrollBar::handle:horizontal {
- background-color: rgb(47,47,47);
- min-width: 20px;
- margin: 3px 0px;
- border-radius: 0px;
- border: none;
- }
- QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {
- border: none;
- background: none;
- width: 0;
- }
- QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal, QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
- border: none;
- background: none;
- color: none;
- }
- /* Source Context */
- #contextContainer {
- min-height: 40px;
- max-height: 40px;
- }
- #contextContainer QPushButton {
- padding: 0px 12px;
- }
- QPushButton#sourcePropertiesButton {
- qproperty-icon: url(./Dark/settings/general.svg);
- }
- QPushButton#sourceFiltersButton {
- qproperty-icon: url(./Dark/filter.svg);
- }
- /* Scenes and Sources toolbar */
- QToolBar {
- background-color: palette(window);
- margin-top: 4px;
- }
- QToolButton:hover {
- background-color: rgb(42,58,117);
- border: 1px solid rgb(35,49,102);
- border-radius: none;
- }
- QToolButton:pressed {
- background-color: rgb(22,31,65);
- border-radius: none;
- }
- * [themeID="addIconSmall"] {
- qproperty-icon: url(./Dark/plus.svg);
- }
- * [themeID="removeIconSmall"] {
- qproperty-icon: url(./Dark/minus.svg);
- }
- * [themeID="propertiesIconSmall"] {
- qproperty-icon: url(./Dark/settings/general.svg);
- }
- * [themeID="configIconSmall"] {
- qproperty-icon: url(./Dark/settings/general.svg);
- }
- * [themeID="refreshIconSmall"] {
- qproperty-icon: url(./Dark/refresh.svg);
- }
- * [themeID="upArrowIconSmall"] {
- qproperty-icon: url(./Dark/up.svg);
- }
- * [themeID="downArrowIconSmall"] {
- qproperty-icon: url(./Dark/down.svg);
- }
- * [themeID="pauseIconSmall"] {
- qproperty-icon: url(./Dark/media-pause.svg);
- }
- /* Tab Widget */
- QTabWidget::pane { /* The tab widget frame */
- border-top: 1px solid rgb(47,47,47);
- }
- QTabWidget::tab-bar {
- alignment: left;
- }
- QTabBar::tab {
- background-color: rgb(33,33,33);
- border: 1px solid rgb(51,51,54);
- 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: rgb(19,26,48);
- border-color: rgb(37,42,69);
- }
- QTabBar::tab:hover {
- background-color: rgb(35,49,102);
- border-color: rgb(54,70,131);
- }
- QTabBar::tab:pressed {
- background-color: rgb(22,31,65);
- }
- /* ComboBox */
- QDateTimeEdit,
- QComboBox {
- background-color: rgb(40,40,42);
- border-style: solid;
- border: 1px;
- border-color: rgb(24,24,30);
- padding: 4px;
- padding-left: 10px;
- }
- QDateTimeEdit::drop-down,
- QComboBox::drop-down {
- border:none;
- border-left: 1px solid rgba(31,30,31,155);
- width: 20px;
- }
- QDateTimeEdit::down-arrow,
- QComboBox::down-arrow {
- qproperty-alignment: AlignTop;
- image: url(./Dark/updown.svg);
- width: 100%;
- }
- QDateTimeEdit:on,
- QComboBox:on {
- background-color: rgb(42,58,117);
- }
- QDateTimeEdit:editable,
- QComboBox:editable {
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
- }
- QDateTimeEdit::drop-down:editable,
- QComboBox::drop-down:editable {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- QDateTimeEdit::down-arrow:editable,
- QComboBox::down-arrow:editable {
- qproperty-alignment: AlignTop;
- image: url(./Dark/down.svg);
- width: 8%;
- }
- /* Textedits etc */
- QLineEdit, QTextEdit, QPlainTextEdit {
- background-color: rgb(8,8,11);
- border: none;
- padding: 4px;
- padding-left: 2px;
- }
- /* Spinbox and doubleSpinbox */
- QSpinBox, QDoubleSpinBox {
- background-color: rgb(8,8,11);
- border: none;
- padding: 4px;
- 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: palette(window);
- }
- QSpinBox::up-button:disabled, QSpinBox::up-button:off, QSpinBox::down-button:disabled, QSpinBox::down-button:off {
- background-color: palette(window);
- }
- QDoubleSpinBox::up-button:disabled, QDoubleSpinBox::up-button:off, QDoubleSpinBox::down-button:disabled, QDoubleSpinBox::down-button:off {
- background-color: palette(window);
- }
- QSpinBox::up-arrow, QDoubleSpinBox::up-arrow {
- image: url(./Dark/up.svg);
- width: 100%;
- }
- QSpinBox::down-arrow, QDoubleSpinBox::down-arrow {
- image: url(./Dark/down.svg);
- width: 100%;
- }
- /* Buttons */
- QPushButton {
- color: palette(text);
- background-color: palette(button);
- border: 1px solid rgb(35,49,102);
- padding: 6px 20px;
- margin: 1px;
- }
- QPushButton::flat {
- background-color: palette(window);
- border: none;
- }
- QPushButton:checked {
- background-color: rgb(88,22,36);
- border-color: rgb(132,22,45);
- }
- QPushButton:hover {
- background-color: rgb(42,58,117);
- border: 1px solid rgb(54,70,131);
- }
- QPushButton:pressed {
- background-color: rgb(22,31,65);
- }
- QPushButton:disabled {
- border: 1px solid rgb(35,36,38);
- background-color: rgb(26,26,27);
- }
- QPushButton::flat:hover,
- QPushButton::flat:disabled {
- border: none;
- }
- /* Progress Bar */
- QProgressBar {
- background: rgb(16,16,16);
- border: 2px solid rgb(54,54,54);
- border-radius: 0px;
- text-align: center;
- }
- QProgressBar::chunk {
- background-color: rgb(42,58,117);
- }
- /* 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 palette(window);
- 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: rgb(42,58,117);
- }
- 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 palette(window);
- 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: rgb(42,58,117);
- }
- 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 */
- 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); /* 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 {
- padding: 4px;
- }
- 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.svg);
- }
- MuteCheckBox::indicator:unchecked {
- image: url(./Dark/settings/audio.svg);
- }
- MuteCheckBox::indicator:unchecked:hover {
- image: url(./Dark/settings/audio.svg);
- }
- MuteCheckBox::indicator:unchecked:focus {
- image: url(./Dark/settings/audio.svg);
- }
- MuteCheckBox::indicator:checked:hover {
- image: url(./Dark/mute.svg);
- }
- MuteCheckBox::indicator:checked:focus {
- image: url(./Dark/mute.svg);
- }
- MuteCheckBox::indicator:checked:disabled {
- image: url(./Dark/mute.svg);
- }
- MuteCheckBox::indicator:unchecked:disabled {
- image: url(./Dark/settings/audio.svg);
- }
- 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.svg);
- }
- SourceTreeSubItemCheckBox::indicator:unchecked,
- SourceTreeSubItemCheckBox::indicator:unchecked:hover {
- image: url(./Dark/down.svg);
- }
- /* 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: rgb(16,16,16);
- }
- FocusList::item {
- padding: 0px 2px;
- }
- #fpsTypes {
- padding: 0px;
- }
- #finishPage QLabel {
- padding: -2px 0px;
- background: transparent;
- min-height: 26px;
- }
- /* About dialog */
- #OBSAbout #icon {
- padding: 0;
- }
- #OBSAbout QTextBrowser {
- background: transparent;
- padding: 2px 0;
- }
- * [themeID="aboutName"] {
- font-size: 36px;
- font-weight: bold;
- padding: 0;
- }
- * [themeID="aboutVersion"] {
- font-size: 16px;
- margin-bottom: 20px;
- padding: 0;
- }
- * [themeID="aboutInfo"] {
- margin-bottom: 20px;
- }
- * [themeID="aboutHLayout"] {
- background-color: rgb(8,8,11);
- }
- /* Preview background color */
- OBSQTDisplay {
- qproperty-displayBackgroundColor: rgb(40,40,42);
- }
- /* Preview/Program labels */
- * [themeID="previewProgramLabels"] {
- font-size: 18px;
- font-weight: bold;
- color: rgb(122,121,122);
- }
- /* Settings Icons */
- OBSBasicSettings {
- qproperty-generalIcon: url(./Dark/settings/general.svg);
- qproperty-streamIcon: url(./Dark/settings/stream.svg);
- qproperty-outputIcon: url(./Dark/settings/output.svg);
- qproperty-audioIcon: url(./Dark/settings/audio.svg);
- qproperty-videoIcon: url(./Dark/settings/video.svg);
- qproperty-hotkeysIcon: url(./Dark/settings/hotkeys.svg);
- qproperty-advancedIcon: url(./Dark/settings/advanced.svg);
- }
- OBSBasicSettings QListWidget::item {
- padding-top: 5px;
- padding-bottom: 5px;
- }
- /* Table */
- QTableView {
- gridline-color: rgb(51,51,54);
- }
- QHeaderView {
- border: none;
- }
- QHeaderView::section {
- background-color: rgb(16,16,16);
- border: 1px solid rgb(51,51,54);
- border-left: none;
- }
- *[themeID="trashIcon"] {
- margin: 0;
- }
- /* Locked CheckBox */
- LockedCheckBox {
- outline: none;
- background: transparent;
- padding: 0px;
- }
- LockedCheckBox::indicator {
- width: 16px;
- height: 16px;
- }
- LockedCheckBox::indicator:checked {
- image: url(./Dark/locked.svg);
- }
- LockedCheckBox::indicator:unchecked {
- image: url(:res/images/unlocked.svg);
- }
- LockedCheckBox::indicator:checked:hover {
- image: url(./Dark/locked.svg);
- }
- LockedCheckBox::indicator:unchecked:hover {
- image: url(:res/images/unlocked.svg);
- }
- /* Visibility CheckBox */
- VisibilityCheckBox {
- outline: none;
- background: transparent;
- padding: 0px;
- }
- VisibilityCheckBox::indicator {
- width: 16px;
- height: 16px;
- }
- VisibilityCheckBox::indicator:checked {
- image: url(./Dark/visible.svg);
- }
- VisibilityCheckBox::indicator:unchecked {
- image: url(:res/images/invisible.svg);
- }
- VisibilityCheckBox::indicator:checked:hover {
- image: url(./Dark/visible.svg);
- }
- VisibilityCheckBox::indicator:unchecked:hover {
- image: url(:res/images/invisible.svg);
- }
- * [themeID="trashIcon"] {
- qproperty-icon: url(./Dark/trash.svg);
- }
- * [themeID="revertIcon"] {
- qproperty-icon: url(./Dark/revert.svg);
- }
- QPushButton#extraPanelDelete {
- background: transparent;
- border: none;
- }
- QPushButton#extraPanelDelete:hover {
- background-color: rgb(42,58,117);
- }
- QPushButton#extraPanelDelete:pressed {
- background-color: rgb(22,31,65);
- }
- OBSMissingFiles {
- qproperty-warningIcon: url(./Dark/alert.svg);
- }
- /* Source Icons */
- OBSBasic {
- qproperty-imageIcon: url(./Dark/sources/image.svg);
- qproperty-colorIcon: url(./Dark/sources/brush.svg);
- qproperty-slideshowIcon: url(./Dark/sources/slideshow.svg);
- qproperty-audioInputIcon: url(./Dark/sources/microphone.svg);
- qproperty-audioOutputIcon: url(./Dark/settings/audio.svg);
- qproperty-desktopCapIcon: url(./Dark/settings/video.svg);
- qproperty-windowCapIcon: url(./Dark/sources/window.svg);
- qproperty-gameCapIcon: url(./Dark/sources/gamepad.svg);
- qproperty-cameraIcon: url(./Dark/sources/camera.svg);
- qproperty-textIcon: url(./Dark/sources/text.svg);
- qproperty-mediaIcon: url(./Dark/sources/media.svg);
- qproperty-browserIcon: url(./Dark/sources/globe.svg);
- qproperty-groupIcon: url(./Dark/sources/group.svg);
- qproperty-sceneIcon: url(./Dark/sources/scene.svg);
- qproperty-defaultIcon: url(./Dark/sources/default.svg);
- }
- /* Scene Tree */
- SceneTree#scenes {
- qproperty-gridItemWidth: 180;
- qproperty-gridItemHeight: 35;
- }
- *[gridMode="true"] SceneTree#scenes {
- border-bottom: none;
- }
- *[gridMode="false"] SceneTree#scenes {
- border-bottom: 2px solid rgb(47,47,47);
- }
- *[gridMode="true"] SceneTree::item {
- padding: 4px;
- padding-left: 10px;
- padding-right: 10px;
- margin: 0px;
- }
- /* Save replay icon */
- * [themeID="replayIconSmall"] {
- qproperty-icon: url(./Dark/save.svg);
- }
- /* Studio Mode T-Bar */
- QSlider[themeID="tBarSlider"] {
- height: 28px;
- }
- QSlider::groove:horizontal[themeID="tBarSlider"] {
- height: 5px;
- background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
- stop: 0 rgb(31,30,31),
- stop: 0.75 rgb(50,49,50));
- border: none;
- border-radius: 2px;
- }
- QSlider::sub-page:horizontal[themeID="tBarSlider"] {
- height: 5px;
- background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
- stop: 0 rgb(31,30,31),
- stop: 0.75 rgb(50,49,50));
- border: none;
- border-radius: 2px;
- }
- QSlider::handle:horizontal[themeID="tBarSlider"] {
- background-color: rgb(210,210,210);
- width: 14px;
- height: 28px;
- margin: -28px 0px;
- }
- /* Media icons */
- * [themeID="playIcon"] {
- qproperty-icon: url(./Dark/media/media_play.svg);
- }
- * [themeID="pauseIcon"] {
- qproperty-icon: url(./Dark/media/media_pause.svg);
- }
- * [themeID="restartIcon"] {
- qproperty-icon: url(./Dark/media/media_restart.svg);
- }
- * [themeID="stopIcon"] {
- qproperty-icon: url(./Dark/media/media_stop.svg);
- }
- * [themeID="nextIcon"] {
- qproperty-icon: url(./Dark/media/media_next.svg);
- }
- * [themeID="previousIcon"] {
- qproperty-icon: url(./Dark/media/media_previous.svg);
- }
- /* YouTube Integration */
- OBSYoutubeActions {
- qproperty-thumbPlaceholder: url(./Dark/sources/image.svg);
- }
- #thumbnailPreview {
- background-color: rgb(40,40,42);
- }
- #ytEventList QLabel {
- color: rgb(225,224,225);
- background-color: #162458;
- border: 1px solid #233166;
- padding: 6px 20px;
- margin: 1px;
- }
- #ytEventList QLabel:hover {
- background-color: #2a3a75;
- border: 1px solid #364683;
- }
- #ytEventList QLabel[isSelectedEvent=true] {
- background-color: #581624;
- border-color: #84162d;
- }
- /* Calendar Widget */
- QDateTimeEdit::down-arrow {
- qproperty-alignment: AlignTop;
- image: url(./Dark/down.svg);
- width: 100%;
- }
- /* Calendar Top Bar */
- QCalendarWidget QWidget#qt_calendar_navigationbar {
- background-color: rgb(58,57,58);
- padding: 4px 8px;
- }
- /* Calendar Top Bar Buttons */
- QCalendarWidget QToolButton {
- color: rgb(225,224,225);
- background-color: #162458;
- border: 1px solid #233166;
- padding: 6px 20px;
- margin: 1px;
- }
- #qt_calendar_monthbutton::menu-indicator {
- image: url(./Dark/down.svg);
- subcontrol-position: right;
- padding-top: 2px;
- padding-right: 8px;
- height: 10px;
- width: 10px;
- }
- QCalendarWidget #qt_calendar_prevmonth {
- padding: 6px;
- qproperty-icon: url(./Dark/left.svg);
- icon-size: 16px, 16px;
- }
- QCalendarWidget #qt_calendar_nextmonth {
- padding: 6px;
- qproperty-icon: url(./Dark/expand.svg);
- icon-size: 16px, 16px;
- }
- QCalendarWidget QToolButton:hover {
- background-color: #2a3a75;
- border: 1px solid #364683;
- }
- QCalendarWidget QToolButton:pressed {
- background-color: #161f41;
- }
- /* Month Dropdown Menu */
- QCalendarWidget QMenu {
-
- }
- /* Year spinbox */
- QCalendarWidget QSpinBox {
- background-color: rgb(8,8,11);
- border: none;
- margin: 0px 3px 0px 0px;
- padding: 4px 16px;
- }
- QCalendarWidget QSpinBox::up-button { subcontrol-origin: border; subcontrol-position: top right; width: 16px; }
- QCalendarWidget QSpinBox::down-button {subcontrol-origin: border; subcontrol-position: bottom right; width: 16px;}
- QCalendarWidget QSpinBox::up-arrow { width: 10px; height: 10px; }
- QCalendarWidget QSpinBox::down-arrow { width: 10px; height: 10px; }
- /* Days of the Week Bar */
- QCalendarWidget QWidget { alternate-background-color: #131a30; }
- QCalendarWidget QAbstractItemView:enabled {
- background-color: rgb(31,30,31);
- color: rgb(225,224,225);
- selection-background-color: rgb(25,51,75);
- selection-color: rgb(225,224,225);
- }
- QCalendarWidget QAbstractItemView:disabled {
- color: rgb(122,121,122);
- }
|