/* ------------------------------------------------------------------------- *
 *                                                                           *
 *                                 IMPORTANT                                 *
 *                                                                           *
 * ------------------------------------------------------------------------- *
 *                                                                           *
 * This is a Variant Theme (Style) for Yami named Rachni. Variant themes
 * override variable values and append additional style rules to the end of
 * the final composed stylesheet.
 *
 * If you are developing a custom theme it is HIGHLY RECOMMENDED that you
 * use Yami as a Base and apply your changes in a Variant Theme (.ovt).
 *
 * You can learn more about OBS Studio's theme system on our GitHub wiki:
 * https://github.com/obsproject/obs-studio/wiki/OBS-Studio-Theme-System
 *                                                                           *
 * ------------------------------------------------------------------------- */

@OBSThemeMeta {
    name: 'Rachni';
    id: 'com.obsproject.Yami.Rachni';
    extends: 'com.obsproject.Yami';
    author: 'Warchamp7';
    dark: 'true';
}

@OBSThemeVars {
    --grey1: rgb(118,121,124);
    --grey2: rgb(110,113,114);
    --grey3: rgb(59,65,71);
    --grey4: rgb(49,54,59);
    --grey5: rgb(42,46,50);
    --grey6: rgb(35,38,41);
    --grey7: rgb(25,27,38);
    --grey8: rgb(21,22,23);

    --primary: rgb(145,76,103);
    --primary_light: rgb(0,188,212);
    --primary_lighter: rgb(240,96,146);
    --primary_dark: rgb(89,66,79);
    --primary_darker: rgb(25,27,38);

    --bg_base: var(--grey6);
    --bg_window: var(--grey4);
    --bg_preview: rgb(34,37,40);

    --border_color: var(--grey5);

    --input_bg: var(--grey6);
    --input_bg_hover: var(--grey7);
    --input_bg_focus: var(--grey7);

    --list_item_bg_selected: var(--primary_light);
    --list_item_bg_hover: var(--primary);

    --input_border: var(--grey1);
    --input_border_hover: var(--primary_light);
    --input_border_focus: var(--primary_light);

    --spacing_input: var(--spacing_base);

    --button_bg: var(--primary_light);
    --button_bg_hover: var(--primary);
    --button_bg_down: var(--primary_dark);
    --button_bg_disabled: var(--grey6);

    --button_bg_red: rgb(88,22,36);
    --button_bg_red_hover: rgb(116,32,49);
    --button_bg_red_down: rgb(63,21,30);

    --button_border: var(--primary_light);
    --button_border_hover: var(--button_bg_hover);
    --button_border_focus: var(--button_bg_hover);

    --tab_bg: var(--input_bg);
    --tab_bg_hover: var(--grey3);
    --tab_bg_down: var(--grey7);
    --tab_bg_disabled: var(--grey6);

    --tab_border: var(--grey3);
    --tab_border_hover: var(--grey1);
    --tab_border_focus: var(--grey1);
    --tab_border_selected: var(--primary);

    --scrollbar_handle: var(--grey2);
    --scrollbar_hover: var(--primary);
    --scrollbar_down: var(--grey3);
    --scrollbar_border: var(--primary);

    --toolbutton_bg: var(--grey3);
    --toolbutton_bg_hover: var(--primary);
    --toolbutton_bg_down: var(--primary_dark);
    --toolbutton_bg_disabled: var(--grey4);
}

QDockWidget::title {
    background-color: var(--bg_base);
}

QDockWidget::close-button:hover,
QDockWidget::float-button:hover {
    background: var(--grey3);
}

QComboBox,
QDateTimeEdit,
QLineEdit,
QPlainTextEdit,
QTextEdit,
QSpinBox,
QDoubleSpinBox {
    border-width: 2px;
    border-color: var(--input_border);
}

QPushButton {
    border-width: 2px;
}

QMenu::item:selected,
QListWidget::item:selected,
SceneTree::item:selected,
SourceTree::item:selected {
    background-color: var(--primary_dark);
}

QMenu::item:hover,
QListWidget::item:hover,
SceneTree::item:hover,
SourceTree::item:hover,
QMenu::item:selected:hover,
QListWidget::item:selected:hover,
SceneTree::item:selected:hover,
SourceTree::item:selected:hover {
    background-color: var(--primary_light);
}

QToolBar {
    background-color: var(--grey4);
    padding: var(--padding_large);
    margin: 0;
}

QPushButton:disabled {
    border-color: var(--grey3);
}

QPushButton:checked,
QPushButton.state-active {
    border-color: var(--primary_lighter);
}

QPushButton:checked:hover,
QPushButton:checked:focus {
    border-color: var(--primary_light);
}

QToolButton,
QPushButton[toolButton="true"] {
    background-color: var(--toolbutton_bg);
    border-color: var(--toolbutton_bg);
}

QToolButton:hover,
QToolButton:focus {
    border-color: var(--primary);
    background-color: var(--primary);
}

QToolButton:pressed,
QToolButton:pressed:hover {
    background-color: var(--toolbutton_bg_down);
    border-color: var(--toolbutton_bg_down);
}

QToolButton:disabled,
QPushButton[toolButton="true"]:disabled {
    background-color: var(--toolbutton_bg_disabled);
    border-color: transparent;
}

QTabBar::tab {
    background-color: var(--grey5);
}

QTabBar::tab:top:selected {
    border-bottom: 2px solid var(--primary);
}

QTabBar QToolButton {
    background-color: var(--grey5);
}

QGroupBox {
    background-color: var(--grey3);
}

OBSBasicSettings #PropertiesContainer {
    background-color: var(--grey3);
}

QGroupBox::title {
    color: var(--primary_lighter);
}

QSlider::groove {
    background-color: var(--grey2);
}

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);
}

/* Add Source Dialog */
SourceSelectButton QPushButton,
SourceSelectButton #thumbnail {
    border-color: var(--grey3);
}