@OBSThemeMeta { name: 'Frappe'; id: 'com.obsproject.Catppuccin.Frappe'; extends: 'com.obsproject.Catppuccin'; author: 'Xurdejl'; dark: 'true'; } @OBSThemeVars { --ctp_rosewater: #f2d5cf; --ctp_flamingo: #eebebe; --ctp_pink: #f4b8e4; --ctp_mauve: #ca9ee6; --ctp_red: #e78284; --ctp_maroon: #ea999c; --ctp_peach: #ef9f76; --ctp_yellow: #e5c890; --ctp_green: #a6d189; --ctp_teal: #81c8be; --ctp_sky: #99d1db; --ctp_sapphire: #85c1dc; --ctp_blue: #8caaee; --ctp_lavender: #babbf1; --ctp_text: #c6d0f5; --ctp_subtext1: #b5bfe2; --ctp_subtext0: #a5adce; --ctp_overlay2: #949cbb; --ctp_overlay1: #838ba7; --ctp_overlay0: #737994; --ctp_surface2: #626880; --ctp_surface1: #51576d; --ctp_surface0: #414559; --ctp_base: #303446; --ctp_mantle: #292c3c; --ctp_crust: #232634; --ctp_selection_background: #44495d; } VolumeMeter { qproperty-foregroundNominalColor: #7cbc52; qproperty-foregroundWarningColor: #e76f33; qproperty-foregroundErrorColor: #db4346; } /* Icon Overrides */ .icon-plus { qproperty-icon: url(theme:Dark/plus.svg); } .icon-minus { qproperty-icon: url(theme:Dark/minus.svg); } .icon-trash { qproperty-icon: url(theme:Dark/trash.svg); } .icon-clear { qproperty-icon: url(theme:Dark/entry-clear.svg); } .icon-gear { qproperty-icon: url(theme:Dark/settings/general.svg); } .icon-dots-vert { qproperty-icon: url(theme:Dark/dots-vert.svg); } .icon-refresh { qproperty-icon: url(theme:Dark/refresh.svg); } .icon-cogs { qproperty-icon: url(theme:Dark/cogs.svg); } .icon-touch { qproperty-icon: url(theme:Dark/interact.svg); } .icon-up { qproperty-icon: url(theme:Dark/up.svg); } .icon-down { qproperty-icon: url(theme:Dark/down.svg); } .icon-pause { qproperty-icon: url(theme:Dark/media-pause.svg); } .icon-filter { qproperty-icon: url(theme:Dark/filter.svg); } .icon-revert { qproperty-icon: url(theme:Dark/revert.svg); } .icon-save { qproperty-icon: url(theme:Dark/save.svg); } /* Media icons */ .icon-media-play { qproperty-icon: url(theme:Dark/media/media_play.svg); } .icon-media-pause { qproperty-icon: url(theme:Dark/media/media_pause.svg); } .icon-media-restart { qproperty-icon: url(theme:Dark/media/media_restart.svg); } .icon-media-stop { qproperty-icon: url(theme:Dark/media/media_stop.svg); } .icon-media-next { qproperty-icon: url(theme:Dark/media/media_next.svg); } .icon-media-prev { qproperty-icon: url(theme:Dark/media/media_previous.svg); } /* Context Menu */ QMenu::right-arrow { image: url(theme:Dark/expand.svg); } /* Dock Widget */ QDockWidget { titlebar-close-icon: url(theme:Dark/close.svg); titlebar-normal-icon: url(theme:Dark/popout.svg); } /* Source Context Bar */ QPushButton#sourcePropertiesButton { qproperty-icon: url(theme:Dark/settings/general.svg); } QPushButton#sourceFiltersButton { qproperty-icon: url(theme:Dark/filter.svg); } /* Scenes and Sources toolbar */ QToolBarExtension { qproperty-icon: url(theme:Dark/dots-vert.svg); } /* ComboBox */ QComboBox::down-arrow, QDateTimeEdit::down-arrow { image: url(theme:Dark/collapse.svg); } QComboBox::down-arrow:editable, QDateTimeEdit::down-arrow:editable { image: url(theme:Dark/collapse.svg); } /* Spinbox and doubleSpinbox */ QSpinBox::up-arrow, QDoubleSpinBox::up-arrow { image: url(theme:Dark/up.svg); } QSpinBox::down-arrow, QDoubleSpinBox::down-arrow { image: url(theme:Dark/down.svg); } /* Buttons */ QPushButton::menu-indicator { image: url(theme:Dark/down.svg); } /* Settings Icons */ OBSBasicSettings { qproperty-generalIcon: url(theme:Dark/settings/general.svg); qproperty-appearanceIcon: url(theme:Dark/settings/appearance.svg); qproperty-streamIcon: url(theme:Dark/settings/stream.svg); qproperty-outputIcon: url(theme:Dark/settings/output.svg); qproperty-audioIcon: url(theme:Dark/settings/audio.svg); qproperty-videoIcon: url(theme:Dark/settings/video.svg); qproperty-hotkeysIcon: url(theme:Dark/settings/hotkeys.svg); qproperty-accessibilityIcon: url(theme:Dark/settings/accessibility.svg); qproperty-advancedIcon: url(theme:Dark/settings/advanced.svg); } /* Checkboxes */ QCheckBox::indicator:unchecked, QGroupBox::indicator:unchecked { image: url(theme:Yami/checkbox_unchecked.svg); } QCheckBox::indicator:unchecked:hover, QGroupBox::indicator:unchecked:hover { border: none; image: url(theme:Yami/checkbox_unchecked_focus.svg); } QCheckBox::indicator:checked, QGroupBox::indicator:checked { image: url(theme:Yami/checkbox_checked.svg); } QCheckBox::indicator:checked:hover, QGroupBox::indicator:checked:hover { image: url(theme:Yami/checkbox_checked_focus.svg); } QCheckBox::indicator:checked:disabled, QGroupBox::indicator:checked:disabled { image: url(theme:Yami/checkbox_checked_disabled.svg); } /* Locked CheckBox */ .indicator-lock::indicator:checked, .indicator-lock::indicator:checked:hover { image: url(theme:Dark/locked.svg); } /* Visibility CheckBox */ .indicator-visibility::indicator:checked, .indicator-visibility::indicator:checked:hover { image: url(theme:Dark/visible.svg); } /* Mute CheckBox */ .indicator-mute::indicator:checked { image: url(theme:Dark/mute.svg); } .indicator-mute::indicator:indeterminate { image: url(theme:Dark/unassigned.svg); } .indicator-mute::indicator:unchecked { image: url(theme:Dark/settings/audio.svg); } .indicator-mute::indicator:unchecked:hover { image: url(theme:Dark/settings/audio.svg); } .indicator-mute::indicator:unchecked:focus { image: url(theme:Dark/settings/audio.svg); } .indicator-mute::indicator:checked:hover { image: url(theme:Dark/mute.svg); } .indicator-mute::indicator:checked:focus { image: url(theme:Dark/mute.svg); } .indicator-mute::indicator:checked:disabled { image: url(theme:Dark/mute.svg); } .indicator-mute::indicator:unchecked:disabled { image: url(theme:Dark/settings/audio.svg); } /* Sources List Group Collapse Checkbox */ .indicator-expand::indicator:checked, .indicator-expand::indicator:checked:hover { image: url(theme:Dark/expand.svg); } .indicator-expand::indicator:unchecked, .indicator-expand::indicator:unchecked:hover { image: url(theme:Dark/collapse.svg); } /* Source Icons */ OBSBasic { qproperty-imageIcon: url(theme:Dark/sources/image.svg); qproperty-colorIcon: url(theme:Dark/sources/brush.svg); qproperty-slideshowIcon: url(theme:Dark/sources/slideshow.svg); qproperty-audioInputIcon: url(theme:Dark/sources/microphone.svg); qproperty-audioOutputIcon: url(theme:Dark/settings/audio.svg); qproperty-desktopCapIcon: url(theme:Dark/settings/video.svg); qproperty-windowCapIcon: url(theme:Dark/sources/window.svg); qproperty-gameCapIcon: url(theme:Dark/sources/gamepad.svg); qproperty-cameraIcon: url(theme:Dark/sources/camera.svg); qproperty-textIcon: url(theme:Dark/sources/text.svg); qproperty-mediaIcon: url(theme:Dark/sources/media.svg); qproperty-browserIcon: url(theme:Dark/sources/globe.svg); qproperty-groupIcon: url(theme:Dark/sources/group.svg); qproperty-sceneIcon: url(theme:Dark/sources/scene.svg); qproperty-defaultIcon: url(theme:Dark/sources/default.svg); qproperty-audioProcessOutputIcon: url(theme:Dark/sources/windowaudio.svg); } /* YouTube Integration */ OBSYoutubeActions { qproperty-thumbPlaceholder: url(theme:Dark/sources/image.svg); } /* Calendar Widget */ QDateTimeEdit::down-arrow { image: url(theme:Dark/down.svg); } /* Calendar Top Bar Buttons */ #qt_calendar_monthbutton::menu-indicator { image: url(theme:Dark/down.svg); } QCalendarWidget #qt_calendar_prevmonth { qproperty-icon: url(theme:Dark/left.svg); } QCalendarWidget #qt_calendar_nextmonth { qproperty-icon: url(theme:Dark/right.svg); }