/* ------------------------------------------------------------------------- *
 *                                                                           *
 *                                 IMPORTANT                                 *
 *                                                                           *
 * ------------------------------------------------------------------------- *
 *                                                                           *
 * This is a Variant Theme (Style) for Yami named Light. 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: 'Light';
    id: 'com.obsproject.Yami.Light';
    extends: 'com.obsproject.Yami';
    author: 'Warchamp7';
    dark: 'false';
}

@OBSThemeVars {
    --grey1: rgb(140,140,140);
    --grey2: rgb(254,254,254);
    --grey3: rgb(254,254,254);
    --grey4: rgb(245,245,245);
    --grey5: rgb(236,236,236);
    --grey6: rgb(229,229,229);
    --grey7: rgb(211,211,211);
    --grey8: rgb(193,193,193);

    --primary: rgb(140,181,255);
    --primary_light: rgb(178,207,255);
    --primary_dark: rgb(122, 164, 243);

    --bg_window: var(--grey7);
    --bg_base: var(--grey6);
    --bg_preview: var(--grey8);

    --text: var(--black1);
    --text_light: var(--black3);
    --text_muted: var(--black4);

    --text_disabled: var(--text_muted);
    --text_inactive: var(--text_light);

    --input_bg_hover: var(--grey3);
    --input_bg_focus: var(--grey3);

    --input_border_hover: var(--black5);

    --button_bg_disabled: var(--grey7);
    --button_border_hover: var(--black5);

    --separator_hover: var(--black1);

    --scrollbar_handle: var(--grey3);
    --scrollbar_hover: var(--grey6);
    --scrollbar_down: var(--grey8);
    --scrollbar_border: var(--grey7);
}

/* --------------------- */
/* General Styling Hints */

.button-primary:hover {
    border-color: var(--button_border_hover);
}

/* Mute Button */

.btn-mute {
    qproperty-icon: url(theme:Light/settings/audio.svg);
}

.btn-mute.checked {
    qproperty-icon: url(theme:Light/mute.svg);
}

/* Monitor Button */

.btn-monitor {
    qproperty-icon: url(theme:Light/headphones-off.svg);
}

.btn-monitor.checked {
    color: var(--text_light);
    qproperty-icon: url(theme:Light/headphones.svg);
}

VolumeControl.volume-inactive,
VolumeControl.volume-inactive VolumeMeter {
    background: var(--grey8);
}

VolumeMeter {
    qproperty-backgroundNominalColor: var(--green4);
    qproperty-backgroundWarningColor: var(--yellow4);
    qproperty-backgroundErrorColor: var(--red4);
    qproperty-foregroundNominalColor: var(--green1);
    qproperty-foregroundWarningColor: var(--yellow1);
    qproperty-foregroundErrorColor: var(--red1);
    qproperty-magnitudeColor: rgb(0,0,0);
    qproperty-majorTickColor: var(--black1);
    qproperty-minorTickColor: var(--black5);

    qproperty-backgroundNominalColorDisabled: var(--black3);
    qproperty-backgroundWarningColorDisabled: var(--black4);
    qproperty-backgroundErrorColorDisabled: var(--black3);
    qproperty-foregroundNominalColorDisabled: var(--black5);
    qproperty-foregroundWarningColorDisabled: var(--white5);
    qproperty-foregroundErrorColorDisabled: var(--white4);
}

.toggle-hidden:checked {
    background: var(--purple1);
    border-color: var(--purple5);
    color: var(--purple6);
}

VolumeControl .mixer-category {
    background: var(--blue1);
    color: var(--text_light);
}

VolumeControl.volume-pinned .mixer-category {
    background: var(--blue2);    
}

VolumeControl.volume-hidden .mixer-category {
    background: var(--purple1);
    color: var(--purple6);
}

VolumeControl.volume-unassigned .mixer-category {
    background: var(--yellow1);
    color: var(--yellow6);
}

VolumeControl.volume-inactive .mixer-category {
    background: var(--grey8);
    color: var(--text_muted);
}

VolumeControl.volume-preview .mixer-category {
    background: var(--green3);
    color: var(--text_light);
}

QMenu::right-arrow {
    image: url(theme:Light/expand.svg);
}

QDockWidget {
    titlebar-close-icon: url(theme:Light/close.svg);
    titlebar-normal-icon: url(theme:Light/popout.svg);
}

