445 lines
12 KiB
Plaintext
445 lines
12 KiB
Plaintext
/* ------------------------------------------------------------------------- *
|
|
* *
|
|
* 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);
|
|
}
|