QPushButton#sourcePropertiesButton {
    qproperty-icon: url(theme:Light/settings/general.svg);
}

QPushButton#sourceFiltersButton {
    qproperty-icon: url(theme:Light/filter.svg);
}

.icon-plus {
    qproperty-icon: url(theme:Light/plus.svg);
}

.icon-minus {
    qproperty-icon: url(theme:Light/minus.svg);
}

.icon-trash {
    qproperty-icon: url(theme:Light/trash.svg);
}

.icon-clear {
    qproperty-icon: url(theme:Light/entry-clear.svg);
}

.icon-gear {
    qproperty-icon: url(theme:Light/settings/general.svg);
}

.icon-dots-vert {
    qproperty-icon: url(theme:Light/dots-vert.svg);
}

.icon-refresh {
    qproperty-icon: url(theme:Light/refresh.svg);
}

.icon-cogs {
    qproperty-icon: url(theme:Light/cogs.svg);
}

.icon-touch {
    qproperty-icon: url(theme:Light/interact.svg);
}

.icon-up {
    qproperty-icon: url(theme:Light/up.svg);
}

.icon-down {
    qproperty-icon: url(theme:Light/down.svg);
}

.icon-filter {
    qproperty-icon: url(theme:Light/filter.svg);
}

.icon-revert {
    qproperty-icon: url(theme:Light/revert.svg);
}

.icon-close {
    qproperty-icon: url(theme:Light/close.svg);
}

.icon-layout-vertical {
    qproperty-icon: url(theme:Light/layout-vertical.svg);
}

.icon-layout-horizontal {
    qproperty-icon: url(theme:Light/layout-horizontal.svg);
}

QToolBarExtension {
    qproperty-icon: url(theme:Light/dots-vert.svg);
}

QComboBox::down-arrow,
QDateTimeEdit::down-arrow {
    image: url(theme:Light/collapse.svg);
}

QComboBox::down-arrow:editable,
QDateTimeEdit::down-arrow:editable {
    image: url(theme:Light/collapse.svg);
}

QSpinBox::up-arrow, QDoubleSpinBox::up-arrow {
    image: url(theme:Light/up.svg);
}

QSpinBox::down-arrow, QDoubleSpinBox::down-arrow {
    image: url(theme:Light/down.svg);
}

QPushButton::menu-indicator {
    image: url(theme:Light/down.svg);
}

OBSBasicSettings {
    qproperty-generalIcon: url(theme:Light/settings/general.svg);
    qproperty-appearanceIcon: url(theme:Light/settings/appearance.svg);
    qproperty-streamIcon: url(theme:Light/settings/stream.svg);
    qproperty-outputIcon: url(theme:Light/settings/output.svg);
    qproperty-audioIcon: url(theme:Light/settings/audio.svg);
    qproperty-videoIcon: url(theme:Light/settings/video.svg);
    qproperty-hotkeysIcon: url(theme:Light/settings/hotkeys.svg);
    qproperty-accessibilityIcon: url(theme:Light/settings/accessibility.svg);
    qproperty-advancedIcon: url(theme:Light/settings/advanced.svg);
}

QCheckBox::indicator:unchecked,
QGroupBox::indicator:unchecked,
QTableView::indicator:unchecked {
    image: url(theme:Light/checkbox_unchecked.svg);
}

QCheckBox::indicator:unchecked:hover,
QGroupBox::indicator:unchecked:hover,
QTableView::indicator:unchecked:hover {
    image: url(theme:Light/checkbox_unchecked_focus.svg);
}

QCheckBox::indicator:checked,
QGroupBox::indicator:checked,
QTableView::indicator:checked {
    image: url(theme:Light/checkbox_checked.svg);
}

QCheckBox::indicator:checked:hover,
QGroupBox::indicator:checked:hover,
QTableView::indicator:checked:hover {
    image: url(theme:Light/checkbox_checked_focus.svg);
}

QCheckBox::indicator:checked:disabled,
QGroupBox::indicator:checked:disabled,
QTableView::indicator:checked:disabled {
    image: url(theme:Light/checkbox_checked_disabled.svg);
}

QCheckBox::indicator:unchecked:disabled,
QGroupBox::indicator:unchecked:disabled,
QTableView::indicator:unchecked:disabled {
    image: url(theme:Light/checkbox_unchecked_disabled.svg);
}

.indicator-lock::indicator:checked,
.indicator-lock::indicator:checked:hover {
    image: url(theme:Light/locked.svg);
}

.indicator-visibility::indicator:checked,
.indicator-visibility::indicator:checked:hover {
    image: url(theme:Light/visible.svg);
}

.indicator-expand::indicator:checked,
.indicator-expand::indicator:checked:hover {
    image: url(theme:Light/expand.svg);
}

.indicator-expand::indicator:unchecked,
.indicator-expand::indicator:unchecked:hover {
    image: url(theme:Light/collapse.svg);
}

/* Source Icons */
OBSBasic {
    qproperty-imageIcon: url(theme:Light/sources/image.svg);
    qproperty-colorIcon: url(theme:Light/sources/brush.svg);
    qproperty-slideshowIcon: url(theme:Light/sources/slideshow.svg);
    qproperty-audioInputIcon: url(theme:Light/sources/microphone.svg);
    qproperty-audioOutputIcon: url(theme:Light/settings/audio.svg);
    qproperty-desktopCapIcon: url(theme:Light/settings/video.svg);
    qproperty-windowCapIcon: url(theme:Light/sources/window.svg);
    qproperty-gameCapIcon: url(theme:Light/sources/gamepad.svg);
    qproperty-cameraIcon: url(theme:Light/sources/camera.svg);
    qproperty-textIcon: url(theme:Light/sources/text.svg);
    qproperty-mediaIcon: url(theme:Light/sources/media.svg);
    qproperty-browserIcon: url(theme:Light/sources/globe.svg);
    qproperty-groupIcon: url(theme:Light/sources/group.svg);
    qproperty-sceneIcon: url(theme:Light/sources/scene.svg);
    qproperty-defaultIcon: url(theme:Light/sources/default.svg);
    qproperty-audioProcessOutputIcon: url(theme:Light/sources/windowaudio.svg);
}

.icon-save {
    qproperty-icon: url(theme:Light/save.svg);
}

/* Media icons */
.icon-media-play {
    qproperty-icon: url(theme:Light/media/media_play.svg);
}

.icon-media-pause {
    qproperty-icon: url(theme:Light/media/media_pause.svg);
}

.icon-media-restart {
    qproperty-icon: url(theme:Light/media/media_restart.svg);
}

.icon-media-stop {
    qproperty-icon: url(theme:Light/media/media_stop.svg);
}

.icon-media-next {
    qproperty-icon: url(theme:Light/media/media_next.svg);
}

.icon-media-prev {
    qproperty-icon: url(theme:Light/media/media_previous.svg);
}

/* YouTube Integration */
OBSYoutubeActions {
    qproperty-thumbPlaceholder: url(theme:Light/sources/image.svg);
}

QDateTimeEdit::down-arrow {
    image: url(theme:Light/down.svg);
}

#qt_calendar_monthbutton::menu-indicator {
    image: url(theme:Light/down.svg);
}

QCalendarWidget #qt_calendar_prevmonth {
    qproperty-icon: url(theme:Light/left.svg);
}

QCalendarWidget #qt_calendar_nextmonth {
    qproperty-icon: url(theme:Light/right.svg);
}

/* Idian Widgets */
idian--ToggleSwitch {
    qproperty-background: var(--grey8);
    qproperty-background_hover: var(--grey7);
    qproperty-background_checked: var(--primary);
    qproperty-background_checked_hover: var(--primary_light);
}

idian--Row QComboBox::down-arrow {
    image: url(theme:Light/collapse.svg);
}

idian--CheckBox.keyFocus::indicator,
idian--Row.hover > idian--CheckBox.row-buddy::indicator {
    image: url(theme:Light/checkbox_unchecked_focus.svg);
}

idian--CheckBox.keyFocus.checked::indicator,
idian--Row.hover > idian--CheckBox.row-buddy.checked::indicator {
    image: url(theme:Light/checkbox_checked_focus.svg);
}

idian--ExpandButton::indicator {
    image: url(theme:Light/down.svg);
}

idian--ExpandButton::indicator:checked {
    image: url(theme:Light/up.svg);
}

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

SourceSelectButton QPushButton:checked {
    background: var(--primary);
    border-color: var(--primary_light);
}

SourceSelectButton QPushButton:checked:focus,
SourceSelectButton QPushButton:focus {
    border-color: var(--black3);
}