From f173496f81f25d3e8970203cada401c2e20dab66 Mon Sep 17 00:00:00 2001 From: Evie Litherland-Smith Date: Mon, 18 Dec 2023 08:15:18 +0000 Subject: [PATCH] Re-theming back to catppuccin mocha --- flake.nix | 4 +- home/Catppuccin-mocha.tmTheme | 959 +++++++++++ home/alacritty.nix | 88 +- home/default.nix | 49 +- home/emacs.nix | 2 +- home/games/default.nix | 2 +- home/games/{obs.nix => obs/default.nix} | 5 +- .../themes/Catppuccin Frappe (compact).qss | 1054 ++++++++++++ home/games/obs/themes/Catppuccin Frappe.qss | 1520 ++++++++++++++++ .../obs/themes/Catppuccin Latte (compact).qss | 1054 ++++++++++++ home/games/obs/themes/Catppuccin Latte.qss | 1520 ++++++++++++++++ .../themes/Catppuccin Macchiato (compact).qss | 1054 ++++++++++++ .../games/obs/themes/Catppuccin Macchiato.qss | 1520 ++++++++++++++++ .../obs/themes/Catppuccin Mocha (compact).qss | 1054 ++++++++++++ home/games/obs/themes/Catppuccin Mocha.qss | 1522 +++++++++++++++++ .../obs/themes/Catppuccin/Dark/alert.svg | 2 + .../Catppuccin/Dark/checkbox_checked.svg | 11 + .../Dark/checkbox_checked_disabled.svg | 11 + .../Dark/checkbox_checked_focus.svg | 11 + .../Catppuccin/Dark/checkbox_unchecked.svg | 9 + .../Dark/checkbox_unchecked_disabled.svg | 7 + .../Dark/checkbox_unchecked_focus.svg | 7 + .../obs/themes/Catppuccin/Dark/close.svg | 4 + .../games/obs/themes/Catppuccin/Dark/cogs.svg | 1 + .../obs/themes/Catppuccin/Dark/collapse.svg | 4 + .../obs/themes/Catppuccin/Dark/dots-vert.svg | 4 + .../games/obs/themes/Catppuccin/Dark/dots.svg | 4 + .../games/obs/themes/Catppuccin/Dark/down.svg | 4 + .../themes/Catppuccin/Dark/entry-clear.svg | 4 + .../obs/themes/Catppuccin/Dark/expand.svg | 4 + .../obs/themes/Catppuccin/Dark/filter.svg | 2 + .../obs/themes/Catppuccin/Dark/interact.svg | 2 + .../games/obs/themes/Catppuccin/Dark/left.svg | 4 + .../obs/themes/Catppuccin/Dark/locked.svg | 2 + .../themes/Catppuccin/Dark/media-pause.svg | 7 + .../Catppuccin/Dark/media/media_next.svg | 7 + .../Catppuccin/Dark/media/media_pause.svg | 7 + .../Catppuccin/Dark/media/media_play.svg | 4 + .../Catppuccin/Dark/media/media_previous.svg | 7 + .../Catppuccin/Dark/media/media_restart.svg | 2 + .../Catppuccin/Dark/media/media_stop.svg | 4 + .../obs/themes/Catppuccin/Dark/minus.svg | 4 + .../games/obs/themes/Catppuccin/Dark/mute.svg | 7 + .../obs/themes/Catppuccin/Dark/no_sources.svg | 4 + .../games/obs/themes/Catppuccin/Dark/plus.svg | 4 + .../obs/themes/Catppuccin/Dark/popout.svg | 1 + .../obs/themes/Catppuccin/Dark/refresh.svg | 4 + .../obs/themes/Catppuccin/Dark/revert.svg | 4 + .../obs/themes/Catppuccin/Dark/right.svg | 4 + .../games/obs/themes/Catppuccin/Dark/save.svg | 4 + .../Dark/settings/accessibility.svg | 1 + .../Catppuccin/Dark/settings/advanced.svg | 4 + .../themes/Catppuccin/Dark/settings/audio.svg | 4 + .../Catppuccin/Dark/settings/general.svg | 2 + .../Catppuccin/Dark/settings/hotkeys.svg | 2 + .../Catppuccin/Dark/settings/output.svg | 4 + .../Catppuccin/Dark/settings/stream.svg | 4 + .../themes/Catppuccin/Dark/settings/video.svg | 2 + .../themes/Catppuccin/Dark/sources/brush.svg | 2 + .../themes/Catppuccin/Dark/sources/camera.svg | 2 + .../Catppuccin/Dark/sources/default.svg | 4 + .../Catppuccin/Dark/sources/gamepad.svg | 2 + .../themes/Catppuccin/Dark/sources/globe.svg | 2 + .../themes/Catppuccin/Dark/sources/group.svg | 7 + .../themes/Catppuccin/Dark/sources/image.svg | 2 + .../themes/Catppuccin/Dark/sources/media.svg | 4 + .../Catppuccin/Dark/sources/microphone.svg | 2 + .../themes/Catppuccin/Dark/sources/scene.svg | 4 + .../Catppuccin/Dark/sources/slideshow.svg | 4 + .../themes/Catppuccin/Dark/sources/text.svg | 4 + .../themes/Catppuccin/Dark/sources/window.svg | 2 + .../Catppuccin/Dark/sources/windowaudio.svg | 9 + .../obs/themes/Catppuccin/Dark/trash.svg | 4 + home/games/obs/themes/Catppuccin/Dark/up.svg | 4 + .../obs/themes/Catppuccin/Dark/updown.svg | 1 + .../obs/themes/Catppuccin/Dark/visible.svg | 2 + .../obs/themes/Catppuccin/Light/alert.svg | 2 + .../Catppuccin/Light/checkbox_checked.svg | 11 + .../Light/checkbox_checked_disabled.svg | 11 + .../Light/checkbox_checked_focus.svg | 11 + .../Catppuccin/Light/checkbox_unchecked.svg | 9 + .../Light/checkbox_unchecked_disabled.svg | 7 + .../Light/checkbox_unchecked_focus.svg | 7 + .../obs/themes/Catppuccin/Light/close.svg | 4 + .../obs/themes/Catppuccin/Light/cogs.svg | 1 + .../obs/themes/Catppuccin/Light/collapse.svg | 4 + .../obs/themes/Catppuccin/Light/dots-vert.svg | 4 + .../obs/themes/Catppuccin/Light/dots.svg | 4 + .../obs/themes/Catppuccin/Light/down.svg | 4 + .../themes/Catppuccin/Light/entry-clear.svg | 4 + .../obs/themes/Catppuccin/Light/expand.svg | 4 + .../obs/themes/Catppuccin/Light/filter.svg | 2 + .../obs/themes/Catppuccin/Light/interact.svg | 2 + .../obs/themes/Catppuccin/Light/left.svg | 4 + .../obs/themes/Catppuccin/Light/locked.svg | 2 + .../themes/Catppuccin/Light/media-pause.svg | 7 + .../Catppuccin/Light/media/media_next.svg | 7 + .../Catppuccin/Light/media/media_pause.svg | 7 + .../Catppuccin/Light/media/media_play.svg | 4 + .../Catppuccin/Light/media/media_previous.svg | 7 + .../Catppuccin/Light/media/media_restart.svg | 2 + .../Catppuccin/Light/media/media_stop.svg | 4 + .../obs/themes/Catppuccin/Light/minus.svg | 4 + .../obs/themes/Catppuccin/Light/mute.svg | 7 + .../themes/Catppuccin/Light/no_sources.svg | 4 + .../obs/themes/Catppuccin/Light/plus.svg | 4 + .../obs/themes/Catppuccin/Light/popout.svg | 1 + .../obs/themes/Catppuccin/Light/refresh.svg | 4 + .../obs/themes/Catppuccin/Light/revert.svg | 4 + .../obs/themes/Catppuccin/Light/right.svg | 4 + .../obs/themes/Catppuccin/Light/save.svg | 4 + .../Light/settings/accessibility.svg | 1 + .../Catppuccin/Light/settings/advanced.svg | 4 + .../Catppuccin/Light/settings/audio.svg | 4 + .../Catppuccin/Light/settings/general.svg | 2 + .../Catppuccin/Light/settings/hotkeys.svg | 2 + .../Catppuccin/Light/settings/output.svg | 4 + .../Catppuccin/Light/settings/stream.svg | 4 + .../Catppuccin/Light/settings/video.svg | 2 + .../themes/Catppuccin/Light/sources/brush.svg | 2 + .../Catppuccin/Light/sources/camera.svg | 2 + .../Catppuccin/Light/sources/default.svg | 4 + .../Catppuccin/Light/sources/gamepad.svg | 2 + .../themes/Catppuccin/Light/sources/globe.svg | 2 + .../themes/Catppuccin/Light/sources/group.svg | 7 + .../themes/Catppuccin/Light/sources/image.svg | 2 + .../themes/Catppuccin/Light/sources/media.svg | 4 + .../Catppuccin/Light/sources/microphone.svg | 2 + .../themes/Catppuccin/Light/sources/scene.svg | 4 + .../Catppuccin/Light/sources/slideshow.svg | 4 + .../themes/Catppuccin/Light/sources/text.svg | 4 + .../Catppuccin/Light/sources/window.svg | 2 + .../Catppuccin/Light/sources/windowaudio.svg | 9 + .../obs/themes/Catppuccin/Light/trash.svg | 4 + home/games/obs/themes/Catppuccin/Light/up.svg | 4 + .../obs/themes/Catppuccin/Light/updown.svg | 1 + .../obs/themes/Catppuccin/Light/visible.svg | 2 + home/hyprland/default.nix | 1 + home/hyprland/gtk.nix | 12 +- home/hyprland/mako.nix | 4 +- home/hyprland/mocha.conf | 61 + home/hyprland/rofi/catppuccin-mocha.rasi | 111 ++ home/hyprland/rofi/default.nix | 1 + home/hyprland/waybar/style.css | 84 +- system/desktop.nix | 17 +- 145 files changed, 12134 insertions(+), 74 deletions(-) create mode 100644 home/Catppuccin-mocha.tmTheme rename home/games/{obs.nix => obs/default.nix} (74%) create mode 100644 home/games/obs/themes/Catppuccin Frappe (compact).qss create mode 100644 home/games/obs/themes/Catppuccin Frappe.qss create mode 100644 home/games/obs/themes/Catppuccin Latte (compact).qss create mode 100644 home/games/obs/themes/Catppuccin Latte.qss create mode 100644 home/games/obs/themes/Catppuccin Macchiato (compact).qss create mode 100644 home/games/obs/themes/Catppuccin Macchiato.qss create mode 100644 home/games/obs/themes/Catppuccin Mocha (compact).qss create mode 100644 home/games/obs/themes/Catppuccin Mocha.qss create mode 100644 home/games/obs/themes/Catppuccin/Dark/alert.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/checkbox_checked.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/checkbox_checked_disabled.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/checkbox_checked_focus.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked_disabled.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked_focus.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/close.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/cogs.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/collapse.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/dots-vert.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/dots.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/down.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/entry-clear.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/expand.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/filter.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/interact.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/left.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/locked.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/media-pause.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/media/media_next.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/media/media_pause.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/media/media_play.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/media/media_previous.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/media/media_restart.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/media/media_stop.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/minus.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/mute.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/no_sources.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/plus.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/popout.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/refresh.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/revert.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/right.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/save.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/settings/accessibility.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/settings/advanced.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/settings/audio.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/settings/general.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/settings/hotkeys.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/settings/output.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/settings/stream.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/settings/video.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/brush.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/camera.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/default.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/gamepad.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/globe.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/group.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/image.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/media.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/microphone.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/scene.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/slideshow.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/text.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/window.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/sources/windowaudio.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/trash.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/up.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/updown.svg create mode 100644 home/games/obs/themes/Catppuccin/Dark/visible.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/alert.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/checkbox_checked.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/checkbox_checked_disabled.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/checkbox_checked_focus.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/checkbox_unchecked.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/checkbox_unchecked_disabled.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/checkbox_unchecked_focus.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/close.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/cogs.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/collapse.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/dots-vert.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/dots.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/down.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/entry-clear.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/expand.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/filter.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/interact.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/left.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/locked.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/media-pause.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/media/media_next.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/media/media_pause.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/media/media_play.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/media/media_previous.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/media/media_restart.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/media/media_stop.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/minus.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/mute.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/no_sources.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/plus.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/popout.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/refresh.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/revert.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/right.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/save.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/settings/accessibility.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/settings/advanced.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/settings/audio.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/settings/general.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/settings/hotkeys.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/settings/output.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/settings/stream.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/settings/video.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/brush.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/camera.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/default.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/gamepad.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/globe.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/group.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/image.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/media.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/microphone.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/scene.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/slideshow.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/text.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/window.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/sources/windowaudio.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/trash.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/up.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/updown.svg create mode 100644 home/games/obs/themes/Catppuccin/Light/visible.svg create mode 100644 home/hyprland/mocha.conf create mode 100644 home/hyprland/rofi/catppuccin-mocha.rasi diff --git a/flake.nix b/flake.nix index e3d2004f..76a77d05 100644 --- a/flake.nix +++ b/flake.nix @@ -107,11 +107,11 @@ targets = { chromium.enable = true; console.enable = true; - lightdm.enable = true; + fish.enable = true; }; image = ./wallpapers/tokyo-space.png; base16Scheme = - "${pkgs.base16-schemes}/share/themes/tokyo-night-dark.yaml"; + "${pkgs.base16-schemes}/share/themes/catppuccin-mocha.yaml"; polarity = "dark"; opacity = { popups = 0.5; diff --git a/home/Catppuccin-mocha.tmTheme b/home/Catppuccin-mocha.tmTheme new file mode 100644 index 00000000..3b9b72c7 --- /dev/null +++ b/home/Catppuccin-mocha.tmTheme @@ -0,0 +1,959 @@ + + + + + name + Catppuccin + settings + + + settings + + foreground + #cdd6f4 + background + #1e1e2e + caret + #bac2de + invisibles + #a6adc8 + gutterForeground + #9399b2 + gutterForegroundHighlight + #a6e3a1 + lineHighlight + #585b70 + selection + #6c7086 + selectionBorder + #1e1e2e + activeGuide + #fab387 + findHighlightForeground + #181825 + findHighlight + #f9e2af + bracketsForeground + #9399b2 + bracketContentsForeground + #9399b2 + + + + name + Comment + scope + comment + settings + + foreground + #6c7086 + fontStyle + italic + + + + name + String + scope + string + settings + + foreground + #a6e3a1 + fontStyle + + + + + name + String regex + scope + string.regexp + settings + + foreground + #fab387 + fontStyle + + + + + name + Number + scope + constant.numeric + settings + + foreground + #fab387 + fontStyle + + + + + name + Boolean + scope + constant.language.boolean + settings + + foreground + #fab387 + fontStyle + bold italic + + + + name + Built-in constant + scope + constant.language + settings + + foreground + #b4befe + fontStyle + italic + + + + name + Built-in function + scope + support.function.builtin + settings + + foreground + #fab387 + fontStyle + italic + + + + name + User-defined constant + scope + variable.other.constant + settings + + foreground + #fab387 + fontStyle + + + + + name + Variable + scope + variable + settings + + + + name + Keyword + scope + keyword + settings + + foreground + #f38ba8 + fontStyle + italic + + + + name + Conditional/loop + scope + keyword.control.loop, keyword.control.conditional, keyword.control.c++ + settings + + foreground + #cba6f7 + fontStyle + bold + + + + name + Return + scope + keyword.control.return, keyword.control.flow.return + settings + + foreground + #f5c2e7 + fontStyle + bold + + + + name + Exception + scope + support.type.exception + settings + + foreground + #fab387 + fontStyle + italic + + + + name + Operator + scope + keyword.operator, punctuation.accessor + settings + + foreground + #89dceb + fontStyle + bold + + + + name + Punctuation separator + scope + punctuation.separator + settings + + foreground + #94e2d5 + fontStyle + + + + + name + Punctuation terminator + scope + punctuation.terminator + settings + + foreground + #94e2d5 + fontStyle + + + + + name + Punctuation bracket + scope + punctuation.section + settings + + foreground + #9399b2 + fontStyle + + + + + name + Include + scope + keyword.control.import.include + settings + + foreground + #94e2d5 + fontStyle + italic + + + + name + Storage + scope + storage + settings + + foreground + #f38ba8 + fontStyle + + + + + name + Storage type + scope + storage.type + settings + + foreground + #f9e2af + fontStyle + italic + + + + name + Storage modifier + scope + storage.modifier + settings + + foreground + #f38ba8 + fontStyle + + + + + name + Storage type namespace + scope + entity.name.namespace, meta.path + settings + + foreground + #f5e0dc + fontStyle + italic + + + + name + Storage type class + scope + storage.type.class + settings + + foreground + #f5e0dc + fontStyle + italic + + + + name + Label + scope + entity.name.label + settings + + foreground + #89b4fa + fontStyle + + + + + name + Keyword class + scope + keyword.declaration.class + settings + + foreground + #f38ba8 + fontStyle + italic + + + + name + Class name + scope + entity.name.class, meta.toc-list.full-identifier + settings + + foreground + #89dceb + fontStyle + + + + + name + Inherited class + scope + entity.other.inherited-class + settings + + foreground + #89dceb + fontStyle + italic + + + + name + Function name + scope + entity.name.function, variable.function + settings + + foreground + #89b4fa + fontStyle + italic + + + + name + Function macro + scope + entity.name.function.preprocessor + settings + + foreground + #f38ba8 + fontStyle + + + + + name + Macro directive - ifdef + scope + keyword.control.import + settings + + foreground + #f38ba8 + fontStyle + + + + + name + Constructor + scope + entity.name.function.constructor, entity.name.function.destructor + settings + + foreground + #b4befe + fontStyle + + + + + name + Function argument + scope + variable.parameter.function + settings + + foreground + #f5e0dc + fontStyle + italic + + + + name + Function declaration + scope + keyword.declaration.function + settings + + foreground + #eba0ac + fontStyle + italic + + + + name + Library function + scope + support.function + settings + + foreground + #89dceb + fontStyle + + + + + name + Library constant + scope + support.constant + settings + + foreground + #89b4fa + fontStyle + + + + + name + Library class/type + scope + support.type, support.class + settings + + foreground + #89b4fa + fontStyle + italic + + + + name + Library variable + scope + support.other.variable + settings + + fontStyle + + + + + name + Variable function + scope + variable.function + settings + + foreground + #89b4fa + fontStyle + italic + + + + name + Variable parameter + scope + variable.parameter + settings + + foreground + #f5e0dc + fontStyle + italic + + + + name + Variable other + scope + variable.other + settings + + foreground + #cdd6f4 + fontStyle + italic + + + + name + Variable field + scope + variable.other.member + settings + + foreground + #f5e0dc + fontStyle + + + + + name + Variable language + scope + variable.language + settings + + foreground + #94e2d5 + fontStyle + + + + + name + Tag name + scope + entity.name.tag + settings + + foreground + #fab387 + fontStyle + + + + + name + Tag attribute + scope + entity.other.attribute-name + settings + + foreground + #cba6f7 + fontStyle + italic + + + + name + Tag delimiter + scope + punctuation.definition.tag + settings + + foreground + #eba0ac + fontStyle + + + + + name + Markdown URL + scope + markup.underline.link.markdown + settings + + foreground + #f5e0dc + fontStyle + italic underline + + + + name + Markdown reference + scope + meta.link.inline.description + settings + + foreground + #b4befe + fontStyle + bold + + + + name + Markdown literal + scope + comment.block.markdown, meta.code-fence, markup.raw.code-fence, markup.raw.inline + settings + + foreground + #94e2d5 + fontStyle + italic + + + + name + Markdown title + scope + punctuation.definition.heading, entity.name.section + settings + + foreground + #89b4fa + fontStyle + bold + + + + name + Markdown emphasis + scope + markup.italic + settings + + foreground + #eba0ac + fontStyle + italic + + + + name + Markdown strong + scope + markup.bold + settings + + foreground + #eba0ac + fontStyle + bold + + + + name + Escape + scope + constant.character.escape + settings + + foreground + #f5c2e7 + fontStyle + + + + + name + Bash built-in function + scope + source.shell.bash meta.function.shell meta.compound.shell meta.function-call.identifier.shell + settings + + foreground + #f5c2e7 + fontStyle + + + + + name + Bash parameter + scope + variable.language.shell + settings + + foreground + #f38ba8 + fontStyle + italic + + + + name + Lua field + scope + source.lua meta.function.lua meta.block.lua meta.mapping.value.lua meta.mapping.key.lua string.unquoted.key.lua + settings + + foreground + #b4befe + fontStyle + italic + + + + name + Lua constructor + scope + source.lua meta.function.lua meta.block.lua meta.mapping.key.lua string.unquoted.key.lua + settings + + foreground + #f2cdcd + fontStyle + + + + + name + Java constant + scope + entity.name.constant.java + settings + + foreground + #94e2d5 + fontStyle + + + + + name + CSS property + scope + support.type.property-name.css + settings + + foreground + #f2cdcd + fontStyle + italic + + + + name + CSS constant + scope + support.constant.property-value.css + settings + + foreground + #cdd6f4 + fontStyle + + + + + name + CSS suffix + scope + constant.numeric.suffix.css, keyword.other.unit.css + settings + + foreground + #94e2d5 + fontStyle + italic + + + + name + CSS variable property + scope + variable.other.custom-property.name.css, support.type.custom-property.name.css, punctuation.definition.custom-property.css + settings + + foreground + #94e2d5 + fontStyle + + + + + name + SCSS tag + scope + entity.name.tag.css + settings + + foreground + #b4befe + fontStyle + + + + + name + SASS variable + scope + variable.other.sass + settings + + foreground + #94e2d5 + fontStyle + + + + + name + Invalid + scope + invalid + settings + + foreground + #cdd6f4 + background + #f38ba8 + fontStyle + + + + + name + Invalid deprecated + scope + invalid.deprecated + settings + + foreground + #cdd6f4 + background + #cba6f7 + fontStyle + + + + + name + Diff header + scope + meta.diff, meta.diff.header + settings + + foreground + #6c7086 + fontStyle + + + + + name + Diff deleted + scope + markup.deleted + settings + + foreground + #f38ba8 + fontStyle + + + + + name + Diff inserted + scope + markup.inserted + settings + + foreground + #a6e3a1 + fontStyle + + + + + name + Diff changed + scope + markup.changed + settings + + foreground + #f9e2af + fontStyle + + + + + name + Message error + scope + message.error + settings + + foreground + #f38ba8 + fontStyle + + + + + uuid + 4d0379b5-ef82-467b-b8b8-365889420646 + colorSpaceName + sRGB + semanticClass + theme.dark.Catppuccin + author + BrunDerSchwarzmagier + + diff --git a/home/alacritty.nix b/home/alacritty.nix index c14fa1b9..76d8dc85 100644 --- a/home/alacritty.nix +++ b/home/alacritty.nix @@ -22,37 +22,85 @@ mouse.hide_when_typing = true; colors = { primary = { - background = "#0d0e1c"; - foreground = "#c0caf5"; + background = "#1E1E2E"; + foreground = "#CDD6F4"; + dim_foreground = "#CDD6F4"; + bright_foreground = "#CDD6F4"; + }; + cursor = { + text = "#1E1E2E"; + cursor = "#F5E0DC"; + }; + vi_mode_cursor = { + text = "#1E1E2E"; + cursor = "#B4BEFE"; + }; + search = { + matches = { + foreground = "#1E1E2E"; + background = "#A6ADC8"; + }; + focused_match = { + foreground = "#1E1E2E"; + background = "#A6E3A1"; + }; + footer_bar = { + foreground = "#1E1E2E"; + background = "#A6ADC8"; + }; + }; + hints = { + start = { + foreground = "#1E1E2E"; + background = "#F9E2AF"; + }; + end = { + foreground = "#1E1E2E"; + background = "#A6ADC8"; + }; + }; + selection = { + text = "#1E1E2E"; + background = "#F5E0DC"; }; normal = { - black = "#15161e"; - red = "#f7768e"; - green = "#9ece6a"; - yellow = "#e0af68"; - blue = "#7aa2f7"; - magenta = "#bb9af7"; - cyan = "#7dcfff"; - white = "#a9b1d6"; + black = "#45475A"; + red = "#F38BA8"; + green = "#A6E3A1"; + yellow = "#F9E2AF"; + blue = "#89B4FA"; + magenta = "#F5C2E7"; + cyan = "#94E2D5"; + white = "#BAC2DE"; }; bright = { - black = "#414868"; - red = "#f7768e"; - green = "#9ece6a"; - yellow = "#e0af68"; - blue = "#7aa2f7"; - magenta = "#bb9af7"; - cyan = "#7dcfff"; - white = "#c0caf5"; + black = "#585B70"; + red = "#F38BA8"; + green = "#A6E3A1"; + yellow = "#F9E2AF"; + blue = "#89B4FA"; + magenta = "#F5C2E7"; + cyan = "#94E2D5"; + white = "#A6ADC8"; + }; + dim = { + black = "#45475A"; + red = "#F38BA8"; + green = "#A6E3A1"; + yellow = "#F9E2AF"; + blue = "#89B4FA"; + magenta = "#F5C2E7"; + cyan = "#94E2D5"; + white = "#BAC2DE"; }; indexed_colors = [ { index = 16; - color = "#ff9e64"; + color = "#FAB387"; } { index = 17; - color = "#db4b4b"; + color = "#F5E0DC"; } ]; }; diff --git a/home/default.nix b/home/default.nix index 047bafc3..d7434e03 100644 --- a/home/default.nix +++ b/home/default.nix @@ -1,11 +1,10 @@ { config, lib, pkgs, ... }: { stylix.targets = { avizo.enable = true; + firefox.enable = true; fzf.enable = true; mako.enable = true; - rofi.enable = true; xresources.enable = true; - zellij.enable = true; }; xdg.configFile = { "style.css".text = with config.lib.stylix.colors.withHashtag; '' @@ -26,13 +25,11 @@ @define-color base0E ${base0E}; @define-color base0F ${base0F}; ''; - "bat/themes/tokyonight_night.tmTheme".source = ./tokyonight_night.tmTheme; + "bat/themes/Catppuccin-mocha.tmTheme".source = ./Catppuccin-mocha.tmTheme; }; - programs = { - bat.enable = true; + programs = rec { bash.enable = true; fish.enable = true; - zellij.enable = true; zsh.initExtra = '' xdg-query-program () { FILETYPE=$(xdg-mime query filetype $@) @@ -54,6 +51,38 @@ done } ''; + bat = { + enable = true; + config.theme = "Catppuccin-mocha"; + }; + bottom = { + enable = true; + settings.colors = { + table_header_color = "#f5e0dc"; + all_cpu_color = "#f5e0dc"; + avg_cpu_color = "#eba0ac"; + cpu_core_colors = + [ "#f38ba8" "#fab387" "#f9e2af" "#a6e3a1" "#74c7ec" "#cba6f7" ]; + ram_color = "#a6e3a1"; + swap_color = "#fab387"; + rx_color = "#a6e3a1"; + tx_color = "#f38ba8"; + widget_title_color = "#f2cdcd"; + border_color = "#585b70"; + highlighted_border_color = "#f5c2e7"; + text_color = "#cdd6f4"; + graph_color = "#a6adc8"; + cursor_color = "#f5c2e7"; + selected_text_color = "#11111b"; + selected_bg_color = "#cba6f7"; + high_battery_color = "#a6e3a1"; + medium_battery_color = "#f9e2af"; + low_battery_color = "#f38ba8"; + gpu_core_colors = + [ "#74c7ec" "#cba6f7" "#f38ba8" "#fab387" "#f9e2af" "#a6e3a1" ]; + arc_color = "#89dceb"; + }; + }; eza = { enable = true; git = true; @@ -72,7 +101,6 @@ enable = true; nix-direnv.enable = true; enableBashIntegration = true; - enableNushellIntegration = true; }; fzf = { enable = true; @@ -91,7 +119,7 @@ hyprlinks = true; navigate = true; side-by-side = true; - syntax-theme = "tokyonight_night"; + syntax-theme = bat.config.theme; }; }; extraConfig = { @@ -147,7 +175,6 @@ enable = true; enableBashIntegration = true; enableFishIntegration = true; - enableNushellIntegration = true; enableTransience = true; settings = { command_timeout = 1000; @@ -232,5 +259,9 @@ }; }; }; + zellij = { + enable = true; + theme = "catppuccin-mocha"; + }; }; } diff --git a/home/emacs.nix b/home/emacs.nix index ee519d9c..63f13e6e 100644 --- a/home/emacs.nix +++ b/home/emacs.nix @@ -7,7 +7,7 @@ extraPackages = epkgs: with epkgs; [ # theme - modus-themes + catppuccin-theme # completion-packages cape diff --git a/home/games/default.nix b/home/games/default.nix index f20a3432..53928409 100644 --- a/home/games/default.nix +++ b/home/games/default.nix @@ -1 +1 @@ -{ ... }: { imports = [ ./obs.nix ./minecraft.nix ./marathon.nix ]; } +{ ... }: { imports = [ ./obs/default.nix ./minecraft.nix ./marathon.nix ]; } diff --git a/home/games/obs.nix b/home/games/obs/default.nix similarity index 74% rename from home/games/obs.nix rename to home/games/obs/default.nix index ed61671f..9442e36a 100644 --- a/home/games/obs.nix +++ b/home/games/obs/default.nix @@ -1,6 +1,5 @@ -{ config, lib, pkgs, ... }: - -{ +{ pkgs, ... }: { + xdg.configFile."obs-studio/themes".source = ./themes; programs.obs-studio = { enable = true; plugins = with pkgs.obs-studio-plugins; [ diff --git a/home/games/obs/themes/Catppuccin Frappe (compact).qss b/home/games/obs/themes/Catppuccin Frappe (compact).qss new file mode 100644 index 00000000..e2936872 --- /dev/null +++ b/home/games/obs/themes/Catppuccin Frappe (compact).qss @@ -0,0 +1,1054 @@ +/******************************************************************************/ +/* Copyright (C) 2014-2015 by Philippe Groarke */ +/* */ +/* */ +/* This program is free software: you can redistribute it and/or modify */ +/* it under the terms of the GNU General Public License as published by */ +/* the Free Software Foundation, either version 2 of the License, or */ +/* (at your option) any later version. */ +/* */ +/* This program is distributed in the hope that it will be useful, */ +/* but WITHOUT ANY WARRANTY; without even the implied warranty of */ +/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */ +/* GNU General Public License for more details. */ +/* */ +/* */ +/* You should have received a copy of the GNU General Public License */ +/* along with this program. If not, see . */ +/******************************************************************************/ + +/* Colors */ +/* rgb(242, 213, 207); /* Rosewater */ +/* rgb(238, 190, 190); /* Flamingo */ +/* rgb(231, 130, 132); /* Red */ +/* rgb(234, 153, 156); /* Maroon */ +/* rgb(239, 159, 118); /* Peach */ +/* rgb(166, 209, 137); /* Green */ +/* rgb(140, 170, 238); /* Blue */ +/* rgb(198, 208, 245); /* Text */ +/* rgb(165, 173, 206); /* Subtext0 */ +/* rgb(131, 139, 167); /* Overlay1 */ +/* rgb(115, 121, 148); /* Overlay0 */ +/* rgb(81, 87, 109); /* Surface1 */ +/* rgb(65, 69, 89); /* Surface0 */ +/* rgb(48, 52, 70); /* Base */ +/* rgb(41, 44, 60); /* Mantle */ +/* rgb(35, 38, 52); /* Crust */ + +OBSThemeMeta { + dark: 'true'; + author: 'Catppuccin'; +} + +/* Custom theme information. This will set the application's QPalette, as + * well as pass to QML via the OBSTheme object. + * Can also use OBSTheme::disabled, OBSTheme::active, and OBSTheme::inactive. + * Using it without will set all three (making 'active' a bit redundant) */ +OBSTheme { + window: rgb(48, 52, 70); + windowText: rgb(165, 173, 206); + base: rgb(41, 44, 60); + alternateBase: rgb(35, 38, 52); + text: rgb(198, 208, 245); + button: rgb(65, 69, 89); + buttonText: rgb(165, 173, 206); + brightText: rgb(165, 173, 206); + + light: rgb(65, 69, 89); + mid: rgb(48, 52, 70); + dark: rgb(41, 44, 60); + shadow: rgb(35, 38, 52); + + highlight: rgb(140, 170, 238); + highlightedText: rgb(165, 173, 206); + + link: rgb(242, 213, 207); + linkVisited: rgb(238, 190, 190); +} + +OBSTheme::disabled { + text: rgb(131, 139, 167); + buttonText: rgb(131, 139, 167); + brightText: rgb(41, 44, 60); +} + +OBSTheme::inactive { + highlight: rgb(35, 38, 52); + highlightedText: rgb(198, 208, 245); +} + + +/* General style, we override only what is needed. */ +QWidget { + background-color: palette(window); + alternate-background-color: palette(base); + color: palette(text); + selection-background-color: rgb(81, 87, 109); + selection-color: palette(text); +} + +* [frameShape="1"], * [frameShape="2"], * [frameShape="3"], * [frameShape="4"], * [frameShape="5"], * [frameShape="6"] { + border: 1px solid palette(base); +} + + +/* Misc */ + +QWidget::disabled { + color: 2px solid palette(bright-text); +} + +QAbstractItemView, QStackedWidget#stackedMixerArea QWidget { + background-color: palette(base); +} + +QToolTip { + background-color: palette(base); + color: palette(text); + border: none; +} + +QMenuBar::item { + background-color: palette(window); +} + +QListView::item:selected:!active, +SourceTree::item:selected:!active { + color: palette(text); + background-color: rgb(81, 87, 109); +} + +QListView QLineEdit, +SourceTree QLineEdit { + padding-top: 0px; + padding-bottom: 0px; + padding-right: 0; + padding-left: 2px; + border: none; + border-radius: none; +} + +/* macOS Separator Fix */ +QMainWindow::separator { + background: transparent; + width: 4px; + height: 4px; +} + +/* Dock Widget */ + +QDockWidget { + titlebar-close-icon: url('./Catppuccin/Dark/close.svg'); + titlebar-normal-icon: url('./Catppuccin/Dark/popout.svg'); +} + +QDockWidget::title { + text-align: center; + background-color: palette(base); +} + +QDockWidget::close-button, QDockWidget::float-button { + border: 1px solid transparent; + background: transparent; + padding: 0px; +} + +QDockWidget::close-button:hover, QDockWidget::float-button:hover { + background: transparent; +} + +QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { + padding: 1px -1px -1px 1px; +} + +/* Group Box */ + +QGroupBox { + border: 1px solid palette(base); + border-radius: 5px; + padding-top: 24px; + font-weight: bold; +} + +QGroupBox::title { + subcontrol-origin: margin; + left: 4px; + top: 4px; +} + + +/* ScrollBars */ + +::corner { + background-color: palette(window); + border: none; +} + +QScrollBar:vertical { + background-color: palette(window); + width: 14px; + margin: 0px; +} + +QScrollBar::handle:vertical { + background-color: palette(light); + min-height: 20px; + margin: 2px; + border-radius: 5px; + border-width: 1px; + border: 1px solid palette(light); +} + +QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { + border: none; + background: none; + height: 0px; +} + +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: palette(window); + height: 14px; + margin: 0px; +} + +QScrollBar::handle:horizontal { + background-color: palette(light); + min-width: 20px; + margin: 2px; + border-radius: 5px; + border-width: 1px; + border: 1px solid palette(light); +} + +QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { + border: none; + background: none; + width: 0px; +} + +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 QPushButton { + padding: 4px 10px; +} + +#contextContainer QPushButton[themeID2=contextBarButton] { + padding: 4px 6px; +} + +#contextContainer QPushButton#sourcePropertiesButton { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +#contextContainer QPushButton#sourceFiltersButton { + qproperty-icon: url(./Catppuccin/Dark/filter.svg); +} + +#contextContainer QPushButton#sourceInteractButton { + qproperty-icon: url(./Catppuccin/Dark/interact.svg); +} + +/* Scenes and Sources toolbar */ + +QToolBar { + background-color: palette(window); + border: none; +} + +QPushButton[toolButton="true"], +QToolButton { + background: transparent; + border: none; + padding: 1px; + margin: 1px; +} + +QPushButton[toolButton="true"]:last-child, +QToolButton:last-child { + margin-right: 0px; +} + +QPushButton[toolButton="true"]:hover, +QToolButton:hover { + background-color: rgb(81, 87, 109); /* Surface1 */ + border-radius: none; +} + +QPushButton[toolButton="true"]:pressed, +QToolButton:pressed { + background-color: palette(shadow); + border-radius: none; +} + +* [themeID="addIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/plus.svg); +} + +* [themeID="removeIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/minus.svg); +} + +* [themeID="clearIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/entry-clear.svg); +} + +* [themeID="propertiesIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="configIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="refreshIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/refresh.svg); +} + +* [themeID="upArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/up.svg); +} + +* [themeID="downArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/down.svg); +} + +* [themeID="pauseIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/media-pause.svg); +} + +* [themeID="menuIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/dots-vert.svg); +} + +* [themeID="cogsIcon"] { + qproperty-icon: url(./Catppuccin/Dark/cogs.svg); +} + +/* Tab Widget */ + +QTabWidget::pane { /* The tab widget frame */ + border-top: 1px solid palette(base); /* Mantle */ +} + +QTabWidget::tab-bar { + alignment: left; +} + +QTabBar::tab { + background-color: palette(light); + border: none; + padding: 5px; + min-width: 50px; + margin: 1px; +} + +QTabBar::tab:top { + border-bottom: 1px transparent; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + +} + +QTabBar::tab:bottom { + padding-top: 1px; + margin-bottom: 4px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 14px; +} + +QTabBar::tab:selected { + background-color: palette(base); +} + +QTabBar::tab:hover { + background-color: rgb(81, 87, 109); /* Surface1 */ +} + +QTabBar::tab:pressed { + background-color: palette(base); +} + + +/* ComboBox */ + +QDateTimeEdit, +QComboBox { + background-color: palette(light); + border-style: solid; + border: 1px; + border-radius: 3px; + border-color: rgb(41, 44, 60); /* Mantle */ + padding: 2px; + padding-left: 10px; +} + +QDateTimeEdit:hover, +QComboBox:hover { + background-color: palette(button); +} + +QDateTimeEdit::drop-down, +QComboBox::drop-down { + border:none; + border-left: 1px solid rgba(24, 24, 37,155); /* Mantle */ + width: 20px; +} + +QDateTimeEdit::down-arrow, +QComboBox::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/updown.svg); + width: 100%; +} + +QDateTimeEdit:on, +QComboBox:on { + background-color: palette(base); +} + +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(./Catppuccin/Dark/down.svg); + width: 8%; +} + + +/* Textedits etc */ + +QLineEdit, QTextEdit, QPlainTextEdit { + background-color: palette(base); + border: none; + border-radius: 3px; + padding: 2px 2px 3px 7px; +} + +/* Spinbox and doubleSpinbox */ + +QSpinBox, QDoubleSpinBox { + background-color: palette(base); + border: none; + border-radius: 3px; + margin: 0px 3px 0px 0px; + padding: 2px 2px 3px 7px; +} + +QSpinBox::up-button, QDoubleSpinBox::up-button { + subcontrol-origin: margin; + subcontrol-position: top right; /* position at the top right corner */ + + background-color: palette(light); + border: 1px solid palette(base); + 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: palette(light); + border: 1px solid palette(base); + 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(81, 87, 109); /* Surface1 */ +} + +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(./Catppuccin/Dark/up.svg); + width: 100%; +} + +QSpinBox::down-arrow, QDoubleSpinBox::down-arrow { + image: url(./Catppuccin/Dark/down.svg); + width: 100%; +} + + +/* Buttons */ + +QPushButton { + color: palette(text); + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px; + padding-left: 20px; + padding-right: 20px; +} + +QPushButton::flat { + background-color: palette(window); +} + +QPushButton:checked { + background-color: palette(base); +} + +QPushButton:hover { + background-color: rgb(81, 87, 109); /* Surface1 */ +} + +QPushButton:pressed { + background-color: palette(base); +} + +QPushButton:disabled { + background-color: rgb(35, 38, 52); + +} + +QPushButton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + subcontrol-origin: padding; + width: 25px; +} + +/* Sliders */ + +QSlider::groove:horizontal { + background-color: palette(light); + height: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:horizontal { + background-color: palette(text); + 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: palette(text); +} + +QSlider::sub-page:horizontal { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::sub-page:horizontal:disabled { + background-color: palette(window); /* Base */ + border-radius: 2px; +} + +QSlider::groove:vertical { + background-color: palette(light); + width: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:vertical { + background-color: palette(text); + 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: palette(text); +} + +QSlider::add-page:vertical { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::add-page:vertical:disabled { + background-color: palette(window); /* Base */ + border-radius: 2px; +} + +QSlider::handle:hover { + background-color: palette(bright-text); +} + +QSlider::handle:disabled { + background-color: rgb(81, 87, 109); /* Surface1 */ +} + +/* Volume Control */ + +VolumeMeter { + qproperty-backgroundNominalColor: rgb(166, 209, 137); + qproperty-backgroundWarningColor: rgb(239, 159, 118); + qproperty-backgroundErrorColor: rgb(231, 130, 132); + qproperty-foregroundNominalColor: rgb(119, 185, 75); + qproperty-foregroundWarningColor: rgb(230, 103, 38); + qproperty-foregroundErrorColor: rgb(216, 54, 57); + qproperty-magnitudeColor: rgb(49, 50, 8); + qproperty-majorTickColor: rgb(198, 208, 245); + qproperty-minorTickColor: rgb(115, 121, 148); + qproperty-meterThickness: 3; + + /* The meter scale numbers normally use your QWidget font, with size */ + /* multiplied by meterFontScaling to get a proportionally smaller font. */ + /* To use a unique font for the numbers, specify font-family and/or */ + /* font-size here, and set meterFontScaling to 1.0. */ + qproperty-meterFontScaling: 0.7; +} + + +/* Status Bar */ + +QStatusBar::item { + border: none; +} + +/* Table View */ + +QTableView { + gridline-color: palette(light); +} + +QHeaderView::section { + background-color: palette(window); + color: palette(text); + border: 1px solid palette(base); + border-radius: 5px; +} + +/* Mute CheckBox */ + +MuteCheckBox { + outline: none; +} + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(140, 170, 238); +} + +/* Group Collapse Checkbox */ + +SourceTreeSubItemCheckBox { + background: transparent; + outline: none; +} + +SourceTreeSubItemCheckBox::indicator { + width: 10px; + height: 10px; +} + +SourceTreeSubItemCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/expand.svg); +} + +SourceTreeSubItemCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/collapse.svg); +} + + +/* Label warning/error */ + +QLabel#warningLabel { + color: rgb(239, 159, 118); + font-weight: bold; +} + +QLabel#errorLabel { + color: rgb(234, 153, 156); + font-weight: bold; +} + +* [themeID="warning"] { + color: rgb(239, 159, 118); + font-weight: bold; +} + +* [themeID="error"] { + color: rgb(234, 153, 156); + font-weight: bold; +} + +* [themeID="good"] { + color: rgb(166, 209, 137); + font-weight: bold; +} + +/* About dialog */ + +* [themeID="aboutName"] { + font-size: 36px; + font-weight: bold; +} + +* [themeID="aboutVersion"] { + font-size: 16px; + margin-bottom: 20px; +} + +* [themeID="aboutInfo"] { + margin-bottom: 20px; +} + +* [themeID="aboutHLayout"] { + background-color: palette(base); +} + +/* Preview background color */ + +OBSQTDisplay { + qproperty-displayBackgroundColor: palette(shadow); +} + +/* Preview/Program labels */ + +* [themeID="previewProgramLabels"] { + font-size: 18px; + font-weight: bold; + color: rgb(165, 173, 206); +} + +/* Settings Icons */ + +OBSBasicSettings { + qproperty-generalIcon: url(./Catppuccin/Dark/settings/general.svg); + qproperty-streamIcon: url(./Catppuccin/Dark/settings/stream.svg); + qproperty-outputIcon: url(./Catppuccin/Dark/settings/output.svg); + qproperty-audioIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-videoIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-hotkeysIcon: url(./Catppuccin/Dark/settings/hotkeys.svg); + qproperty-accessibilityIcon: url(./Catppuccin/Dark/settings/accessibility.svg); + qproperty-advancedIcon: url(./Catppuccin/Dark/settings/advanced.svg); +} + +OBSBasicSettings QListView::item { + padding-top: 5px; + padding-bottom: 5px; +} + +/* Locked CheckBox */ + +LockedCheckBox { + outline: none; + background: transparent; +} + +LockedCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/locked.svg); +} + +LockedCheckBox::indicator:unchecked { + image: url(:res/images/unlocked.svg); +} + +/* Visibility CheckBox */ + +VisibilityCheckBox { + outline: none; + background: transparent; +} + +VisibilityCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/visible.svg); +} + +VisibilityCheckBox::indicator:unchecked { + image: url(:res/images/invisible.svg); +} + +* [themeID="revertIcon"] { + qproperty-icon: url(./Catppuccin/Dark/revert.svg); +} + +QPushButton#extraPanelDelete { + background-color: palette(base); +} + +QPushButton#extraPanelDelete:hover { + background-color: rgb(81, 87, 109); +} + +QPushButton#extraPanelDelete:pressed { + background-color: palette(base); +} + +OBSMissingFiles { + qproperty-warningIcon: url(./Catppuccin/Dark/alert.svg); +} + +/* Source Icons */ + +OBSBasic { + qproperty-imageIcon: url(./Catppuccin/Dark/sources/image.svg); + qproperty-colorIcon: url(./Catppuccin/Dark/sources/brush.svg); + qproperty-slideshowIcon: url(./Catppuccin/Dark/sources/slideshow.svg); + qproperty-audioInputIcon: url(./Catppuccin/Dark/sources/microphone.svg); + qproperty-audioOutputIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-desktopCapIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-windowCapIcon: url(./Catppuccin/Dark/sources/window.svg); + qproperty-gameCapIcon: url(./Catppuccin/Dark/sources/gamepad.svg); + qproperty-cameraIcon: url(./Catppuccin/Dark/sources/camera.svg); + qproperty-textIcon: url(./Catppuccin/Dark/sources/text.svg); + qproperty-mediaIcon: url(./Catppuccin/Dark/sources/media.svg); + qproperty-browserIcon: url(./Catppuccin/Dark/sources/globe.svg); + qproperty-groupIcon: url(./Catppuccin/Dark/sources/group.svg); + qproperty-sceneIcon: url(./Catppuccin/Dark/sources/scene.svg); + qproperty-defaultIcon: url(./Catppuccin/Dark/sources/default.svg); + qproperty-audioProcessOutputIcon: url(./Catppuccin/Dark/sources/windowaudio.svg); +} + +/* Scene Tree */ + +SceneTree { + qproperty-gridItemWidth: 150; + qproperty-gridItemHeight: 27; +} + +*[gridMode="true"] SceneTree::item { + color: palette(text); + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px; + padding-left: 10px; + padding-right: 10px; + margin: 1px; +} + +*[gridMode="true"] SceneTree::item:selected { + background-color: rgb(81, 87, 109); /* Surface1 */ +} + +*[gridMode="true"] SceneTree::item:hover { + background-color: rgb(81, 87, 109); /* Surface1 */ +} + +*[gridMode="true"] SceneTree::item:pressed { + background-color: palette(base); +} + +*[gridMode="true"] SceneTree::item:checked { + background-color: rgb(81, 87, 109); /* Surface1 */ +} + +/* Save icon */ + +* [themeID="replayIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/save.svg); +} + +/* Studio Mode T-Bar */ + +QSlider[themeID="tBarSlider"] { + height: 24px; +} + +QSlider::groove:horizontal[themeID="tBarSlider"] { + border: 1px solid palette(light); + height: 5px; + background: palette(base); +} + +QSlider::sub-page:horizontal[themeID="tBarSlider"] { + background: palette(base);; + border: 1px solid palette(light); +} + +QSlider::handle:horizontal[themeID="tBarSlider"] { + background-color: palette(text); + width: 12px; + height: 24px; + margin: -24px 0px; +} + +/* Media icons */ + +* [themeID="playIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_play.svg); +} + +* [themeID="pauseIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_pause.svg); +} + +* [themeID="restartIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_restart.svg); +} + +* [themeID="stopIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_stop.svg); +} + +* [themeID="nextIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_next.svg); +} + +* [themeID="previousIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_previous.svg); +} + +/* YouTube Integration */ +OBSYoutubeActions { + qproperty-thumbPlaceholder: url(./Catppuccin/Dark/sources/image.svg); +} + +#ytEventList QLabel { + color: rgb(165, 173, 206); /* Subtext0 */ + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px 20px; +} + +#ytEventList QLabel:hover { + background: rgb(65, 69, 89); +} + +#ytEventList QLabel[isSelectedEvent=true] { + background: rgb(81, 87, 109); + border: none; +} + +/* Calendar Widget */ +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/down.svg); + width: 100%; +} + +QDateTimeEdit:on { + background-color: palette(base); /* Mantle */ +} + +/* Calendar Top Bar */ +QCalendarWidget QWidget#qt_calendar_navigationbar { + background-color: palette(base); + padding: 4px 8px; +} + +/* Calendar Top Bar Buttons */ +QCalendarWidget QToolButton { + background-color: palette(light); + padding: 2px 16px; + border-radius: 3px; + margin: 2px; +} + +#qt_calendar_monthbutton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + padding-top: 2px; + padding-right: 6px; + height: 10px; + width: 10px; +} + +QCalendarWidget #qt_calendar_prevmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/left.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget #qt_calendar_nextmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/right.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget QToolButton:hover { + background-color: rgb(81, 87, 109); + border-radius: 3px; +} + +QCalendarWidget QToolButton:pressed { + background-color: rgb(35, 38, 52); +} + +/* Month Dropdown Menu */ +QCalendarWidget QMenu { + +} +/* Year spinbox */ +QCalendarWidget QSpinBox { + background-color: rgb(35, 38, 52); + border: none; + border-radius: 3px; + 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: palette(base); } + +QCalendarWidget QAbstractItemView:enabled { + background-color: palette(base); + color: palette(text); + selection-background-color: rgb(35, 38, 52); + selection-color: palette(text); +} + +QCalendarWidget QAbstractItemView:disabled { + color: rgb(81, 87, 109); +} + +/* Disable icons on QDialogButtonBox */ +QDialogButtonBox { + dialogbuttonbox-buttons-have-icons: 0; +} diff --git a/home/games/obs/themes/Catppuccin Frappe.qss b/home/games/obs/themes/Catppuccin Frappe.qss new file mode 100644 index 00000000..d8cc9b9a --- /dev/null +++ b/home/games/obs/themes/Catppuccin Frappe.qss @@ -0,0 +1,1520 @@ +/******************************************************************************/ +/* Copyright (C) 2014-2015 by Philippe Groarke */ +/* */ +/* */ +/* This program is free software: you can redistribute it and/or modify */ +/* it under the terms of the GNU General Public License as published by */ +/* the Free Software Foundation, either version 2 of the License, or */ +/* (at your option) any later version. */ +/* */ +/* This program is distributed in the hope that it will be useful, */ +/* but WITHOUT ANY WARRANTY; without even the implied warranty of */ +/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */ +/* GNU General Public License for more details. */ +/* */ +/* */ +/* You should have received a copy of the GNU General Public License */ +/* along with this program. If not, see . */ +/******************************************************************************/ + +/* Colors */ + +OBSThemeMeta { + dark: 'true'; + author: 'Xurdejl'; +} + +/* Custom theme information. This will set the application's QPalette, as + * well as pass to QML via the OBSTheme object. + * Can also use OBSTheme::disabled, OBSTheme::active, and OBSTheme::inactive. + * Using it without will set all three (making 'active' a bit redundant) */ +OBSTheme { + window: rgb(48, 52, 70); + windowText: rgb(165, 173, 206); + + base: rgb(41, 44, 60); + alternateBase: rgb(35, 38, 52); + + text: rgb(198, 208, 245); + + button: rgb(65, 69, 89); + buttonText: rgb(165, 173, 206); + + brightText: rgb(165, 173, 206); + + light: rgb(65, 69, 89); + mid: rgb(48, 52, 70); + dark: rgb(41, 44, 60); + shadow: rgb(35, 38, 52); + + primary: rgb(81, 87, 109); + primaryLight: rgb(140, 170, 238); + primaryDark: rgb(35, 38, 52); + + highlight: rgb(140, 170, 238); + highlightText: rgb(165, 173, 206); + + link: rgb(242, 213, 207); + linkVisited: rgb(238, 190, 190); +} + +OBSTheme::disabled { + windowText: rgb(131, 139, 167); + text: rgb(131, 139, 167); + button: rgb(48, 52, 70); + + buttonText: rgb(41, 44, 60); + brightText: rgb(41, 44, 60); +} + +OBSTheme::inactive { + text: rgb(165, 173, 206); + + highlight: rgb(35, 38, 52); + highlightText: rgb(198, 208, 245); +} + +/* Default widget style, we override only what is needed. */ + +QWidget { + alternate-background-color: palette(base); + color: palette(text); + selection-background-color: rgb(35, 38, 52); + selection-color: palette(text); + font-size: 10pt; + font-family: 'Open Sans', '.AppleSystemUIFont', Helvetica, Arial, 'MS Shell Dlg', sans-serif; +} + +QWidget:disabled { + color: rgb(131, 139, 167); +} + +/* Container windows */ + +QDialog, +QMainWindow, +QStatusBar, +QMenuBar, +QMenu { + background-color: palette(window); +} + +/* macOS Separator Fix */ + +QMainWindow::separator { + background: transparent; + width: 4px; + height: 4px; +} + +/* General Widgets */ + +QLabel, +QGroupBox, +QCheckBox { + background: transparent; +} + +QComboBox, +QCheckBox, +QPushButton, +QSpinBox, +QDoubleSpinBox { + margin-top: 3px; + margin-bottom: 3px; +} + +QListWidget QWidget, +SceneTree QWidget, +SourceTree QWidget { + margin-top: 0; + margin-bottom: 0; +} + +* [frameShape="1"], * [frameShape="2"], * [frameShape="3"], * [frameShape="4"], * [frameShape="5"], * [frameShape="6"] { + border: 1px solid palette(dark); +} + + +/* Misc */ + +QAbstractItemView, QStackedWidget#stackedMixerArea QWidget { + background-color: palette(base); +} + +QToolTip { + background-color: palette(base); + color: palette(text); + border: none; +} + +/* Context Menu */ + +QMenu::icon { + left: 4px; +} + +QMenu::separator { + background: rgb(115, 121, 148); + height: 1px; + margin: 3px 6px; +} + +QMenu::item:disabled { + color: rgb(131, 139, 167); + background: transparent; +} + +QMenu::right-arrow { + image: url(./Catppuccin/Dark/expand.svg); +} + +/* Top Menu Bar Items */ +QMenuBar::item { + background-color: transparent; +} + +QMenuBar::item:selected { + background: rgb(81, 87, 109); +} + +/* Item Lists */ +QListWidget { + border-radius: 4px; +} + +QListWidget::item { + color: palette(text); +} + +QListWidget, +QMenu, +SceneTree, +SourceTree { + padding: 3px; +} + +QListWidget::item, +SourceTreeItem, +QMenu::item, +SceneTree::item { + padding: 6px; +} + +QListWidget::item, +SourceTreeItem, +QMenu::item, +SceneTree::item, +SourceTree::item { + border-radius: 4px; + color: palette(text); + border: 0px solid transparent; +} + +QMenu::item:selected, +QListWidget::item:selected, +SceneTree::item:selected, +SourceTree::item:selected { + background-color: rgb(81, 87, 109); +} + +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: rgb(65, 69, 89); + color: palette(text); +} + +QListWidget::item:disabled, +QListWidget::item:disabled:hover { + background: transparent; + color: rgb(131, 139, 167); +} + +QListWidget QLineEdit, +SceneTree QLineEdit, +SourceTree QLineEdit { + padding: 0px; + padding-bottom: 2px; + margin: 0px; + border: 1px solid #cdd6f4; + border-radius: 4px; +} + +QListWidget QLineEdit:focus, +SceneTree QLineEdit:focus, +SourceTree QLineEdit:focus { + border: 1px solid #cdd6f4; +} + +/* Settings QList */ + +OBSBasicSettings QListWidget { + border-radius: 4px; + padding: 3px; +} + +OBSBasicSettings QListWidget::item { + border-radius: 4px; + padding: 6px; +} + +/* Settings properties view */ +OBSBasicSettings #PropertiesContainer { + background-color: palette(dark); +} + +/* Dock Widget */ +OBSDock > QWidget { + background: palette(dark); + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +OBSDock QFrame { + background: palette(dark); + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +#transitionsContainer QPushButton { + margin: 0px 0px; + padding: 4px 6px; +} + +OBSDock QLabel { + background: transparent; +} + +OBSDock QComboBox, +OBSDock QPushButton { + margin: 1px 2px; +} + +QDockWidget { + font-size: 10.5pt; + font-weight: bold; + + titlebar-close-icon: url('./Catppuccin/Dark/close.svg'); + titlebar-normal-icon: url('./Catppuccin/Dark/popout.svg'); +} + +QDockWidget::title { + text-align: left; + background-color: palette(base); + padding: 6px 8px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +QDockWidget::close-button, QDockWidget::float-button { + border: 0px solid transparent; + border-radius: 4px; + background: transparent; + margin-right: 1px; + opacity: .5; +} + +QDockWidget::close-button:hover, QDockWidget::float-button:hover { + background: rgb(81, 87, 109); + opacity: 1; +} + +QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { + padding: 1px -1px -1px 1px; +} + +QScrollArea { + border-radius: 4px; +} + +OBSBasicStatusBar { + margin-top: 8px; +} + +/* Group Box */ + +QGroupBox { + background: palette(dark); + border-radius: 4px; + padding-top: 32px; + padding-bottom: 8px; + font-weight: bold; + margin-bottom: 6px; +} + +QGroupBox::title { + subcontrol-origin: margin; + left: 8px; + top: 8px; +} + + +/* ScrollBars */ + +::corner { + background-color: palette(window); + border: none; +} + +QScrollBar:vertical { + background-color: transparent; + width: 14px; + margin: 0px; +} + +QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { + border: none; + background: none; + height: 0px; +} + +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: 14px; + margin: 0px; +} + +QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { + border: none; + background: none; + width: 0px; +} + +QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal, QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { + border: none; + background: none; + color: none; +} + +QScrollBar::handle { + background-color: rgb(65, 69, 89); + margin: 2px; + border-radius: 2px; + border: 1px solid rgb(65, 69, 89); +} + +QScrollBar::handle:hover { + background-color: rgb(81, 87, 109); + border-color: rgb(81, 87, 109); +} + +QScrollBar::handle:pressed { + background-color: rgb(65, 69, 89); + border-color: rgb(65, 69, 89); +} + +QScrollBar::handle:vertical { + min-height: 20px; +} + +QScrollBar::handle:horizontal { + min-width: 20px; +} + +/* Source Context Bar */ + +#contextContainer { + background-color: palette(dark); + margin-top: 4px; + border-radius: 4px; +} + +#contextContainer QPushButton { + padding-left: 12px; + padding-right: 12px; +} + +QPushButton#sourcePropertiesButton { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +QPushButton#sourceFiltersButton { + qproperty-icon: url(./Catppuccin/Dark/filter.svg); +} + +/* Scenes and Sources toolbar */ + +QToolBar { + background-color: palette(dark); + border: none; + padding: 0px; + margin: 4px 0px; +} + +QPushButton[toolButton="true"], +QToolButton, +QPushButton[toolButton="true"]:disabled, +QToolButton:disabled { + background-color: palette(base); + padding: 4px 6px; + margin: 0px 2px; + border-radius: 4px; +} + +QPushButton[toolButton="true"]:last-child, +QToolButton:last-child { + margin-right: 0px; +} + +QToolButton:hover { + background-color: rgb(81, 87, 109); +} + +QToolButton:pressed { + background-color: rgb(35, 38, 52); +} + +* [themeID="addIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/plus.svg); +} + +* [themeID="removeIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/trash.svg); +} + +* [themeID="clearIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/entry-clear.svg); +} + +* [themeID="propertiesIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="configIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="menuIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/dots-vert.svg); +} + +* [themeID="refreshIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/refresh.svg); +} + +* [themeID="cogsIcon"] { + qproperty-icon: url(./Catppuccin/Dark/cogs.svg); +} + +#sourceInteractButton { + qproperty-icon: url(./Catppuccin/Dark/interact.svg); +} + +* [themeID="upArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/up.svg); +} + +* [themeID="downArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/down.svg); +} + +* [themeID="pauseIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/media-pause.svg); +} + +* [themeID="filtersIcon"] { + qproperty-icon: url(./Catppuccin/Dark/filter.svg); +} + +QToolBarExtension { + background: palette(button); + min-width: 12px; + max-width: 12px; + padding: 4px 0px; + margin-left: 0px; + + qproperty-icon: url(./Catppuccin/Dark/dots-vert.svg); +} + + +/* Tab Widget */ + +QTabWidget::pane { /* The tab widget frame */ + border-top: 4px solid palette(base); +} + +QTabWidget::tab-bar { + alignment: left; +} + +QTabBar QToolButton { + background: rgb(65, 69, 89); + border: none; +} + +QTabBar::tab:top { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +QTabBar::tab:bottom { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +QTabBar::tab { + background: palette(dark); + color: palette(text); + border: none; + padding: 8px 12px; + min-width: 50px; + margin: 1px 2px; +} + +QTabBar::tab:pressed { + background: rgb(35, 38, 52); +} + +QTabBar::tab:hover { + background: rgb(81, 87, 109); + color: palette(text); +} + +QTabBar::tab:selected { + background: rgb(65, 69, 89); + color: palette(text); +} + +QTabBar::tab:top:selected { + border-bottom: 2px solid rgb(198, 208, 245); +} + +QTabBar::tab:bottom:selected { + border-top: 2px solid rgb(198, 208, 245); +} + +QTabBar QToolButton { + background: palette(base); + min-width: 16px; + padding: 0px; +} + +/* ComboBox */ + +QComboBox, +QDateTimeEdit { + background-color: rgb(65, 69, 89); + border-style: solid; + border: 1px; + border-radius: 4px; + border-color: rgb(65, 69, 89); + padding: 4px; + padding-left: 10px; +} + +QComboBox:hover, +QComboBox:selected, +QDateTimeEdit:hover, +QDateTimeEdit:selected { + background-color: rgb(81, 87, 109); +} + +QComboBox::drop-down, +QDateTimeEdit::drop-down { + border:none; + border-left: 1px solid rgb(115, 121, 148); + width: 20px; +} + +QComboBox::down-arrow, +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/updown.svg); + width: 100%; +} + +QComboBox:on, +QDateTimeEdit:on { + background-color: rgb(81, 87, 109); +} + +QComboBox:editable:hover { + +} + +QComboBox::drop-down:editable, +QDateTimeEdit::drop-down:editable { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +QComboBox::down-arrow:editable, +QDateTimeEdit::down-arrow:editable { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/down.svg); + width: 8%; +} + +/* Textedits etc */ + +QLineEdit, QTextEdit, QPlainTextEdit { + background-color: rgb(65, 69, 89); + border: none; + border-radius: 4px; + padding: 5px 2px 5px 7px; + border: 2px solid transparent; +} + +QLineEdit:hover, +QTextEdit:hover, +QPlainTextEdit:hover { + border: 2px solid rgb(99,102,111); +} + +QLineEdit:focus, +QTextEdit:focus, +QPlainTextEdit:focus { + background-color: palette(mid); + border: 2px solid rgb(81, 87, 109); +} + +/* Spinbox and doubleSpinbox */ + +QSpinBox, +QDoubleSpinBox { + background-color: rgb(65, 69, 89); + border: 2px solid rgb(65, 69, 89); + border-radius: 4px; + margin-right: 3px; + padding: 3px 0px 4px 5px; +} + +QSpinBox:hover, +QDoubleSpinBox:hover { + border: 2px solid rgb(98, 104, 128); +} + +QSpinBox:focus, +QDoubleSpinBox:focus { + background-color: palette(mid); + border: 2px solid rgb(81, 87, 109); +} + +QSpinBox::up-button, QDoubleSpinBox::up-button { + subcontrol-origin: padding; + subcontrol-position: top right; /* position at the top right corner */ + right: 2px; + 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: padding; + subcontrol-position: bottom right; /* position at the top right corner */ + right: 2px; + 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(81, 87, 109); +} + +QSpinBox::up-button:pressed, QSpinBox::down-button:pressed, QDoubleSpinBox::up-button:pressed, QDoubleSpinBox::down-button:pressed { + background-color: rgb(35, 38, 52); +} + +QSpinBox::up-button:disabled, QSpinBox::up-button:off, QSpinBox::down-button:disabled, QSpinBox::down-button:off { + background-color: rgb(35, 38, 52); +} + +QDoubleSpinBox::up-button:disabled, QDoubleSpinBox::up-button:off, QDoubleSpinBox::down-button:disabled, QDoubleSpinBox::down-button:off { + background-color: rgb(35, 38, 52); +} + +QSpinBox::up-arrow, QDoubleSpinBox::up-arrow { + image: url(./Catppuccin/Dark/up.svg); + width: 100%; + margin: 2px; +} + +QSpinBox::down-arrow, QDoubleSpinBox::down-arrow { + image: url(./Catppuccin/Dark/down.svg); + width: 100%; + padding: 2px; +} + + +/* Controls Dock */ +#controlsDock QPushButton { + margin: 1px; +} + +#streamButton, +#recordButton, +QPushButton[themeID="replayBufferButton"], +#broadcastButton { + padding: 10px; +} + +/* Primary Control Button Checked Coloring */ +#streamButton:!hover:!pressed:checked, +#recordButton:!hover:!pressed:checked, +QPushButton[themeID="replayBufferButton"]:!hover:!pressed:checked, +QPushButton[themeID="vcamButton"]:!hover:!pressed:checked, +#modeSwitch:!hover:!pressed:checked, +#broadcastButton:!hover:!pressed:checked { + background: rgb(140, 170, 238); + color: rgb(35, 38, 52); +} + +/* Primary Control Button Hover Coloring */ +#streamButton:hover:!pressed:checked, +#recordButton:hover:!pressed:checked, +QPushButton[themeID="replayBufferButton"]:!pressed:checked, +QPushButton[themeID="vcamButton"]:!pressed:checked, +#modeSwitch:hover:!pressed:checked, +#broadcastButton:hover:!pressed:checked { + background: rgb(186, 187, 241); + color: rgb(35, 38, 52); +} + + +/* Buttons */ + +QPushButton { + color: palette(text); + background-color: palette(button); + min-height: 18px; + border: none; + border-radius: 4px; + padding: 6px 16px; +} + +QPushButton::flat { + background-color: rgb(65, 69, 89); +} + +QPushButton:checked { + background-color: rgb(81, 87, 109); +} + +QPushButton:hover { + background-color: rgb(81, 87, 109); +} + +QPushButton:pressed { + background-color: rgb(35, 38, 52); +} + +QPushButton:disabled, QToolButton:disabled { + background-color: rgb(35, 38, 52); +} + +QPushButton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + subcontrol-origin: padding; + width: 25px; +} + +/* Sliders */ + +QSlider::groove:horizontal { + background-color: rgb(65, 69, 89); + height: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:horizontal { + background-color: palette(text); + border: 1px solid palette(mid); + 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: palette(text); +} + +QSlider::sub-page:horizontal { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::sub-page:horizontal:disabled { + background-color: palette(window); + border-radius: 2px; +} + +QSlider::groove:vertical { + background-color: rgb(65, 69, 89); + width: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:vertical { + background-color: palette(text); + border: 1px solid palette(mid); + 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: palette(text); +} + +QSlider::add-page:vertical { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::add-page:vertical:disabled { + background-color: palette(window); + border-radius: 2px; +} + +QSlider::handle:hover { + background-color: rgb(186,194,222); +} + +QSlider::handle:disabled { + background-color: rgb(131, 139, 167); +} + +/* Volume Control */ + +#stackedMixerArea QPushButton { + min-width: 16px; + padding: 4px 8px; +} + +/* This is an incredibly cursed but necessary fix */ +#stackedMixerArea QPushButton:!hover { + background-color: palette(base); +} + +#stackedMixerArea QPushButton:hover { + background-color: rgb(81, 87, 109); +} + +#stackedMixerArea QPushButton:pressed { + background-color: rgb(35, 38, 52); +} + +VolumeMeter { + qproperty-backgroundNominalColor: rgb(166, 209, 137); + qproperty-backgroundWarningColor: rgb(239, 159, 118); + qproperty-backgroundErrorColor: rgb(231, 130, 132); + qproperty-foregroundNominalColor: rgb(119, 185, 75); + qproperty-foregroundWarningColor: rgb(230, 103, 38); + qproperty-foregroundErrorColor: rgb(216, 54, 57); + qproperty-magnitudeColor: rgb(49, 50, 8); + qproperty-majorTickColor: rgb(198, 208, 245); + qproperty-minorTickColor: rgb(115, 121, 148); + qproperty-peakDecayRate: 23.4; +} + +/* Status Bar */ + +QStatusBar::item { + border: none; +} + +/* Table View */ + +QTableView { + background: palette(base); + gridline-color: palette(light); +} + +QTableView::item { + margin: 0px; + padding: 0px; +} + +QTableView QLineEdit { + background: palette(mid); + padding: 0; + margin: 0; +} + +QTableView QPushButton, +QTableView QToolButton { + margin: 1px 1px 2px; +} + +QHeaderView::section { + background-color: rgb(65, 69, 89); + color: palette(text); + border: none; + border-left: 1px solid palette(window); + border-right: 1px solid palette(window); + padding: 2px 4px; + margin-bottom: 2px; +} + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(140, 170, 238); +} + +/* Label warning/error */ + +QLabel#warningLabel { + color: rgb(239, 159, 118); + font-weight: bold; +} + +QLabel#errorLabel { + color: rgb(234, 153, 156); + font-weight: bold; +} + +* [themeID="warning"] { + color: rgb(239, 159, 118); + font-weight: bold; +} + +* [themeID="error"] { + color: rgb(234, 153, 156); + font-weight: bold; +} + +* [themeID="good"] { + color: rgb(166, 209, 137); + font-weight: bold; +} + +/* About dialog */ + +* [themeID="aboutName"] { + font-size: 26pt; + font-weight: bold; +} + +* [themeID="aboutVersion"] { + font-size: 12pt; + margin-bottom: 20px; +} + +* [themeID="aboutInfo"] { + margin-bottom: 20px; +} + +* [themeID="aboutHLayout"] { + background-color: palette(base); +} + +/* Canvas / Preview background color */ + +OBSQTDisplay { + qproperty-displayBackgroundColor: rgb(35, 38, 52); + border-radius: 10px; +} + +/* Filters Window */ + +OBSBasicFilters QListWidget { + border-radius: 4px; + padding: 3px; +} + +OBSBasicFilters QListWidget::item { + border-radius: 4px; + padding: 6px; +} + +OBSBasicFilters #widget, +OBSBasicFilters #widget_2 { + margin: 0px; + padding: 0px; + padding-bottom: 4px; +} + +OBSBasicFilters #widget QPushButton, +OBSBasicFilters #widget_2 QPushButton { + min-width: 16px; + padding: 4px 8px; + margin-top: 0px; +} + +/* Preview/Program labels */ + +* [themeID="previewProgramLabels"] { + font-size: 14pt; + font-weight: bold; + color: rgb(165, 173, 206); + margin-bottom: 4px; +} + +/* Settings Icons */ + +OBSBasicSettings { + qproperty-generalIcon: url(./Catppuccin/Dark/settings/general.svg); + qproperty-streamIcon: url(./Catppuccin/Dark/settings/stream.svg); + qproperty-outputIcon: url(./Catppuccin/Dark/settings/output.svg); + qproperty-audioIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-videoIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-hotkeysIcon: url(./Catppuccin/Dark/settings/hotkeys.svg); + qproperty-accessibilityIcon: url(./Catppuccin/Dark/settings/accessibility.svg); + qproperty-advancedIcon: url(./Catppuccin/Dark/settings/advanced.svg); +} + +/* Checkboxes */ +QCheckBox { + +} + +QCheckBox::indicator, +QGroupBox::indicator { + width: 18px; + height: 18px; +} + +QGroupBox::indicator { + margin-left: 2px; +} + +QCheckBox::indicator:unchecked, +QGroupBox::indicator:unchecked { + image: url(./Catppuccin/Dark/checkbox_unchecked.svg); +} + +QCheckBox::indicator:unchecked:hover, +QGroupBox::indicator:unchecked:hover { + border: none; + image: url(./Catppuccin/Dark/checkbox_unchecked_focus.svg); +} + +QCheckBox::indicator:checked, +QGroupBox::indicator:checked { + image: url(./Catppuccin/Dark/checkbox_checked.svg); +} + +QCheckBox::indicator:checked:hover, +QGroupBox::indicator:checked:hover { + border: none; + image: url(./Catppuccin/Dark/checkbox_checked_focus.svg); +} + +QCheckBox::indicator:checked:disabled, +QGroupBox::indicator:checked:disabled { + image: url(./Catppuccin/Dark/checkbox_checked_disabled.svg); +} + +QCheckBox::indicator:unchecked:disabled, +QGroupBox::indicator:unchecked:disabled { + image: url(./Catppuccin/Dark/checkbox_unchecked_disabled.svg); +} + +/* Locked CheckBox */ + +LockedCheckBox { + outline: none; + background: transparent; +} + +LockedCheckBox::indicator { + width: 16px; + height: 16px; +} + +LockedCheckBox::indicator:checked, +LockedCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Dark/locked.svg); +} + +LockedCheckBox::indicator:unchecked, +LockedCheckBox::indicator:unchecked:hover { + image: url(:res/images/unlocked.svg); +} + +/* Visibility CheckBox */ + +VisibilityCheckBox { + outline: none; + background: transparent; +} + +VisibilityCheckBox::indicator { + width: 16px; + height: 16px; +} + +VisibilityCheckBox::indicator:checked, +VisibilityCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Dark/visible.svg); +} + +VisibilityCheckBox::indicator:unchecked, +VisibilityCheckBox::indicator:unchecked:hover { + image: url(:res/images/invisible.svg); +} + +* [themeID="revertIcon"] { + qproperty-icon: url(./Catppuccin/Dark/revert.svg); +} + +QPushButton#extraPanelDelete { + background-color: palette(mid); + margin: 0; + padding: 0; +} + +QPushButton#extraPanelDelete:hover { + background-color: rgb(81, 87, 109); +} + +QPushButton#extraPanelDelete:pressed { + background-color: palette(dark); +} + +/* Mute CheckBox */ + +MuteCheckBox { + outline: none; +} + +MuteCheckBox::indicator { + width: 16px; + height: 16px; +} + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +MuteCheckBox::indicator:unchecked:hover { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +MuteCheckBox::indicator:unchecked:focus { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +MuteCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:checked:focus { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:checked:disabled { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked:disabled { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +#hotkeyFilterReset { + margin-top: 0px; +} + +OBSHotkeyWidget { + padding: 8px 0px; + margin: 2px 0px; +} + +OBSHotkeyLabel { + padding: 4px 0px; +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(140, 170, 238); +} + +OBSHotkeyWidget QPushButton { + min-width: 16px; + padding: 4px 4px; + margin-top: 0px; + margin-left: 4px; +} + + +/* Sources List 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(./Catppuccin/Dark/expand.svg); +} + +SourceTreeSubItemCheckBox::indicator:unchecked, +SourceTreeSubItemCheckBox::indicator:unchecked:hover { + image: url(./Catppuccin/Dark/collapse.svg); +} + +/* Source Icons */ + +OBSBasic { + qproperty-imageIcon: url(./Catppuccin/Dark/sources/image.svg); + qproperty-colorIcon: url(./Catppuccin/Dark/sources/brush.svg); + qproperty-slideshowIcon: url(./Catppuccin/Dark/sources/slideshow.svg); + qproperty-audioInputIcon: url(./Catppuccin/Dark/sources/microphone.svg); + qproperty-audioOutputIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-desktopCapIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-windowCapIcon: url(./Catppuccin/Dark/sources/window.svg); + qproperty-gameCapIcon: url(./Catppuccin/Dark/sources/gamepad.svg); + qproperty-cameraIcon: url(./Catppuccin/Dark/sources/camera.svg); + qproperty-textIcon: url(./Catppuccin/Dark/sources/text.svg); + qproperty-mediaIcon: url(./Catppuccin/Dark/sources/media.svg); + qproperty-browserIcon: url(./Catppuccin/Dark/sources/globe.svg); + qproperty-groupIcon: url(./Catppuccin/Dark/sources/group.svg); + qproperty-sceneIcon: url(./Catppuccin/Dark/sources/scene.svg); + qproperty-defaultIcon: url(./Catppuccin/Dark/sources/default.svg); + qproperty-audioProcessOutputIcon: url(./Catppuccin/Dark/sources/windowaudio.svg); +} + +/* Scene Tree Grid Mode */ + +SceneTree { + qproperty-gridItemWidth: 154; + qproperty-gridItemHeight: 31; +} + +*[gridMode="true"] SceneTree::item { + color: palette(text); + background-color: palette(button); + border-radius: 4px; + margin: 2px; +} + +*[gridMode="true"] SceneTree::item:selected { + background-color: rgb(81, 87, 109); +} + +*[gridMode="true"] SceneTree::item:checked { + background-color: rgb(81, 87, 109); +} + +*[gridMode="true"] SceneTree::item:hover { + background-color: rgb(81, 87, 109); +} + +/* Save icon */ + +* [themeID="replayIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/save.svg); +} + +/* Studio Mode T-Bar */ + +QSlider[themeID="tBarSlider"] { + height: 24px; +} + +QSlider::groove:horizontal[themeID="tBarSlider"] { + border: 1px solid #45475a; + height: 5px; + background: palette(dark); +} + +QSlider::sub-page:horizontal[themeID="tBarSlider"] { + background: palette(dark); + border: 1px solid #45475a; +} + +QSlider::handle:horizontal[themeID="tBarSlider"] { + background-color: #bac2de; + width: 12px; + height: 24px; + margin: -24px 0px; +} + +/* Media icons */ + +* [themeID="playIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_play.svg); +} + +* [themeID="pauseIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_pause.svg); +} + +* [themeID="restartIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_restart.svg); +} + +* [themeID="stopIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_stop.svg); +} + +* [themeID="nextIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_next.svg); +} + +* [themeID="previousIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_previous.svg); +} + +/* YouTube Integration */ +OBSYoutubeActions { + qproperty-thumbPlaceholder: url(./Catppuccin/Dark/sources/image.svg); +} + +#ytEventList QLabel { + color: palette(text); + background-color: rgb(65, 69, 89); + border: none; + border-radius: 4px; + padding: 4px 20px; +} + +#ytEventList QLabel:hover { + background-color: rgb(81, 87, 109); +} + +#ytEventList QLabel[isSelectedEvent=true] { + background-color: rgb(81, 87, 109); + border: none; +} + +#ytEventList QLabel[isSelectedEvent=true]:hover { + background-color: rgb(140, 170, 238); + color: palette(text); +} + +/* Calendar Widget */ +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/down.svg); + width: 100%; +} + +QDateTimeEdit:on { + background-color: palette(mid); +} + +/* Calendar Top Bar */ +QCalendarWidget QWidget#qt_calendar_navigationbar { + background-color: palette(base); + padding: 4px 8px; +} + +/* Calendar Top Bar Buttons */ +QCalendarWidget QToolButton { + background-color: palette(base); + padding: 2px 16px; + border-radius: 4px; + margin: 2px; +} + +#qt_calendar_monthbutton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + padding-top: 2px; + padding-right: 6px; + height: 10px; + width: 10px; +} + +QCalendarWidget #qt_calendar_prevmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/left.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget #qt_calendar_nextmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/right.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget QToolButton:hover { + background-color: rgb(81, 87, 109); + border-radius: 4px; +} + +QCalendarWidget QToolButton:pressed { + background-color: rgb(35, 38, 52); +} + +/* Month Dropdown Menu */ +QCalendarWidget QMenu { + +} +/* Year spinbox */ +QCalendarWidget QSpinBox { + background-color: rgb(35, 38, 52); + border: none; + border-radius: 4px; + 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: palette(mid); } + +QCalendarWidget QAbstractItemView:enabled { + background-color: palette(base); + color: palette(text); +} + +QCalendarWidget QAbstractItemView:disabled { + color: rgb(122,121,122); +} + +/* VirtualCam Plugin Fixes */ + +#VirtualProperties QWidget { + margin-top: 0; + margin-bottom: 0; +} + +/* Disable icons on QDialogButtonBox */ +QDialogButtonBox { + dialogbuttonbox-buttons-have-icons: 0; +} + +/* Stats dialog */ +OBSBasicStats { + background: palette(dark); +} + +/* Advanced audio dialog */ +OBSBasicAdvAudio #scrollAreaWidgetContents { + background: palette(dark); +} diff --git a/home/games/obs/themes/Catppuccin Latte (compact).qss b/home/games/obs/themes/Catppuccin Latte (compact).qss new file mode 100644 index 00000000..2885304d --- /dev/null +++ b/home/games/obs/themes/Catppuccin Latte (compact).qss @@ -0,0 +1,1054 @@ +/******************************************************************************/ +/* Copyright (C) 2014-2015 by Philippe Groarke */ +/* */ +/* */ +/* This program is free software: you can redistribute it and/or modify */ +/* it under the terms of the GNU General Public License as published by */ +/* the Free Software Foundation, either version 2 of the License, or */ +/* (at your option) any later version. */ +/* */ +/* This program is distributed in the hope that it will be useful, */ +/* but WITHOUT ANY WARRANTY; without even the implied warranty of */ +/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */ +/* GNU General Public License for more details. */ +/* */ +/* */ +/* You should have received a copy of the GNU General Public License */ +/* along with this program. If not, see . */ +/******************************************************************************/ + +/* Colors */ +/* rgb(220, 138, 120); /* Rosewater */ +/* rgb(221, 120, 120); /* Flamingo */ +/* rgb(210, 15, 57); /* Red */ +/* rgb(230, 69, 83); /* Maroon */ +/* rgb(254, 100, 11); /* Peach */ +/* rgb(64, 160, 43); /* Green */ +/* rgb(30, 102, 245); /* Blue */ +/* rgb(76, 79, 105); /* Text */ +/* rgb(108, 111, 133); /* Subtext0 */ +/* rgb(140, 143, 161); /* Overlay1 */ +/* rgb(156, 160, 176); /* Overlay0 */ +/* rgb(188, 192, 204); /* Surface1 */ +/* rgb(204, 208, 218); /* Surface0 */ +/* rgb(239, 241, 245); /* Base */ +/* rgb(230, 233, 239); /* Mantle */ +/* rgb(220, 224, 232); /* Crust */ + +OBSThemeMeta { + dark: 'false'; + author: 'Catppuccin'; +} + +/* Custom theme information. This will set the application's QPalette, as + * well as pass to QML via the OBSTheme object. + * Can also use OBSTheme::disabled, OBSTheme::active, and OBSTheme::inactive. + * Using it without will set all three (making 'active' a bit redundant) */ +OBSTheme { + window: rgb(239, 241, 245); + windowText: rgb(108, 111, 133); + base: rgb(230, 233, 239); + alternateBase: rgb(220, 224, 232); + text: rgb(76, 79, 105); + button: rgb(204, 208, 218); + buttonText: rgb(108, 111, 133); + brightText: rgb(108, 111, 133); + + light: rgb(204, 208, 218); + mid: rgb(239, 241, 245); + dark: rgb(230, 233, 239); + shadow: rgb(220, 224, 232); + + highlight: rgb(30, 102, 245); + highlightedText: rgb(108, 111, 133); + + link: rgb(220, 138, 120); + linkVisited: rgb(221, 120, 120); +} + +OBSTheme::disabled { + text: rgb(140, 143, 161); + buttonText: rgb(140, 143, 161); + brightText: rgb(230, 233, 239); +} + +OBSTheme::inactive { + highlight: rgb(220, 224, 232); + highlightedText: rgb(76, 79, 105); +} + + +/* General style, we override only what is needed. */ +QWidget { + background-color: palette(window); + alternate-background-color: palette(base); + color: palette(text); + selection-background-color: rgb(188, 192, 204); + selection-color: palette(text); +} + +* [frameShape="1"], * [frameShape="2"], * [frameShape="3"], * [frameShape="4"], * [frameShape="5"], * [frameShape="6"] { + border: 1px solid palette(base); +} + + +/* Misc */ + +QWidget::disabled { + color: 2px solid palette(bright-text); +} + +QAbstractItemView, QStackedWidget#stackedMixerArea QWidget { + background-color: palette(base); +} + +QToolTip { + background-color: palette(base); + color: palette(text); + border: none; +} + +QMenuBar::item { + background-color: palette(window); +} + +QListView::item:selected:!active, +SourceTree::item:selected:!active { + color: palette(text); + background-color: rgb(188, 192, 204); +} + +QListView QLineEdit, +SourceTree QLineEdit { + padding-top: 0px; + padding-bottom: 0px; + padding-right: 0; + padding-left: 2px; + border: none; + border-radius: none; +} + +/* macOS Separator Fix */ +QMainWindow::separator { + background: transparent; + width: 4px; + height: 4px; +} + +/* Dock Widget */ + +QDockWidget { + titlebar-close-icon: url('./Catppuccin/Light/close.svg'); + titlebar-normal-icon: url('./Catppuccin/Light/popout.svg'); +} + +QDockWidget::title { + text-align: center; + background-color: palette(base); +} + +QDockWidget::close-button, QDockWidget::float-button { + border: 1px solid transparent; + background: transparent; + padding: 0px; +} + +QDockWidget::close-button:hover, QDockWidget::float-button:hover { + background: transparent; +} + +QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { + padding: 1px -1px -1px 1px; +} + +/* Group Box */ + +QGroupBox { + border: 1px solid palette(base); + border-radius: 5px; + padding-top: 24px; + font-weight: bold; +} + +QGroupBox::title { + subcontrol-origin: margin; + left: 4px; + top: 4px; +} + + +/* ScrollBars */ + +::corner { + background-color: palette(window); + border: none; +} + +QScrollBar:vertical { + background-color: palette(window); + width: 14px; + margin: 0px; +} + +QScrollBar::handle:vertical { + background-color: palette(light); + min-height: 20px; + margin: 2px; + border-radius: 5px; + border-width: 1px; + border: 1px solid palette(light); +} + +QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { + border: none; + background: none; + height: 0px; +} + +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: palette(window); + height: 14px; + margin: 0px; +} + +QScrollBar::handle:horizontal { + background-color: palette(light); + min-width: 20px; + margin: 2px; + border-radius: 5px; + border-width: 1px; + border: 1px solid palette(light); +} + +QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { + border: none; + background: none; + width: 0px; +} + +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 QPushButton { + padding: 4px 10px; +} + +#contextContainer QPushButton[themeID2=contextBarButton] { + padding: 4px 6px; +} + +#contextContainer QPushButton#sourcePropertiesButton { + qproperty-icon: url(./Catppuccin/Light/settings/general.svg); +} + +#contextContainer QPushButton#sourceFiltersButton { + qproperty-icon: url(./Catppuccin/Light/filter.svg); +} + +#contextContainer QPushButton#sourceInteractButton { + qproperty-icon: url(./Catppuccin/Light/interact.svg); +} + +/* Scenes and Sources toolbar */ + +QToolBar { + background-color: palette(window); + border: none; +} + +QPushButton[toolButton="true"], +QToolButton { + background: transparent; + border: none; + padding: 1px; + margin: 1px; +} + +QPushButton[toolButton="true"]:last-child, +QToolButton:last-child { + margin-right: 0px; +} + +QPushButton[toolButton="true"]:hover, +QToolButton:hover { + background-color: rgb(188, 192, 204); /* Surface1 */ + border-radius: none; +} + +QPushButton[toolButton="true"]:pressed, +QToolButton:pressed { + background-color: palette(shadow); + border-radius: none; +} + +* [themeID="addIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/plus.svg); +} + +* [themeID="removeIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/minus.svg); +} + +* [themeID="clearIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/entry-clear.svg); +} + +* [themeID="propertiesIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/settings/general.svg); +} + +* [themeID="configIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/settings/general.svg); +} + +* [themeID="refreshIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/refresh.svg); +} + +* [themeID="upArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/up.svg); +} + +* [themeID="downArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/down.svg); +} + +* [themeID="pauseIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/media-pause.svg); +} + +* [themeID="menuIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/dots-vert.svg); +} + +* [themeID="cogsIcon"] { + qproperty-icon: url(./Catppuccin/Light/cogs.svg); +} + +/* Tab Widget */ + +QTabWidget::pane { /* The tab widget frame */ + border-top: 1px solid palette(base); /* Mantle */ +} + +QTabWidget::tab-bar { + alignment: left; +} + +QTabBar::tab { + background-color: palette(light); + border: none; + padding: 5px; + min-width: 50px; + margin: 1px; +} + +QTabBar::tab:top { + border-bottom: 1px transparent; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + +} + +QTabBar::tab:bottom { + padding-top: 1px; + margin-bottom: 4px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 14px; +} + +QTabBar::tab:selected { + background-color: palette(base); +} + +QTabBar::tab:hover { + background-color: rgb(188, 192, 204); /* Surface1 */ +} + +QTabBar::tab:pressed { + background-color: palette(base); +} + + +/* ComboBox */ + +QDateTimeEdit, +QComboBox { + background-color: palette(light); + border-style: solid; + border: 1px; + border-radius: 3px; + border-color: rgb(230, 233, 239); /* Mantle */ + padding: 2px; + padding-left: 10px; +} + +QDateTimeEdit:hover, +QComboBox:hover { + background-color: palette(button); +} + +QDateTimeEdit::drop-down, +QComboBox::drop-down { + border:none; + border-left: 1px solid rgba(24, 24, 37,155); /* Mantle */ + width: 20px; +} + +QDateTimeEdit::down-arrow, +QComboBox::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Light/updown.svg); + width: 100%; +} + +QDateTimeEdit:on, +QComboBox:on { + background-color: palette(base); +} + +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(./Catppuccin/Light/down.svg); + width: 8%; +} + + +/* Textedits etc */ + +QLineEdit, QTextEdit, QPlainTextEdit { + background-color: palette(base); + border: none; + border-radius: 3px; + padding: 2px 2px 3px 7px; +} + +/* Spinbox and doubleSpinbox */ + +QSpinBox, QDoubleSpinBox { + background-color: palette(base); + border: none; + border-radius: 3px; + margin: 0px 3px 0px 0px; + padding: 2px 2px 3px 7px; +} + +QSpinBox::up-button, QDoubleSpinBox::up-button { + subcontrol-origin: margin; + subcontrol-position: top right; /* position at the top right corner */ + + background-color: palette(light); + border: 1px solid palette(base); + 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: palette(light); + border: 1px solid palette(base); + 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(188, 192, 204); /* Surface1 */ +} + +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(./Catppuccin/Light/up.svg); + width: 100%; +} + +QSpinBox::down-arrow, QDoubleSpinBox::down-arrow { + image: url(./Catppuccin/Light/down.svg); + width: 100%; +} + + +/* Buttons */ + +QPushButton { + color: palette(text); + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px; + padding-left: 20px; + padding-right: 20px; +} + +QPushButton::flat { + background-color: palette(window); +} + +QPushButton:checked { + background-color: palette(base); +} + +QPushButton:hover { + background-color: rgb(188, 192, 204); /* Surface1 */ +} + +QPushButton:pressed { + background-color: palette(base); +} + +QPushButton:disabled { + background-color: rgb(220, 224, 232); + +} + +QPushButton::menu-indicator { + image: url(./Catppuccin/Light/down.svg); + subcontrol-position: right; + subcontrol-origin: padding; + width: 25px; +} + +/* Sliders */ + +QSlider::groove:horizontal { + background-color: palette(light); + height: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:horizontal { + background-color: palette(text); + 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: palette(text); +} + +QSlider::sub-page:horizontal { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::sub-page:horizontal:disabled { + background-color: palette(window); /* Base */ + border-radius: 2px; +} + +QSlider::groove:vertical { + background-color: palette(light); + width: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:vertical { + background-color: palette(text); + 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: palette(text); +} + +QSlider::add-page:vertical { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::add-page:vertical:disabled { + background-color: palette(window); /* Base */ + border-radius: 2px; +} + +QSlider::handle:hover { + background-color: palette(bright-text); +} + +QSlider::handle:disabled { + background-color: rgb(188, 192, 204); /* Surface1 */ +} + +/* Volume Control */ + +VolumeMeter { + qproperty-backgroundNominalColor: rgb(48, 120, 32); + qproperty-backgroundWarningColor: rgb(198, 73, 1); + qproperty-backgroundErrorColor: rgb(157, 11, 43); + qproperty-foregroundNominalColor: rgb(64, 160, 43); + qproperty-foregroundWarningColor: rgb(254, 100, 11); + qproperty-foregroundErrorColor: rgb(210, 15, 57); + qproperty-magnitudeColor: rgb(49, 50, 8); + qproperty-majorTickColor: rgb(76, 79, 105); + qproperty-minorTickColor: rgb(156, 160, 176); + qproperty-meterThickness: 3; + + /* The meter scale numbers normally use your QWidget font, with size */ + /* multiplied by meterFontScaling to get a proportionally smaller font. */ + /* To use a unique font for the numbers, specify font-family and/or */ + /* font-size here, and set meterFontScaling to 1.0. */ + qproperty-meterFontScaling: 0.7; +} + + +/* Status Bar */ + +QStatusBar::item { + border: none; +} + +/* Table View */ + +QTableView { + gridline-color: palette(light); +} + +QHeaderView::section { + background-color: palette(window); + color: palette(text); + border: 1px solid palette(base); + border-radius: 5px; +} + +/* Mute CheckBox */ + +MuteCheckBox { + outline: none; +} + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Light/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Light/settings/audio.svg); +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(30, 102, 245); +} + +/* Group Collapse Checkbox */ + +SourceTreeSubItemCheckBox { + background: transparent; + outline: none; +} + +SourceTreeSubItemCheckBox::indicator { + width: 10px; + height: 10px; +} + +SourceTreeSubItemCheckBox::indicator:checked { + image: url(./Catppuccin/Light/expand.svg); +} + +SourceTreeSubItemCheckBox::indicator:unchecked { + image: url(./Catppuccin/Light/collapse.svg); +} + + +/* Label warning/error */ + +QLabel#warningLabel { + color: rgb(254, 100, 11); + font-weight: bold; +} + +QLabel#errorLabel { + color: rgb(230, 69, 83); + font-weight: bold; +} + +* [themeID="warning"] { + color: rgb(254, 100, 11); + font-weight: bold; +} + +* [themeID="error"] { + color: rgb(230, 69, 83); + font-weight: bold; +} + +* [themeID="good"] { + color: rgb(64, 160, 43); + font-weight: bold; +} + +/* About dialog */ + +* [themeID="aboutName"] { + font-size: 36px; + font-weight: bold; +} + +* [themeID="aboutVersion"] { + font-size: 16px; + margin-bottom: 20px; +} + +* [themeID="aboutInfo"] { + margin-bottom: 20px; +} + +* [themeID="aboutHLayout"] { + background-color: palette(base); +} + +/* Preview background color */ + +OBSQTDisplay { + qproperty-displayBackgroundColor: palette(shadow); +} + +/* Preview/Program labels */ + +* [themeID="previewProgramLabels"] { + font-size: 18px; + font-weight: bold; + color: rgb(108, 111, 133); +} + +/* Settings Icons */ + +OBSBasicSettings { + qproperty-generalIcon: url(./Catppuccin/Light/settings/general.svg); + qproperty-streamIcon: url(./Catppuccin/Light/settings/stream.svg); + qproperty-outputIcon: url(./Catppuccin/Light/settings/output.svg); + qproperty-audioIcon: url(./Catppuccin/Light/settings/audio.svg); + qproperty-videoIcon: url(./Catppuccin/Light/settings/video.svg); + qproperty-hotkeysIcon: url(./Catppuccin/Light/settings/hotkeys.svg); + qproperty-accessibilityIcon: url(./Catppuccin/Light/settings/accessibility.svg); + qproperty-advancedIcon: url(./Catppuccin/Light/settings/advanced.svg); +} + +OBSBasicSettings QListView::item { + padding-top: 5px; + padding-bottom: 5px; +} + +/* Locked CheckBox */ + +LockedCheckBox { + outline: none; + background: transparent; +} + +LockedCheckBox::indicator:checked { + image: url(./Catppuccin/Light/locked.svg); +} + +LockedCheckBox::indicator:unchecked { + image: url(:res/images/unlocked.svg); +} + +/* Visibility CheckBox */ + +VisibilityCheckBox { + outline: none; + background: transparent; +} + +VisibilityCheckBox::indicator:checked { + image: url(./Catppuccin/Light/visible.svg); +} + +VisibilityCheckBox::indicator:unchecked { + image: url(:res/images/invisible.svg); +} + +* [themeID="revertIcon"] { + qproperty-icon: url(./Catppuccin/Light/revert.svg); +} + +QPushButton#extraPanelDelete { + background-color: palette(base); +} + +QPushButton#extraPanelDelete:hover { + background-color: rgb(188, 192, 204); +} + +QPushButton#extraPanelDelete:pressed { + background-color: palette(base); +} + +OBSMissingFiles { + qproperty-warningIcon: url(./Catppuccin/Light/alert.svg); +} + +/* Source Icons */ + +OBSBasic { + qproperty-imageIcon: url(./Catppuccin/Light/sources/image.svg); + qproperty-colorIcon: url(./Catppuccin/Light/sources/brush.svg); + qproperty-slideshowIcon: url(./Catppuccin/Light/sources/slideshow.svg); + qproperty-audioInputIcon: url(./Catppuccin/Light/sources/microphone.svg); + qproperty-audioOutputIcon: url(./Catppuccin/Light/settings/audio.svg); + qproperty-desktopCapIcon: url(./Catppuccin/Light/settings/video.svg); + qproperty-windowCapIcon: url(./Catppuccin/Light/sources/window.svg); + qproperty-gameCapIcon: url(./Catppuccin/Light/sources/gamepad.svg); + qproperty-cameraIcon: url(./Catppuccin/Light/sources/camera.svg); + qproperty-textIcon: url(./Catppuccin/Light/sources/text.svg); + qproperty-mediaIcon: url(./Catppuccin/Light/sources/media.svg); + qproperty-browserIcon: url(./Catppuccin/Light/sources/globe.svg); + qproperty-groupIcon: url(./Catppuccin/Light/sources/group.svg); + qproperty-sceneIcon: url(./Catppuccin/Light/sources/scene.svg); + qproperty-defaultIcon: url(./Catppuccin/Light/sources/default.svg); + qproperty-audioProcessOutputIcon: url(./Catppuccin/Light/sources/windowaudio.svg); +} + +/* Scene Tree */ + +SceneTree { + qproperty-gridItemWidth: 150; + qproperty-gridItemHeight: 27; +} + +*[gridMode="true"] SceneTree::item { + color: palette(text); + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px; + padding-left: 10px; + padding-right: 10px; + margin: 1px; +} + +*[gridMode="true"] SceneTree::item:selected { + background-color: rgb(188, 192, 204); /* Surface1 */ +} + +*[gridMode="true"] SceneTree::item:hover { + background-color: rgb(188, 192, 204); /* Surface1 */ +} + +*[gridMode="true"] SceneTree::item:pressed { + background-color: palette(base); +} + +*[gridMode="true"] SceneTree::item:checked { + background-color: rgb(188, 192, 204); /* Surface1 */ +} + +/* Save icon */ + +* [themeID="replayIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/save.svg); +} + +/* Studio Mode T-Bar */ + +QSlider[themeID="tBarSlider"] { + height: 24px; +} + +QSlider::groove:horizontal[themeID="tBarSlider"] { + border: 1px solid palette(light); + height: 5px; + background: palette(base); +} + +QSlider::sub-page:horizontal[themeID="tBarSlider"] { + background: palette(base);; + border: 1px solid palette(light); +} + +QSlider::handle:horizontal[themeID="tBarSlider"] { + background-color: palette(text); + width: 12px; + height: 24px; + margin: -24px 0px; +} + +/* Media icons */ + +* [themeID="playIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_play.svg); +} + +* [themeID="pauseIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_pause.svg); +} + +* [themeID="restartIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_restart.svg); +} + +* [themeID="stopIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_stop.svg); +} + +* [themeID="nextIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_next.svg); +} + +* [themeID="previousIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_previous.svg); +} + +/* YouTube Integration */ +OBSYoutubeActions { + qproperty-thumbPlaceholder: url(./Catppuccin/Light/sources/image.svg); +} + +#ytEventList QLabel { + color: rgb(108, 111, 133); /* Subtext0 */ + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px 20px; +} + +#ytEventList QLabel:hover { + background: rgb(204, 208, 218); +} + +#ytEventList QLabel[isSelectedEvent=true] { + background: rgb(188, 192, 204); + border: none; +} + +/* Calendar Widget */ +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Light/down.svg); + width: 100%; +} + +QDateTimeEdit:on { + background-color: palette(base); /* Mantle */ +} + +/* Calendar Top Bar */ +QCalendarWidget QWidget#qt_calendar_navigationbar { + background-color: palette(base); + padding: 4px 8px; +} + +/* Calendar Top Bar Buttons */ +QCalendarWidget QToolButton { + background-color: palette(light); + padding: 2px 16px; + border-radius: 3px; + margin: 2px; +} + +#qt_calendar_monthbutton::menu-indicator { + image: url(./Catppuccin/Light/down.svg); + subcontrol-position: right; + padding-top: 2px; + padding-right: 6px; + height: 10px; + width: 10px; +} + +QCalendarWidget #qt_calendar_prevmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Light/left.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget #qt_calendar_nextmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Light/right.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget QToolButton:hover { + background-color: rgb(188, 192, 204); + border-radius: 3px; +} + +QCalendarWidget QToolButton:pressed { + background-color: rgb(220, 224, 232); +} + +/* Month Dropdown Menu */ +QCalendarWidget QMenu { + +} +/* Year spinbox */ +QCalendarWidget QSpinBox { + background-color: rgb(220, 224, 232); + border: none; + border-radius: 3px; + 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: palette(base); } + +QCalendarWidget QAbstractItemView:enabled { + background-color: palette(base); + color: palette(text); + selection-background-color: rgb(220, 224, 232); + selection-color: palette(text); +} + +QCalendarWidget QAbstractItemView:disabled { + color: rgb(188, 192, 204); +} + +/* Disable icons on QDialogButtonBox */ +QDialogButtonBox { + dialogbuttonbox-buttons-have-icons: 0; +} diff --git a/home/games/obs/themes/Catppuccin Latte.qss b/home/games/obs/themes/Catppuccin Latte.qss new file mode 100644 index 00000000..cb05ac7b --- /dev/null +++ b/home/games/obs/themes/Catppuccin Latte.qss @@ -0,0 +1,1520 @@ +/******************************************************************************/ +/* Copyright (C) 2014-2015 by Philippe Groarke */ +/* */ +/* */ +/* This program is free software: you can redistribute it and/or modify */ +/* it under the terms of the GNU General Public License as published by */ +/* the Free Software Foundation, either version 2 of the License, or */ +/* (at your option) any later version. */ +/* */ +/* This program is distributed in the hope that it will be useful, */ +/* but WITHOUT ANY WARRANTY; without even the implied warranty of */ +/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */ +/* GNU General Public License for more details. */ +/* */ +/* */ +/* You should have received a copy of the GNU General Public License */ +/* along with this program. If not, see . */ +/******************************************************************************/ + +/* Colors */ + +OBSThemeMeta { + dark: 'false'; + author: 'Xurdejl'; +} + +/* Custom theme information. This will set the application's QPalette, as + * well as pass to QML via the OBSTheme object. + * Can also use OBSTheme::disabled, OBSTheme::active, and OBSTheme::inactive. + * Using it without will set all three (making 'active' a bit redundant) */ +OBSTheme { + window: rgb(239, 241, 245); + windowText: rgb(108, 111, 133); + + base: rgb(230, 233, 239); + alternateBase: rgb(220, 224, 232); + + text: rgb(76, 79, 105); + + button: rgb(204, 208, 218); + buttonText: rgb(108, 111, 133); + + brightText: rgb(108, 111, 133); + + light: rgb(204, 208, 218); + mid: rgb(239, 241, 245); + dark: rgb(230, 233, 239); + shadow: rgb(220, 224, 232); + + primary: rgb(188, 192, 204); + primaryLight: rgb(30, 102, 245); + primaryDark: rgb(220, 224, 232); + + highlight: rgb(30, 102, 245); + highlightText: rgb(108, 111, 133); + + link: rgb(220, 138, 120); + linkVisited: rgb(221, 120, 120); +} + +OBSTheme::disabled { + windowText: rgb(140, 143, 161); + text: rgb(140, 143, 161); + button: rgb(239, 241, 245); + + buttonText: rgb(230, 233, 239); + brightText: rgb(230, 233, 239); +} + +OBSTheme::inactive { + text: rgb(108, 111, 133); + + highlight: rgb(220, 224, 232); + highlightText: rgb(76, 79, 105); +} + +/* Default widget style, we override only what is needed. */ + +QWidget { + alternate-background-color: palette(base); + color: palette(text); + selection-background-color: rgb(220, 224, 232); + selection-color: palette(text); + font-size: 10pt; + font-family: 'Open Sans', '.AppleSystemUIFont', Helvetica, Arial, 'MS Shell Dlg', sans-serif; +} + +QWidget:disabled { + color: rgb(140, 143, 161); +} + +/* Container windows */ + +QDialog, +QMainWindow, +QStatusBar, +QMenuBar, +QMenu { + background-color: palette(window); +} + +/* macOS Separator Fix */ + +QMainWindow::separator { + background: transparent; + width: 4px; + height: 4px; +} + +/* General Widgets */ + +QLabel, +QGroupBox, +QCheckBox { + background: transparent; +} + +QComboBox, +QCheckBox, +QPushButton, +QSpinBox, +QDoubleSpinBox { + margin-top: 3px; + margin-bottom: 3px; +} + +QListWidget QWidget, +SceneTree QWidget, +SourceTree QWidget { + margin-top: 0; + margin-bottom: 0; +} + +* [frameShape="1"], * [frameShape="2"], * [frameShape="3"], * [frameShape="4"], * [frameShape="5"], * [frameShape="6"] { + border: 1px solid palette(dark); +} + + +/* Misc */ + +QAbstractItemView, QStackedWidget#stackedMixerArea QWidget { + background-color: palette(base); +} + +QToolTip { + background-color: palette(base); + color: palette(text); + border: none; +} + +/* Context Menu */ + +QMenu::icon { + left: 4px; +} + +QMenu::separator { + background: rgb(156, 160, 176); + height: 1px; + margin: 3px 6px; +} + +QMenu::item:disabled { + color: rgb(140, 143, 161); + background: transparent; +} + +QMenu::right-arrow { + image: url(./Catppuccin/Light/expand.svg); +} + +/* Top Menu Bar Items */ +QMenuBar::item { + background-color: transparent; +} + +QMenuBar::item:selected { + background: rgb(188, 192, 204); +} + +/* Item Lists */ +QListWidget { + border-radius: 4px; +} + +QListWidget::item { + color: palette(text); +} + +QListWidget, +QMenu, +SceneTree, +SourceTree { + padding: 3px; +} + +QListWidget::item, +SourceTreeItem, +QMenu::item, +SceneTree::item { + padding: 6px; +} + +QListWidget::item, +SourceTreeItem, +QMenu::item, +SceneTree::item, +SourceTree::item { + border-radius: 4px; + color: palette(text); + border: 0px solid transparent; +} + +QMenu::item:selected, +QListWidget::item:selected, +SceneTree::item:selected, +SourceTree::item:selected { + background-color: rgb(188, 192, 204); +} + +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: rgb(204, 208, 218); + color: palette(text); +} + +QListWidget::item:disabled, +QListWidget::item:disabled:hover { + background: transparent; + color: rgb(140, 143, 161); +} + +QListWidget QLineEdit, +SceneTree QLineEdit, +SourceTree QLineEdit { + padding: 0px; + padding-bottom: 2px; + margin: 0px; + border: 1px solid #cdd6f4; + border-radius: 4px; +} + +QListWidget QLineEdit:focus, +SceneTree QLineEdit:focus, +SourceTree QLineEdit:focus { + border: 1px solid #cdd6f4; +} + +/* Settings QList */ + +OBSBasicSettings QListWidget { + border-radius: 4px; + padding: 3px; +} + +OBSBasicSettings QListWidget::item { + border-radius: 4px; + padding: 6px; +} + +/* Settings properties view */ +OBSBasicSettings #PropertiesContainer { + background-color: palette(dark); +} + +/* Dock Widget */ +OBSDock > QWidget { + background: palette(dark); + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +OBSDock QFrame { + background: palette(dark); + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +#transitionsContainer QPushButton { + margin: 0px 0px; + padding: 4px 6px; +} + +OBSDock QLabel { + background: transparent; +} + +OBSDock QComboBox, +OBSDock QPushButton { + margin: 1px 2px; +} + +QDockWidget { + font-size: 10.5pt; + font-weight: bold; + + titlebar-close-icon: url('./Catppuccin/Light/close.svg'); + titlebar-normal-icon: url('./Catppuccin/Light/popout.svg'); +} + +QDockWidget::title { + text-align: left; + background-color: palette(base); + padding: 6px 8px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +QDockWidget::close-button, QDockWidget::float-button { + border: 0px solid transparent; + border-radius: 4px; + background: transparent; + margin-right: 1px; + opacity: .5; +} + +QDockWidget::close-button:hover, QDockWidget::float-button:hover { + background: rgb(188, 192, 204); + opacity: 1; +} + +QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { + padding: 1px -1px -1px 1px; +} + +QScrollArea { + border-radius: 4px; +} + +OBSBasicStatusBar { + margin-top: 8px; +} + +/* Group Box */ + +QGroupBox { + background: palette(dark); + border-radius: 4px; + padding-top: 32px; + padding-bottom: 8px; + font-weight: bold; + margin-bottom: 6px; +} + +QGroupBox::title { + subcontrol-origin: margin; + left: 8px; + top: 8px; +} + + +/* ScrollBars */ + +::corner { + background-color: palette(window); + border: none; +} + +QScrollBar:vertical { + background-color: transparent; + width: 14px; + margin: 0px; +} + +QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { + border: none; + background: none; + height: 0px; +} + +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: 14px; + margin: 0px; +} + +QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { + border: none; + background: none; + width: 0px; +} + +QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal, QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { + border: none; + background: none; + color: none; +} + +QScrollBar::handle { + background-color: rgb(204, 208, 218); + margin: 2px; + border-radius: 2px; + border: 1px solid rgb(204, 208, 218); +} + +QScrollBar::handle:hover { + background-color: rgb(188, 192, 204); + border-color: rgb(188, 192, 204); +} + +QScrollBar::handle:pressed { + background-color: rgb(204, 208, 218); + border-color: rgb(204, 208, 218); +} + +QScrollBar::handle:vertical { + min-height: 20px; +} + +QScrollBar::handle:horizontal { + min-width: 20px; +} + +/* Source Context Bar */ + +#contextContainer { + background-color: palette(dark); + margin-top: 4px; + border-radius: 4px; +} + +#contextContainer QPushButton { + padding-left: 12px; + padding-right: 12px; +} + +QPushButton#sourcePropertiesButton { + qproperty-icon: url(./Catppuccin/Light/settings/general.svg); +} + +QPushButton#sourceFiltersButton { + qproperty-icon: url(./Catppuccin/Light/filter.svg); +} + +/* Scenes and Sources toolbar */ + +QToolBar { + background-color: palette(dark); + border: none; + padding: 0px; + margin: 4px 0px; +} + +QPushButton[toolButton="true"], +QToolButton, +QPushButton[toolButton="true"]:disabled, +QToolButton:disabled { + background-color: palette(base); + padding: 4px 6px; + margin: 0px 2px; + border-radius: 4px; +} + +QPushButton[toolButton="true"]:last-child, +QToolButton:last-child { + margin-right: 0px; +} + +QToolButton:hover { + background-color: rgb(188, 192, 204); +} + +QToolButton:pressed { + background-color: rgb(220, 224, 232); +} + +* [themeID="addIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/plus.svg); +} + +* [themeID="removeIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/trash.svg); +} + +* [themeID="clearIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/entry-clear.svg); +} + +* [themeID="propertiesIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/settings/general.svg); +} + +* [themeID="configIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/settings/general.svg); +} + +* [themeID="menuIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/dots-vert.svg); +} + +* [themeID="refreshIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/refresh.svg); +} + +* [themeID="cogsIcon"] { + qproperty-icon: url(./Catppuccin/Light/cogs.svg); +} + +#sourceInteractButton { + qproperty-icon: url(./Catppuccin/Light/interact.svg); +} + +* [themeID="upArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/up.svg); +} + +* [themeID="downArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/down.svg); +} + +* [themeID="pauseIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/media-pause.svg); +} + +* [themeID="filtersIcon"] { + qproperty-icon: url(./Catppuccin/Light/filter.svg); +} + +QToolBarExtension { + background: palette(button); + min-width: 12px; + max-width: 12px; + padding: 4px 0px; + margin-left: 0px; + + qproperty-icon: url(./Catppuccin/Light/dots-vert.svg); +} + + +/* Tab Widget */ + +QTabWidget::pane { /* The tab widget frame */ + border-top: 4px solid palette(base); +} + +QTabWidget::tab-bar { + alignment: left; +} + +QTabBar QToolButton { + background: rgb(204, 208, 218); + border: none; +} + +QTabBar::tab:top { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +QTabBar::tab:bottom { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +QTabBar::tab { + background: palette(dark); + color: palette(text); + border: none; + padding: 8px 12px; + min-width: 50px; + margin: 1px 2px; +} + +QTabBar::tab:pressed { + background: rgb(220, 224, 232); +} + +QTabBar::tab:hover { + background: rgb(188, 192, 204); + color: palette(text); +} + +QTabBar::tab:selected { + background: rgb(204, 208, 218); + color: palette(text); +} + +QTabBar::tab:top:selected { + border-bottom: 2px solid rgb(76, 79, 105); +} + +QTabBar::tab:bottom:selected { + border-top: 2px solid rgb(76, 79, 105); +} + +QTabBar QToolButton { + background: palette(base); + min-width: 16px; + padding: 0px; +} + +/* ComboBox */ + +QComboBox, +QDateTimeEdit { + background-color: rgb(204, 208, 218); + border-style: solid; + border: 1px; + border-radius: 4px; + border-color: rgb(204, 208, 218); + padding: 4px; + padding-left: 10px; +} + +QComboBox:hover, +QComboBox:selected, +QDateTimeEdit:hover, +QDateTimeEdit:selected { + background-color: rgb(188, 192, 204); +} + +QComboBox::drop-down, +QDateTimeEdit::drop-down { + border:none; + border-left: 1px solid rgb(156, 160, 176); + width: 20px; +} + +QComboBox::down-arrow, +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Light/updown.svg); + width: 100%; +} + +QComboBox:on, +QDateTimeEdit:on { + background-color: rgb(188, 192, 204); +} + +QComboBox:editable:hover { + +} + +QComboBox::drop-down:editable, +QDateTimeEdit::drop-down:editable { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +QComboBox::down-arrow:editable, +QDateTimeEdit::down-arrow:editable { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Light/down.svg); + width: 8%; +} + +/* Textedits etc */ + +QLineEdit, QTextEdit, QPlainTextEdit { + background-color: rgb(204, 208, 218); + border: none; + border-radius: 4px; + padding: 5px 2px 5px 7px; + border: 2px solid transparent; +} + +QLineEdit:hover, +QTextEdit:hover, +QPlainTextEdit:hover { + border: 2px solid rgb(99,102,111); +} + +QLineEdit:focus, +QTextEdit:focus, +QPlainTextEdit:focus { + background-color: palette(mid); + border: 2px solid rgb(188, 192, 204); +} + +/* Spinbox and doubleSpinbox */ + +QSpinBox, +QDoubleSpinBox { + background-color: rgb(204, 208, 218); + border: 2px solid rgb(204, 208, 218); + border-radius: 4px; + margin-right: 3px; + padding: 3px 0px 4px 5px; +} + +QSpinBox:hover, +QDoubleSpinBox:hover { + border: 2px solid rgb(172, 176, 190); +} + +QSpinBox:focus, +QDoubleSpinBox:focus { + background-color: palette(mid); + border: 2px solid rgb(188, 192, 204); +} + +QSpinBox::up-button, QDoubleSpinBox::up-button { + subcontrol-origin: padding; + subcontrol-position: top right; /* position at the top right corner */ + right: 2px; + 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: padding; + subcontrol-position: bottom right; /* position at the top right corner */ + right: 2px; + 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(188, 192, 204); +} + +QSpinBox::up-button:pressed, QSpinBox::down-button:pressed, QDoubleSpinBox::up-button:pressed, QDoubleSpinBox::down-button:pressed { + background-color: rgb(220, 224, 232); +} + +QSpinBox::up-button:disabled, QSpinBox::up-button:off, QSpinBox::down-button:disabled, QSpinBox::down-button:off { + background-color: rgb(220, 224, 232); +} + +QDoubleSpinBox::up-button:disabled, QDoubleSpinBox::up-button:off, QDoubleSpinBox::down-button:disabled, QDoubleSpinBox::down-button:off { + background-color: rgb(220, 224, 232); +} + +QSpinBox::up-arrow, QDoubleSpinBox::up-arrow { + image: url(./Catppuccin/Light/up.svg); + width: 100%; + margin: 2px; +} + +QSpinBox::down-arrow, QDoubleSpinBox::down-arrow { + image: url(./Catppuccin/Light/down.svg); + width: 100%; + padding: 2px; +} + + +/* Controls Dock */ +#controlsDock QPushButton { + margin: 1px; +} + +#streamButton, +#recordButton, +QPushButton[themeID="replayBufferButton"], +#broadcastButton { + padding: 10px; +} + +/* Primary Control Button Checked Coloring */ +#streamButton:!hover:!pressed:checked, +#recordButton:!hover:!pressed:checked, +QPushButton[themeID="replayBufferButton"]:!hover:!pressed:checked, +QPushButton[themeID="vcamButton"]:!hover:!pressed:checked, +#modeSwitch:!hover:!pressed:checked, +#broadcastButton:!hover:!pressed:checked { + background: rgb(30, 102, 245); + color: rgb(220, 224, 232); +} + +/* Primary Control Button Hover Coloring */ +#streamButton:hover:!pressed:checked, +#recordButton:hover:!pressed:checked, +QPushButton[themeID="replayBufferButton"]:!pressed:checked, +QPushButton[themeID="vcamButton"]:!pressed:checked, +#modeSwitch:hover:!pressed:checked, +#broadcastButton:hover:!pressed:checked { + background: rgb(114, 135, 253); + color: rgb(220, 224, 232); +} + + +/* Buttons */ + +QPushButton { + color: palette(text); + background-color: palette(button); + min-height: 18px; + border: none; + border-radius: 4px; + padding: 6px 16px; +} + +QPushButton::flat { + background-color: rgb(204, 208, 218); +} + +QPushButton:checked { + background-color: rgb(188, 192, 204); +} + +QPushButton:hover { + background-color: rgb(188, 192, 204); +} + +QPushButton:pressed { + background-color: rgb(220, 224, 232); +} + +QPushButton:disabled, QToolButton:disabled { + background-color: rgb(220, 224, 232); +} + +QPushButton::menu-indicator { + image: url(./Catppuccin/Light/down.svg); + subcontrol-position: right; + subcontrol-origin: padding; + width: 25px; +} + +/* Sliders */ + +QSlider::groove:horizontal { + background-color: rgb(204, 208, 218); + height: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:horizontal { + background-color: palette(text); + border: 1px solid palette(mid); + 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: palette(text); +} + +QSlider::sub-page:horizontal { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::sub-page:horizontal:disabled { + background-color: palette(window); + border-radius: 2px; +} + +QSlider::groove:vertical { + background-color: rgb(204, 208, 218); + width: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:vertical { + background-color: palette(text); + border: 1px solid palette(mid); + 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: palette(text); +} + +QSlider::add-page:vertical { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::add-page:vertical:disabled { + background-color: palette(window); + border-radius: 2px; +} + +QSlider::handle:hover { + background-color: rgb(186,194,222); +} + +QSlider::handle:disabled { + background-color: rgb(140, 143, 161); +} + +/* Volume Control */ + +#stackedMixerArea QPushButton { + min-width: 16px; + padding: 4px 8px; +} + +/* This is an incredibly cursed but necessary fix */ +#stackedMixerArea QPushButton:!hover { + background-color: palette(base); +} + +#stackedMixerArea QPushButton:hover { + background-color: rgb(188, 192, 204); +} + +#stackedMixerArea QPushButton:pressed { + background-color: rgb(220, 224, 232); +} + +VolumeMeter { + qproperty-backgroundNominalColor: rgb(48, 120, 32); + qproperty-backgroundWarningColor: rgb(198, 73, 1); + qproperty-backgroundErrorColor: rgb(157, 11, 43); + qproperty-foregroundNominalColor: rgb(64, 160, 43); + qproperty-foregroundWarningColor: rgb(254, 100, 11); + qproperty-foregroundErrorColor: rgb(210, 15, 57); + qproperty-magnitudeColor: rgb(49, 50, 8); + qproperty-majorTickColor: rgb(76, 79, 105); + qproperty-minorTickColor: rgb(156, 160, 176); + qproperty-peakDecayRate: 23.4; +} + +/* Status Bar */ + +QStatusBar::item { + border: none; +} + +/* Table View */ + +QTableView { + background: palette(base); + gridline-color: palette(light); +} + +QTableView::item { + margin: 0px; + padding: 0px; +} + +QTableView QLineEdit { + background: palette(mid); + padding: 0; + margin: 0; +} + +QTableView QPushButton, +QTableView QToolButton { + margin: 1px 1px 2px; +} + +QHeaderView::section { + background-color: rgb(204, 208, 218); + color: palette(text); + border: none; + border-left: 1px solid palette(window); + border-right: 1px solid palette(window); + padding: 2px 4px; + margin-bottom: 2px; +} + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Light/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Light/settings/audio.svg); +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(30, 102, 245); +} + +/* Label warning/error */ + +QLabel#warningLabel { + color: rgb(254, 100, 11); + font-weight: bold; +} + +QLabel#errorLabel { + color: rgb(230, 69, 83); + font-weight: bold; +} + +* [themeID="warning"] { + color: rgb(254, 100, 11); + font-weight: bold; +} + +* [themeID="error"] { + color: rgb(230, 69, 83); + font-weight: bold; +} + +* [themeID="good"] { + color: rgb(64, 160, 43); + font-weight: bold; +} + +/* About dialog */ + +* [themeID="aboutName"] { + font-size: 26pt; + font-weight: bold; +} + +* [themeID="aboutVersion"] { + font-size: 12pt; + margin-bottom: 20px; +} + +* [themeID="aboutInfo"] { + margin-bottom: 20px; +} + +* [themeID="aboutHLayout"] { + background-color: palette(base); +} + +/* Canvas / Preview background color */ + +OBSQTDisplay { + qproperty-displayBackgroundColor: rgb(220, 224, 232); + border-radius: 10px; +} + +/* Filters Window */ + +OBSBasicFilters QListWidget { + border-radius: 4px; + padding: 3px; +} + +OBSBasicFilters QListWidget::item { + border-radius: 4px; + padding: 6px; +} + +OBSBasicFilters #widget, +OBSBasicFilters #widget_2 { + margin: 0px; + padding: 0px; + padding-bottom: 4px; +} + +OBSBasicFilters #widget QPushButton, +OBSBasicFilters #widget_2 QPushButton { + min-width: 16px; + padding: 4px 8px; + margin-top: 0px; +} + +/* Preview/Program labels */ + +* [themeID="previewProgramLabels"] { + font-size: 14pt; + font-weight: bold; + color: rgb(108, 111, 133); + margin-bottom: 4px; +} + +/* Settings Icons */ + +OBSBasicSettings { + qproperty-generalIcon: url(./Catppuccin/Light/settings/general.svg); + qproperty-streamIcon: url(./Catppuccin/Light/settings/stream.svg); + qproperty-outputIcon: url(./Catppuccin/Light/settings/output.svg); + qproperty-audioIcon: url(./Catppuccin/Light/settings/audio.svg); + qproperty-videoIcon: url(./Catppuccin/Light/settings/video.svg); + qproperty-hotkeysIcon: url(./Catppuccin/Light/settings/hotkeys.svg); + qproperty-accessibilityIcon: url(./Catppuccin/Light/settings/accessibility.svg); + qproperty-advancedIcon: url(./Catppuccin/Light/settings/advanced.svg); +} + +/* Checkboxes */ +QCheckBox { + +} + +QCheckBox::indicator, +QGroupBox::indicator { + width: 18px; + height: 18px; +} + +QGroupBox::indicator { + margin-left: 2px; +} + +QCheckBox::indicator:unchecked, +QGroupBox::indicator:unchecked { + image: url(./Catppuccin/Light/checkbox_unchecked.svg); +} + +QCheckBox::indicator:unchecked:hover, +QGroupBox::indicator:unchecked:hover { + border: none; + image: url(./Catppuccin/Light/checkbox_unchecked_focus.svg); +} + +QCheckBox::indicator:checked, +QGroupBox::indicator:checked { + image: url(./Catppuccin/Light/checkbox_checked.svg); +} + +QCheckBox::indicator:checked:hover, +QGroupBox::indicator:checked:hover { + border: none; + image: url(./Catppuccin/Light/checkbox_checked_focus.svg); +} + +QCheckBox::indicator:checked:disabled, +QGroupBox::indicator:checked:disabled { + image: url(./Catppuccin/Light/checkbox_checked_disabled.svg); +} + +QCheckBox::indicator:unchecked:disabled, +QGroupBox::indicator:unchecked:disabled { + image: url(./Catppuccin/Light/checkbox_unchecked_disabled.svg); +} + +/* Locked CheckBox */ + +LockedCheckBox { + outline: none; + background: transparent; +} + +LockedCheckBox::indicator { + width: 16px; + height: 16px; +} + +LockedCheckBox::indicator:checked, +LockedCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Light/locked.svg); +} + +LockedCheckBox::indicator:unchecked, +LockedCheckBox::indicator:unchecked:hover { + image: url(:res/images/unlocked.svg); +} + +/* Visibility CheckBox */ + +VisibilityCheckBox { + outline: none; + background: transparent; +} + +VisibilityCheckBox::indicator { + width: 16px; + height: 16px; +} + +VisibilityCheckBox::indicator:checked, +VisibilityCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Light/visible.svg); +} + +VisibilityCheckBox::indicator:unchecked, +VisibilityCheckBox::indicator:unchecked:hover { + image: url(:res/images/invisible.svg); +} + +* [themeID="revertIcon"] { + qproperty-icon: url(./Catppuccin/Light/revert.svg); +} + +QPushButton#extraPanelDelete { + background-color: palette(mid); + margin: 0; + padding: 0; +} + +QPushButton#extraPanelDelete:hover { + background-color: rgb(188, 192, 204); +} + +QPushButton#extraPanelDelete:pressed { + background-color: palette(dark); +} + +/* Mute CheckBox */ + +MuteCheckBox { + outline: none; +} + +MuteCheckBox::indicator { + width: 16px; + height: 16px; +} + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Light/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Light/settings/audio.svg); +} + +MuteCheckBox::indicator:unchecked:hover { + image: url(./Catppuccin/Light/settings/audio.svg); +} + +MuteCheckBox::indicator:unchecked:focus { + image: url(./Catppuccin/Light/settings/audio.svg); +} + +MuteCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Light/mute.svg); +} + +MuteCheckBox::indicator:checked:focus { + image: url(./Catppuccin/Light/mute.svg); +} + +MuteCheckBox::indicator:checked:disabled { + image: url(./Catppuccin/Light/mute.svg); +} + +MuteCheckBox::indicator:unchecked:disabled { + image: url(./Catppuccin/Light/settings/audio.svg); +} + +#hotkeyFilterReset { + margin-top: 0px; +} + +OBSHotkeyWidget { + padding: 8px 0px; + margin: 2px 0px; +} + +OBSHotkeyLabel { + padding: 4px 0px; +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(30, 102, 245); +} + +OBSHotkeyWidget QPushButton { + min-width: 16px; + padding: 4px 4px; + margin-top: 0px; + margin-left: 4px; +} + + +/* Sources List 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(./Catppuccin/Light/expand.svg); +} + +SourceTreeSubItemCheckBox::indicator:unchecked, +SourceTreeSubItemCheckBox::indicator:unchecked:hover { + image: url(./Catppuccin/Light/collapse.svg); +} + +/* Source Icons */ + +OBSBasic { + qproperty-imageIcon: url(./Catppuccin/Light/sources/image.svg); + qproperty-colorIcon: url(./Catppuccin/Light/sources/brush.svg); + qproperty-slideshowIcon: url(./Catppuccin/Light/sources/slideshow.svg); + qproperty-audioInputIcon: url(./Catppuccin/Light/sources/microphone.svg); + qproperty-audioOutputIcon: url(./Catppuccin/Light/settings/audio.svg); + qproperty-desktopCapIcon: url(./Catppuccin/Light/settings/video.svg); + qproperty-windowCapIcon: url(./Catppuccin/Light/sources/window.svg); + qproperty-gameCapIcon: url(./Catppuccin/Light/sources/gamepad.svg); + qproperty-cameraIcon: url(./Catppuccin/Light/sources/camera.svg); + qproperty-textIcon: url(./Catppuccin/Light/sources/text.svg); + qproperty-mediaIcon: url(./Catppuccin/Light/sources/media.svg); + qproperty-browserIcon: url(./Catppuccin/Light/sources/globe.svg); + qproperty-groupIcon: url(./Catppuccin/Light/sources/group.svg); + qproperty-sceneIcon: url(./Catppuccin/Light/sources/scene.svg); + qproperty-defaultIcon: url(./Catppuccin/Light/sources/default.svg); + qproperty-audioProcessOutputIcon: url(./Catppuccin/Light/sources/windowaudio.svg); +} + +/* Scene Tree Grid Mode */ + +SceneTree { + qproperty-gridItemWidth: 154; + qproperty-gridItemHeight: 31; +} + +*[gridMode="true"] SceneTree::item { + color: palette(text); + background-color: palette(button); + border-radius: 4px; + margin: 2px; +} + +*[gridMode="true"] SceneTree::item:selected { + background-color: rgb(188, 192, 204); +} + +*[gridMode="true"] SceneTree::item:checked { + background-color: rgb(188, 192, 204); +} + +*[gridMode="true"] SceneTree::item:hover { + background-color: rgb(188, 192, 204); +} + +/* Save icon */ + +* [themeID="replayIconSmall"] { + qproperty-icon: url(./Catppuccin/Light/save.svg); +} + +/* Studio Mode T-Bar */ + +QSlider[themeID="tBarSlider"] { + height: 24px; +} + +QSlider::groove:horizontal[themeID="tBarSlider"] { + border: 1px solid #45475a; + height: 5px; + background: palette(dark); +} + +QSlider::sub-page:horizontal[themeID="tBarSlider"] { + background: palette(dark); + border: 1px solid #45475a; +} + +QSlider::handle:horizontal[themeID="tBarSlider"] { + background-color: #bac2de; + width: 12px; + height: 24px; + margin: -24px 0px; +} + +/* Media icons */ + +* [themeID="playIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_play.svg); +} + +* [themeID="pauseIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_pause.svg); +} + +* [themeID="restartIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_restart.svg); +} + +* [themeID="stopIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_stop.svg); +} + +* [themeID="nextIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_next.svg); +} + +* [themeID="previousIcon"] { + qproperty-icon: url(./Catppuccin/Light/media/media_previous.svg); +} + +/* YouTube Integration */ +OBSYoutubeActions { + qproperty-thumbPlaceholder: url(./Catppuccin/Light/sources/image.svg); +} + +#ytEventList QLabel { + color: palette(text); + background-color: rgb(204, 208, 218); + border: none; + border-radius: 4px; + padding: 4px 20px; +} + +#ytEventList QLabel:hover { + background-color: rgb(188, 192, 204); +} + +#ytEventList QLabel[isSelectedEvent=true] { + background-color: rgb(188, 192, 204); + border: none; +} + +#ytEventList QLabel[isSelectedEvent=true]:hover { + background-color: rgb(30, 102, 245); + color: palette(text); +} + +/* Calendar Widget */ +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Light/down.svg); + width: 100%; +} + +QDateTimeEdit:on { + background-color: palette(mid); +} + +/* Calendar Top Bar */ +QCalendarWidget QWidget#qt_calendar_navigationbar { + background-color: palette(base); + padding: 4px 8px; +} + +/* Calendar Top Bar Buttons */ +QCalendarWidget QToolButton { + background-color: palette(base); + padding: 2px 16px; + border-radius: 4px; + margin: 2px; +} + +#qt_calendar_monthbutton::menu-indicator { + image: url(./Catppuccin/Light/down.svg); + subcontrol-position: right; + padding-top: 2px; + padding-right: 6px; + height: 10px; + width: 10px; +} + +QCalendarWidget #qt_calendar_prevmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Light/left.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget #qt_calendar_nextmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Light/right.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget QToolButton:hover { + background-color: rgb(188, 192, 204); + border-radius: 4px; +} + +QCalendarWidget QToolButton:pressed { + background-color: rgb(220, 224, 232); +} + +/* Month Dropdown Menu */ +QCalendarWidget QMenu { + +} +/* Year spinbox */ +QCalendarWidget QSpinBox { + background-color: rgb(220, 224, 232); + border: none; + border-radius: 4px; + 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: palette(mid); } + +QCalendarWidget QAbstractItemView:enabled { + background-color: palette(base); + color: palette(text); +} + +QCalendarWidget QAbstractItemView:disabled { + color: rgb(122,121,122); +} + +/* VirtualCam Plugin Fixes */ + +#VirtualProperties QWidget { + margin-top: 0; + margin-bottom: 0; +} + +/* Disable icons on QDialogButtonBox */ +QDialogButtonBox { + dialogbuttonbox-buttons-have-icons: 0; +} + +/* Stats dialog */ +OBSBasicStats { + background: palette(dark); +} + +/* Advanced audio dialog */ +OBSBasicAdvAudio #scrollAreaWidgetContents { + background: palette(dark); +} diff --git a/home/games/obs/themes/Catppuccin Macchiato (compact).qss b/home/games/obs/themes/Catppuccin Macchiato (compact).qss new file mode 100644 index 00000000..447e2b9c --- /dev/null +++ b/home/games/obs/themes/Catppuccin Macchiato (compact).qss @@ -0,0 +1,1054 @@ +/******************************************************************************/ +/* Copyright (C) 2014-2015 by Philippe Groarke */ +/* */ +/* */ +/* This program is free software: you can redistribute it and/or modify */ +/* it under the terms of the GNU General Public License as published by */ +/* the Free Software Foundation, either version 2 of the License, or */ +/* (at your option) any later version. */ +/* */ +/* This program is distributed in the hope that it will be useful, */ +/* but WITHOUT ANY WARRANTY; without even the implied warranty of */ +/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */ +/* GNU General Public License for more details. */ +/* */ +/* */ +/* You should have received a copy of the GNU General Public License */ +/* along with this program. If not, see . */ +/******************************************************************************/ + +/* Colors */ +/* rgb(244, 219, 214); /* Rosewater */ +/* rgb(240, 198, 198); /* Flamingo */ +/* rgb(237, 135, 150); /* Red */ +/* rgb(238, 153, 160); /* Maroon */ +/* rgb(245, 169, 127); /* Peach */ +/* rgb(166, 218, 149); /* Green */ +/* rgb(138, 173, 244); /* Blue */ +/* rgb(202, 211, 245); /* Text */ +/* rgb(165, 173, 203); /* Subtext0 */ +/* rgb(128, 135, 162); /* Overlay1 */ +/* rgb(110, 115, 141); /* Overlay0 */ +/* rgb(73, 77, 100); /* Surface1 */ +/* rgb(54, 58, 79); /* Surface0 */ +/* rgb(36, 39, 58); /* Base */ +/* rgb(30, 32, 48); /* Mantle */ +/* rgb(24, 25, 38); /* Crust */ + +OBSThemeMeta { + dark: 'true'; + author: 'Catppuccin'; +} + +/* Custom theme information. This will set the application's QPalette, as + * well as pass to QML via the OBSTheme object. + * Can also use OBSTheme::disabled, OBSTheme::active, and OBSTheme::inactive. + * Using it without will set all three (making 'active' a bit redundant) */ +OBSTheme { + window: rgb(36, 39, 58); + windowText: rgb(165, 173, 203); + base: rgb(30, 32, 48); + alternateBase: rgb(24, 25, 38); + text: rgb(202, 211, 245); + button: rgb(54, 58, 79); + buttonText: rgb(165, 173, 203); + brightText: rgb(165, 173, 203); + + light: rgb(54, 58, 79); + mid: rgb(36, 39, 58); + dark: rgb(30, 32, 48); + shadow: rgb(24, 25, 38); + + highlight: rgb(138, 173, 244); + highlightedText: rgb(165, 173, 203); + + link: rgb(244, 219, 214); + linkVisited: rgb(240, 198, 198); +} + +OBSTheme::disabled { + text: rgb(128, 135, 162); + buttonText: rgb(128, 135, 162); + brightText: rgb(30, 32, 48); +} + +OBSTheme::inactive { + highlight: rgb(24, 25, 38); + highlightedText: rgb(202, 211, 245); +} + + +/* General style, we override only what is needed. */ +QWidget { + background-color: palette(window); + alternate-background-color: palette(base); + color: palette(text); + selection-background-color: rgb(73, 77, 100); + selection-color: palette(text); +} + +* [frameShape="1"], * [frameShape="2"], * [frameShape="3"], * [frameShape="4"], * [frameShape="5"], * [frameShape="6"] { + border: 1px solid palette(base); +} + + +/* Misc */ + +QWidget::disabled { + color: 2px solid palette(bright-text); +} + +QAbstractItemView, QStackedWidget#stackedMixerArea QWidget { + background-color: palette(base); +} + +QToolTip { + background-color: palette(base); + color: palette(text); + border: none; +} + +QMenuBar::item { + background-color: palette(window); +} + +QListView::item:selected:!active, +SourceTree::item:selected:!active { + color: palette(text); + background-color: rgb(73, 77, 100); +} + +QListView QLineEdit, +SourceTree QLineEdit { + padding-top: 0px; + padding-bottom: 0px; + padding-right: 0; + padding-left: 2px; + border: none; + border-radius: none; +} + +/* macOS Separator Fix */ +QMainWindow::separator { + background: transparent; + width: 4px; + height: 4px; +} + +/* Dock Widget */ + +QDockWidget { + titlebar-close-icon: url('./Catppuccin/Dark/close.svg'); + titlebar-normal-icon: url('./Catppuccin/Dark/popout.svg'); +} + +QDockWidget::title { + text-align: center; + background-color: palette(base); +} + +QDockWidget::close-button, QDockWidget::float-button { + border: 1px solid transparent; + background: transparent; + padding: 0px; +} + +QDockWidget::close-button:hover, QDockWidget::float-button:hover { + background: transparent; +} + +QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { + padding: 1px -1px -1px 1px; +} + +/* Group Box */ + +QGroupBox { + border: 1px solid palette(base); + border-radius: 5px; + padding-top: 24px; + font-weight: bold; +} + +QGroupBox::title { + subcontrol-origin: margin; + left: 4px; + top: 4px; +} + + +/* ScrollBars */ + +::corner { + background-color: palette(window); + border: none; +} + +QScrollBar:vertical { + background-color: palette(window); + width: 14px; + margin: 0px; +} + +QScrollBar::handle:vertical { + background-color: palette(light); + min-height: 20px; + margin: 2px; + border-radius: 5px; + border-width: 1px; + border: 1px solid palette(light); +} + +QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { + border: none; + background: none; + height: 0px; +} + +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: palette(window); + height: 14px; + margin: 0px; +} + +QScrollBar::handle:horizontal { + background-color: palette(light); + min-width: 20px; + margin: 2px; + border-radius: 5px; + border-width: 1px; + border: 1px solid palette(light); +} + +QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { + border: none; + background: none; + width: 0px; +} + +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 QPushButton { + padding: 4px 10px; +} + +#contextContainer QPushButton[themeID2=contextBarButton] { + padding: 4px 6px; +} + +#contextContainer QPushButton#sourcePropertiesButton { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +#contextContainer QPushButton#sourceFiltersButton { + qproperty-icon: url(./Catppuccin/Dark/filter.svg); +} + +#contextContainer QPushButton#sourceInteractButton { + qproperty-icon: url(./Catppuccin/Dark/interact.svg); +} + +/* Scenes and Sources toolbar */ + +QToolBar { + background-color: palette(window); + border: none; +} + +QPushButton[toolButton="true"], +QToolButton { + background: transparent; + border: none; + padding: 1px; + margin: 1px; +} + +QPushButton[toolButton="true"]:last-child, +QToolButton:last-child { + margin-right: 0px; +} + +QPushButton[toolButton="true"]:hover, +QToolButton:hover { + background-color: rgb(73, 77, 100); /* Surface1 */ + border-radius: none; +} + +QPushButton[toolButton="true"]:pressed, +QToolButton:pressed { + background-color: palette(shadow); + border-radius: none; +} + +* [themeID="addIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/plus.svg); +} + +* [themeID="removeIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/minus.svg); +} + +* [themeID="clearIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/entry-clear.svg); +} + +* [themeID="propertiesIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="configIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="refreshIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/refresh.svg); +} + +* [themeID="upArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/up.svg); +} + +* [themeID="downArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/down.svg); +} + +* [themeID="pauseIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/media-pause.svg); +} + +* [themeID="menuIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/dots-vert.svg); +} + +* [themeID="cogsIcon"] { + qproperty-icon: url(./Catppuccin/Dark/cogs.svg); +} + +/* Tab Widget */ + +QTabWidget::pane { /* The tab widget frame */ + border-top: 1px solid palette(base); /* Mantle */ +} + +QTabWidget::tab-bar { + alignment: left; +} + +QTabBar::tab { + background-color: palette(light); + border: none; + padding: 5px; + min-width: 50px; + margin: 1px; +} + +QTabBar::tab:top { + border-bottom: 1px transparent; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + +} + +QTabBar::tab:bottom { + padding-top: 1px; + margin-bottom: 4px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 14px; +} + +QTabBar::tab:selected { + background-color: palette(base); +} + +QTabBar::tab:hover { + background-color: rgb(73, 77, 100); /* Surface1 */ +} + +QTabBar::tab:pressed { + background-color: palette(base); +} + + +/* ComboBox */ + +QDateTimeEdit, +QComboBox { + background-color: palette(light); + border-style: solid; + border: 1px; + border-radius: 3px; + border-color: rgb(30, 32, 48); /* Mantle */ + padding: 2px; + padding-left: 10px; +} + +QDateTimeEdit:hover, +QComboBox:hover { + background-color: palette(button); +} + +QDateTimeEdit::drop-down, +QComboBox::drop-down { + border:none; + border-left: 1px solid rgba(24, 24, 37,155); /* Mantle */ + width: 20px; +} + +QDateTimeEdit::down-arrow, +QComboBox::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/updown.svg); + width: 100%; +} + +QDateTimeEdit:on, +QComboBox:on { + background-color: palette(base); +} + +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(./Catppuccin/Dark/down.svg); + width: 8%; +} + + +/* Textedits etc */ + +QLineEdit, QTextEdit, QPlainTextEdit { + background-color: palette(base); + border: none; + border-radius: 3px; + padding: 2px 2px 3px 7px; +} + +/* Spinbox and doubleSpinbox */ + +QSpinBox, QDoubleSpinBox { + background-color: palette(base); + border: none; + border-radius: 3px; + margin: 0px 3px 0px 0px; + padding: 2px 2px 3px 7px; +} + +QSpinBox::up-button, QDoubleSpinBox::up-button { + subcontrol-origin: margin; + subcontrol-position: top right; /* position at the top right corner */ + + background-color: palette(light); + border: 1px solid palette(base); + 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: palette(light); + border: 1px solid palette(base); + 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(73, 77, 100); /* Surface1 */ +} + +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(./Catppuccin/Dark/up.svg); + width: 100%; +} + +QSpinBox::down-arrow, QDoubleSpinBox::down-arrow { + image: url(./Catppuccin/Dark/down.svg); + width: 100%; +} + + +/* Buttons */ + +QPushButton { + color: palette(text); + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px; + padding-left: 20px; + padding-right: 20px; +} + +QPushButton::flat { + background-color: palette(window); +} + +QPushButton:checked { + background-color: palette(base); +} + +QPushButton:hover { + background-color: rgb(73, 77, 100); /* Surface1 */ +} + +QPushButton:pressed { + background-color: palette(base); +} + +QPushButton:disabled { + background-color: rgb(24, 25, 38); + +} + +QPushButton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + subcontrol-origin: padding; + width: 25px; +} + +/* Sliders */ + +QSlider::groove:horizontal { + background-color: palette(light); + height: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:horizontal { + background-color: palette(text); + 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: palette(text); +} + +QSlider::sub-page:horizontal { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::sub-page:horizontal:disabled { + background-color: palette(window); /* Base */ + border-radius: 2px; +} + +QSlider::groove:vertical { + background-color: palette(light); + width: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:vertical { + background-color: palette(text); + 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: palette(text); +} + +QSlider::add-page:vertical { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::add-page:vertical:disabled { + background-color: palette(window); /* Base */ + border-radius: 2px; +} + +QSlider::handle:hover { + background-color: palette(bright-text); +} + +QSlider::handle:disabled { + background-color: rgb(73, 77, 100); /* Surface1 */ +} + +/* Volume Control */ + +VolumeMeter { + qproperty-backgroundNominalColor: rgb(166, 218, 149); + qproperty-backgroundWarningColor: rgb(245, 169, 127); + qproperty-backgroundErrorColor: rgb(237, 135, 150); + qproperty-foregroundNominalColor: rgb(109, 194, 81); + qproperty-foregroundWarningColor: rgb(238, 111, 41); + qproperty-foregroundErrorColor: rgb(225, 54, 79); + qproperty-magnitudeColor: rgb(49, 50, 8); + qproperty-majorTickColor: rgb(202, 211, 245); + qproperty-minorTickColor: rgb(110, 115, 141); + qproperty-meterThickness: 3; + + /* The meter scale numbers normally use your QWidget font, with size */ + /* multiplied by meterFontScaling to get a proportionally smaller font. */ + /* To use a unique font for the numbers, specify font-family and/or */ + /* font-size here, and set meterFontScaling to 1.0. */ + qproperty-meterFontScaling: 0.7; +} + + +/* Status Bar */ + +QStatusBar::item { + border: none; +} + +/* Table View */ + +QTableView { + gridline-color: palette(light); +} + +QHeaderView::section { + background-color: palette(window); + color: palette(text); + border: 1px solid palette(base); + border-radius: 5px; +} + +/* Mute CheckBox */ + +MuteCheckBox { + outline: none; +} + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(138, 173, 244); +} + +/* Group Collapse Checkbox */ + +SourceTreeSubItemCheckBox { + background: transparent; + outline: none; +} + +SourceTreeSubItemCheckBox::indicator { + width: 10px; + height: 10px; +} + +SourceTreeSubItemCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/expand.svg); +} + +SourceTreeSubItemCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/collapse.svg); +} + + +/* Label warning/error */ + +QLabel#warningLabel { + color: rgb(245, 169, 127); + font-weight: bold; +} + +QLabel#errorLabel { + color: rgb(238, 153, 160); + font-weight: bold; +} + +* [themeID="warning"] { + color: rgb(245, 169, 127); + font-weight: bold; +} + +* [themeID="error"] { + color: rgb(238, 153, 160); + font-weight: bold; +} + +* [themeID="good"] { + color: rgb(166, 218, 149); + font-weight: bold; +} + +/* About dialog */ + +* [themeID="aboutName"] { + font-size: 36px; + font-weight: bold; +} + +* [themeID="aboutVersion"] { + font-size: 16px; + margin-bottom: 20px; +} + +* [themeID="aboutInfo"] { + margin-bottom: 20px; +} + +* [themeID="aboutHLayout"] { + background-color: palette(base); +} + +/* Preview background color */ + +OBSQTDisplay { + qproperty-displayBackgroundColor: palette(shadow); +} + +/* Preview/Program labels */ + +* [themeID="previewProgramLabels"] { + font-size: 18px; + font-weight: bold; + color: rgb(165, 173, 203); +} + +/* Settings Icons */ + +OBSBasicSettings { + qproperty-generalIcon: url(./Catppuccin/Dark/settings/general.svg); + qproperty-streamIcon: url(./Catppuccin/Dark/settings/stream.svg); + qproperty-outputIcon: url(./Catppuccin/Dark/settings/output.svg); + qproperty-audioIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-videoIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-hotkeysIcon: url(./Catppuccin/Dark/settings/hotkeys.svg); + qproperty-accessibilityIcon: url(./Catppuccin/Dark/settings/accessibility.svg); + qproperty-advancedIcon: url(./Catppuccin/Dark/settings/advanced.svg); +} + +OBSBasicSettings QListView::item { + padding-top: 5px; + padding-bottom: 5px; +} + +/* Locked CheckBox */ + +LockedCheckBox { + outline: none; + background: transparent; +} + +LockedCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/locked.svg); +} + +LockedCheckBox::indicator:unchecked { + image: url(:res/images/unlocked.svg); +} + +/* Visibility CheckBox */ + +VisibilityCheckBox { + outline: none; + background: transparent; +} + +VisibilityCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/visible.svg); +} + +VisibilityCheckBox::indicator:unchecked { + image: url(:res/images/invisible.svg); +} + +* [themeID="revertIcon"] { + qproperty-icon: url(./Catppuccin/Dark/revert.svg); +} + +QPushButton#extraPanelDelete { + background-color: palette(base); +} + +QPushButton#extraPanelDelete:hover { + background-color: rgb(73, 77, 100); +} + +QPushButton#extraPanelDelete:pressed { + background-color: palette(base); +} + +OBSMissingFiles { + qproperty-warningIcon: url(./Catppuccin/Dark/alert.svg); +} + +/* Source Icons */ + +OBSBasic { + qproperty-imageIcon: url(./Catppuccin/Dark/sources/image.svg); + qproperty-colorIcon: url(./Catppuccin/Dark/sources/brush.svg); + qproperty-slideshowIcon: url(./Catppuccin/Dark/sources/slideshow.svg); + qproperty-audioInputIcon: url(./Catppuccin/Dark/sources/microphone.svg); + qproperty-audioOutputIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-desktopCapIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-windowCapIcon: url(./Catppuccin/Dark/sources/window.svg); + qproperty-gameCapIcon: url(./Catppuccin/Dark/sources/gamepad.svg); + qproperty-cameraIcon: url(./Catppuccin/Dark/sources/camera.svg); + qproperty-textIcon: url(./Catppuccin/Dark/sources/text.svg); + qproperty-mediaIcon: url(./Catppuccin/Dark/sources/media.svg); + qproperty-browserIcon: url(./Catppuccin/Dark/sources/globe.svg); + qproperty-groupIcon: url(./Catppuccin/Dark/sources/group.svg); + qproperty-sceneIcon: url(./Catppuccin/Dark/sources/scene.svg); + qproperty-defaultIcon: url(./Catppuccin/Dark/sources/default.svg); + qproperty-audioProcessOutputIcon: url(./Catppuccin/Dark/sources/windowaudio.svg); +} + +/* Scene Tree */ + +SceneTree { + qproperty-gridItemWidth: 150; + qproperty-gridItemHeight: 27; +} + +*[gridMode="true"] SceneTree::item { + color: palette(text); + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px; + padding-left: 10px; + padding-right: 10px; + margin: 1px; +} + +*[gridMode="true"] SceneTree::item:selected { + background-color: rgb(73, 77, 100); /* Surface1 */ +} + +*[gridMode="true"] SceneTree::item:hover { + background-color: rgb(73, 77, 100); /* Surface1 */ +} + +*[gridMode="true"] SceneTree::item:pressed { + background-color: palette(base); +} + +*[gridMode="true"] SceneTree::item:checked { + background-color: rgb(73, 77, 100); /* Surface1 */ +} + +/* Save icon */ + +* [themeID="replayIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/save.svg); +} + +/* Studio Mode T-Bar */ + +QSlider[themeID="tBarSlider"] { + height: 24px; +} + +QSlider::groove:horizontal[themeID="tBarSlider"] { + border: 1px solid palette(light); + height: 5px; + background: palette(base); +} + +QSlider::sub-page:horizontal[themeID="tBarSlider"] { + background: palette(base);; + border: 1px solid palette(light); +} + +QSlider::handle:horizontal[themeID="tBarSlider"] { + background-color: palette(text); + width: 12px; + height: 24px; + margin: -24px 0px; +} + +/* Media icons */ + +* [themeID="playIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_play.svg); +} + +* [themeID="pauseIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_pause.svg); +} + +* [themeID="restartIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_restart.svg); +} + +* [themeID="stopIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_stop.svg); +} + +* [themeID="nextIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_next.svg); +} + +* [themeID="previousIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_previous.svg); +} + +/* YouTube Integration */ +OBSYoutubeActions { + qproperty-thumbPlaceholder: url(./Catppuccin/Dark/sources/image.svg); +} + +#ytEventList QLabel { + color: rgb(165, 173, 203); /* Subtext0 */ + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px 20px; +} + +#ytEventList QLabel:hover { + background: rgb(54, 58, 79); +} + +#ytEventList QLabel[isSelectedEvent=true] { + background: rgb(73, 77, 100); + border: none; +} + +/* Calendar Widget */ +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/down.svg); + width: 100%; +} + +QDateTimeEdit:on { + background-color: palette(base); /* Mantle */ +} + +/* Calendar Top Bar */ +QCalendarWidget QWidget#qt_calendar_navigationbar { + background-color: palette(base); + padding: 4px 8px; +} + +/* Calendar Top Bar Buttons */ +QCalendarWidget QToolButton { + background-color: palette(light); + padding: 2px 16px; + border-radius: 3px; + margin: 2px; +} + +#qt_calendar_monthbutton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + padding-top: 2px; + padding-right: 6px; + height: 10px; + width: 10px; +} + +QCalendarWidget #qt_calendar_prevmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/left.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget #qt_calendar_nextmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/right.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget QToolButton:hover { + background-color: rgb(73, 77, 100); + border-radius: 3px; +} + +QCalendarWidget QToolButton:pressed { + background-color: rgb(24, 25, 38); +} + +/* Month Dropdown Menu */ +QCalendarWidget QMenu { + +} +/* Year spinbox */ +QCalendarWidget QSpinBox { + background-color: rgb(24, 25, 38); + border: none; + border-radius: 3px; + 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: palette(base); } + +QCalendarWidget QAbstractItemView:enabled { + background-color: palette(base); + color: palette(text); + selection-background-color: rgb(24, 25, 38); + selection-color: palette(text); +} + +QCalendarWidget QAbstractItemView:disabled { + color: rgb(73, 77, 100); +} + +/* Disable icons on QDialogButtonBox */ +QDialogButtonBox { + dialogbuttonbox-buttons-have-icons: 0; +} diff --git a/home/games/obs/themes/Catppuccin Macchiato.qss b/home/games/obs/themes/Catppuccin Macchiato.qss new file mode 100644 index 00000000..e039136b --- /dev/null +++ b/home/games/obs/themes/Catppuccin Macchiato.qss @@ -0,0 +1,1520 @@ +/******************************************************************************/ +/* Copyright (C) 2014-2015 by Philippe Groarke */ +/* */ +/* */ +/* This program is free software: you can redistribute it and/or modify */ +/* it under the terms of the GNU General Public License as published by */ +/* the Free Software Foundation, either version 2 of the License, or */ +/* (at your option) any later version. */ +/* */ +/* This program is distributed in the hope that it will be useful, */ +/* but WITHOUT ANY WARRANTY; without even the implied warranty of */ +/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */ +/* GNU General Public License for more details. */ +/* */ +/* */ +/* You should have received a copy of the GNU General Public License */ +/* along with this program. If not, see . */ +/******************************************************************************/ + +/* Colors */ + +OBSThemeMeta { + dark: 'true'; + author: 'Xurdejl'; +} + +/* Custom theme information. This will set the application's QPalette, as + * well as pass to QML via the OBSTheme object. + * Can also use OBSTheme::disabled, OBSTheme::active, and OBSTheme::inactive. + * Using it without will set all three (making 'active' a bit redundant) */ +OBSTheme { + window: rgb(36, 39, 58); + windowText: rgb(165, 173, 203); + + base: rgb(30, 32, 48); + alternateBase: rgb(24, 25, 38); + + text: rgb(202, 211, 245); + + button: rgb(54, 58, 79); + buttonText: rgb(165, 173, 203); + + brightText: rgb(165, 173, 203); + + light: rgb(54, 58, 79); + mid: rgb(36, 39, 58); + dark: rgb(30, 32, 48); + shadow: rgb(24, 25, 38); + + primary: rgb(73, 77, 100); + primaryLight: rgb(138, 173, 244); + primaryDark: rgb(24, 25, 38); + + highlight: rgb(138, 173, 244); + highlightText: rgb(165, 173, 203); + + link: rgb(244, 219, 214); + linkVisited: rgb(240, 198, 198); +} + +OBSTheme::disabled { + windowText: rgb(128, 135, 162); + text: rgb(128, 135, 162); + button: rgb(36, 39, 58); + + buttonText: rgb(30, 32, 48); + brightText: rgb(30, 32, 48); +} + +OBSTheme::inactive { + text: rgb(165, 173, 203); + + highlight: rgb(24, 25, 38); + highlightText: rgb(202, 211, 245); +} + +/* Default widget style, we override only what is needed. */ + +QWidget { + alternate-background-color: palette(base); + color: palette(text); + selection-background-color: rgb(24, 25, 38); + selection-color: palette(text); + font-size: 10pt; + font-family: 'Open Sans', '.AppleSystemUIFont', Helvetica, Arial, 'MS Shell Dlg', sans-serif; +} + +QWidget:disabled { + color: rgb(128, 135, 162); +} + +/* Container windows */ + +QDialog, +QMainWindow, +QStatusBar, +QMenuBar, +QMenu { + background-color: palette(window); +} + +/* macOS Separator Fix */ + +QMainWindow::separator { + background: transparent; + width: 4px; + height: 4px; +} + +/* General Widgets */ + +QLabel, +QGroupBox, +QCheckBox { + background: transparent; +} + +QComboBox, +QCheckBox, +QPushButton, +QSpinBox, +QDoubleSpinBox { + margin-top: 3px; + margin-bottom: 3px; +} + +QListWidget QWidget, +SceneTree QWidget, +SourceTree QWidget { + margin-top: 0; + margin-bottom: 0; +} + +* [frameShape="1"], * [frameShape="2"], * [frameShape="3"], * [frameShape="4"], * [frameShape="5"], * [frameShape="6"] { + border: 1px solid palette(dark); +} + + +/* Misc */ + +QAbstractItemView, QStackedWidget#stackedMixerArea QWidget { + background-color: palette(base); +} + +QToolTip { + background-color: palette(base); + color: palette(text); + border: none; +} + +/* Context Menu */ + +QMenu::icon { + left: 4px; +} + +QMenu::separator { + background: rgb(110, 115, 141); + height: 1px; + margin: 3px 6px; +} + +QMenu::item:disabled { + color: rgb(128, 135, 162); + background: transparent; +} + +QMenu::right-arrow { + image: url(./Catppuccin/Dark/expand.svg); +} + +/* Top Menu Bar Items */ +QMenuBar::item { + background-color: transparent; +} + +QMenuBar::item:selected { + background: rgb(73, 77, 100); +} + +/* Item Lists */ +QListWidget { + border-radius: 4px; +} + +QListWidget::item { + color: palette(text); +} + +QListWidget, +QMenu, +SceneTree, +SourceTree { + padding: 3px; +} + +QListWidget::item, +SourceTreeItem, +QMenu::item, +SceneTree::item { + padding: 6px; +} + +QListWidget::item, +SourceTreeItem, +QMenu::item, +SceneTree::item, +SourceTree::item { + border-radius: 4px; + color: palette(text); + border: 0px solid transparent; +} + +QMenu::item:selected, +QListWidget::item:selected, +SceneTree::item:selected, +SourceTree::item:selected { + background-color: rgb(73, 77, 100); +} + +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: rgb(54, 58, 79); + color: palette(text); +} + +QListWidget::item:disabled, +QListWidget::item:disabled:hover { + background: transparent; + color: rgb(128, 135, 162); +} + +QListWidget QLineEdit, +SceneTree QLineEdit, +SourceTree QLineEdit { + padding: 0px; + padding-bottom: 2px; + margin: 0px; + border: 1px solid #cdd6f4; + border-radius: 4px; +} + +QListWidget QLineEdit:focus, +SceneTree QLineEdit:focus, +SourceTree QLineEdit:focus { + border: 1px solid #cdd6f4; +} + +/* Settings QList */ + +OBSBasicSettings QListWidget { + border-radius: 4px; + padding: 3px; +} + +OBSBasicSettings QListWidget::item { + border-radius: 4px; + padding: 6px; +} + +/* Settings properties view */ +OBSBasicSettings #PropertiesContainer { + background-color: palette(dark); +} + +/* Dock Widget */ +OBSDock > QWidget { + background: palette(dark); + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +OBSDock QFrame { + background: palette(dark); + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +#transitionsContainer QPushButton { + margin: 0px 0px; + padding: 4px 6px; +} + +OBSDock QLabel { + background: transparent; +} + +OBSDock QComboBox, +OBSDock QPushButton { + margin: 1px 2px; +} + +QDockWidget { + font-size: 10.5pt; + font-weight: bold; + + titlebar-close-icon: url('./Catppuccin/Dark/close.svg'); + titlebar-normal-icon: url('./Catppuccin/Dark/popout.svg'); +} + +QDockWidget::title { + text-align: left; + background-color: palette(base); + padding: 6px 8px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +QDockWidget::close-button, QDockWidget::float-button { + border: 0px solid transparent; + border-radius: 4px; + background: transparent; + margin-right: 1px; + opacity: .5; +} + +QDockWidget::close-button:hover, QDockWidget::float-button:hover { + background: rgb(73, 77, 100); + opacity: 1; +} + +QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { + padding: 1px -1px -1px 1px; +} + +QScrollArea { + border-radius: 4px; +} + +OBSBasicStatusBar { + margin-top: 8px; +} + +/* Group Box */ + +QGroupBox { + background: palette(dark); + border-radius: 4px; + padding-top: 32px; + padding-bottom: 8px; + font-weight: bold; + margin-bottom: 6px; +} + +QGroupBox::title { + subcontrol-origin: margin; + left: 8px; + top: 8px; +} + + +/* ScrollBars */ + +::corner { + background-color: palette(window); + border: none; +} + +QScrollBar:vertical { + background-color: transparent; + width: 14px; + margin: 0px; +} + +QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { + border: none; + background: none; + height: 0px; +} + +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: 14px; + margin: 0px; +} + +QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { + border: none; + background: none; + width: 0px; +} + +QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal, QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { + border: none; + background: none; + color: none; +} + +QScrollBar::handle { + background-color: rgb(54, 58, 79); + margin: 2px; + border-radius: 2px; + border: 1px solid rgb(54, 58, 79); +} + +QScrollBar::handle:hover { + background-color: rgb(73, 77, 100); + border-color: rgb(73, 77, 100); +} + +QScrollBar::handle:pressed { + background-color: rgb(54, 58, 79); + border-color: rgb(54, 58, 79); +} + +QScrollBar::handle:vertical { + min-height: 20px; +} + +QScrollBar::handle:horizontal { + min-width: 20px; +} + +/* Source Context Bar */ + +#contextContainer { + background-color: palette(dark); + margin-top: 4px; + border-radius: 4px; +} + +#contextContainer QPushButton { + padding-left: 12px; + padding-right: 12px; +} + +QPushButton#sourcePropertiesButton { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +QPushButton#sourceFiltersButton { + qproperty-icon: url(./Catppuccin/Dark/filter.svg); +} + +/* Scenes and Sources toolbar */ + +QToolBar { + background-color: palette(dark); + border: none; + padding: 0px; + margin: 4px 0px; +} + +QPushButton[toolButton="true"], +QToolButton, +QPushButton[toolButton="true"]:disabled, +QToolButton:disabled { + background-color: palette(base); + padding: 4px 6px; + margin: 0px 2px; + border-radius: 4px; +} + +QPushButton[toolButton="true"]:last-child, +QToolButton:last-child { + margin-right: 0px; +} + +QToolButton:hover { + background-color: rgb(73, 77, 100); +} + +QToolButton:pressed { + background-color: rgb(24, 25, 38); +} + +* [themeID="addIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/plus.svg); +} + +* [themeID="removeIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/trash.svg); +} + +* [themeID="clearIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/entry-clear.svg); +} + +* [themeID="propertiesIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="configIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="menuIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/dots-vert.svg); +} + +* [themeID="refreshIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/refresh.svg); +} + +* [themeID="cogsIcon"] { + qproperty-icon: url(./Catppuccin/Dark/cogs.svg); +} + +#sourceInteractButton { + qproperty-icon: url(./Catppuccin/Dark/interact.svg); +} + +* [themeID="upArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/up.svg); +} + +* [themeID="downArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/down.svg); +} + +* [themeID="pauseIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/media-pause.svg); +} + +* [themeID="filtersIcon"] { + qproperty-icon: url(./Catppuccin/Dark/filter.svg); +} + +QToolBarExtension { + background: palette(button); + min-width: 12px; + max-width: 12px; + padding: 4px 0px; + margin-left: 0px; + + qproperty-icon: url(./Catppuccin/Dark/dots-vert.svg); +} + + +/* Tab Widget */ + +QTabWidget::pane { /* The tab widget frame */ + border-top: 4px solid palette(base); +} + +QTabWidget::tab-bar { + alignment: left; +} + +QTabBar QToolButton { + background: rgb(54, 58, 79); + border: none; +} + +QTabBar::tab:top { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +QTabBar::tab:bottom { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +QTabBar::tab { + background: palette(dark); + color: palette(text); + border: none; + padding: 8px 12px; + min-width: 50px; + margin: 1px 2px; +} + +QTabBar::tab:pressed { + background: rgb(24, 25, 38); +} + +QTabBar::tab:hover { + background: rgb(73, 77, 100); + color: palette(text); +} + +QTabBar::tab:selected { + background: rgb(54, 58, 79); + color: palette(text); +} + +QTabBar::tab:top:selected { + border-bottom: 2px solid rgb(202, 211, 245); +} + +QTabBar::tab:bottom:selected { + border-top: 2px solid rgb(202, 211, 245); +} + +QTabBar QToolButton { + background: palette(base); + min-width: 16px; + padding: 0px; +} + +/* ComboBox */ + +QComboBox, +QDateTimeEdit { + background-color: rgb(54, 58, 79); + border-style: solid; + border: 1px; + border-radius: 4px; + border-color: rgb(54, 58, 79); + padding: 4px; + padding-left: 10px; +} + +QComboBox:hover, +QComboBox:selected, +QDateTimeEdit:hover, +QDateTimeEdit:selected { + background-color: rgb(73, 77, 100); +} + +QComboBox::drop-down, +QDateTimeEdit::drop-down { + border:none; + border-left: 1px solid rgb(110, 115, 141); + width: 20px; +} + +QComboBox::down-arrow, +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/updown.svg); + width: 100%; +} + +QComboBox:on, +QDateTimeEdit:on { + background-color: rgb(73, 77, 100); +} + +QComboBox:editable:hover { + +} + +QComboBox::drop-down:editable, +QDateTimeEdit::drop-down:editable { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +QComboBox::down-arrow:editable, +QDateTimeEdit::down-arrow:editable { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/down.svg); + width: 8%; +} + +/* Textedits etc */ + +QLineEdit, QTextEdit, QPlainTextEdit { + background-color: rgb(54, 58, 79); + border: none; + border-radius: 4px; + padding: 5px 2px 5px 7px; + border: 2px solid transparent; +} + +QLineEdit:hover, +QTextEdit:hover, +QPlainTextEdit:hover { + border: 2px solid rgb(99,102,111); +} + +QLineEdit:focus, +QTextEdit:focus, +QPlainTextEdit:focus { + background-color: palette(mid); + border: 2px solid rgb(73, 77, 100); +} + +/* Spinbox and doubleSpinbox */ + +QSpinBox, +QDoubleSpinBox { + background-color: rgb(54, 58, 79); + border: 2px solid rgb(54, 58, 79); + border-radius: 4px; + margin-right: 3px; + padding: 3px 0px 4px 5px; +} + +QSpinBox:hover, +QDoubleSpinBox:hover { + border: 2px solid rgb(91, 96, 120); +} + +QSpinBox:focus, +QDoubleSpinBox:focus { + background-color: palette(mid); + border: 2px solid rgb(73, 77, 100); +} + +QSpinBox::up-button, QDoubleSpinBox::up-button { + subcontrol-origin: padding; + subcontrol-position: top right; /* position at the top right corner */ + right: 2px; + 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: padding; + subcontrol-position: bottom right; /* position at the top right corner */ + right: 2px; + 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(73, 77, 100); +} + +QSpinBox::up-button:pressed, QSpinBox::down-button:pressed, QDoubleSpinBox::up-button:pressed, QDoubleSpinBox::down-button:pressed { + background-color: rgb(24, 25, 38); +} + +QSpinBox::up-button:disabled, QSpinBox::up-button:off, QSpinBox::down-button:disabled, QSpinBox::down-button:off { + background-color: rgb(24, 25, 38); +} + +QDoubleSpinBox::up-button:disabled, QDoubleSpinBox::up-button:off, QDoubleSpinBox::down-button:disabled, QDoubleSpinBox::down-button:off { + background-color: rgb(24, 25, 38); +} + +QSpinBox::up-arrow, QDoubleSpinBox::up-arrow { + image: url(./Catppuccin/Dark/up.svg); + width: 100%; + margin: 2px; +} + +QSpinBox::down-arrow, QDoubleSpinBox::down-arrow { + image: url(./Catppuccin/Dark/down.svg); + width: 100%; + padding: 2px; +} + + +/* Controls Dock */ +#controlsDock QPushButton { + margin: 1px; +} + +#streamButton, +#recordButton, +QPushButton[themeID="replayBufferButton"], +#broadcastButton { + padding: 10px; +} + +/* Primary Control Button Checked Coloring */ +#streamButton:!hover:!pressed:checked, +#recordButton:!hover:!pressed:checked, +QPushButton[themeID="replayBufferButton"]:!hover:!pressed:checked, +QPushButton[themeID="vcamButton"]:!hover:!pressed:checked, +#modeSwitch:!hover:!pressed:checked, +#broadcastButton:!hover:!pressed:checked { + background: rgb(138, 173, 244); + color: rgb(24, 25, 38); +} + +/* Primary Control Button Hover Coloring */ +#streamButton:hover:!pressed:checked, +#recordButton:hover:!pressed:checked, +QPushButton[themeID="replayBufferButton"]:!pressed:checked, +QPushButton[themeID="vcamButton"]:!pressed:checked, +#modeSwitch:hover:!pressed:checked, +#broadcastButton:hover:!pressed:checked { + background: rgb(183, 189, 248); + color: rgb(24, 25, 38); +} + + +/* Buttons */ + +QPushButton { + color: palette(text); + background-color: palette(button); + min-height: 18px; + border: none; + border-radius: 4px; + padding: 6px 16px; +} + +QPushButton::flat { + background-color: rgb(54, 58, 79); +} + +QPushButton:checked { + background-color: rgb(73, 77, 100); +} + +QPushButton:hover { + background-color: rgb(73, 77, 100); +} + +QPushButton:pressed { + background-color: rgb(24, 25, 38); +} + +QPushButton:disabled, QToolButton:disabled { + background-color: rgb(24, 25, 38); +} + +QPushButton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + subcontrol-origin: padding; + width: 25px; +} + +/* Sliders */ + +QSlider::groove:horizontal { + background-color: rgb(54, 58, 79); + height: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:horizontal { + background-color: palette(text); + border: 1px solid palette(mid); + 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: palette(text); +} + +QSlider::sub-page:horizontal { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::sub-page:horizontal:disabled { + background-color: palette(window); + border-radius: 2px; +} + +QSlider::groove:vertical { + background-color: rgb(54, 58, 79); + width: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:vertical { + background-color: palette(text); + border: 1px solid palette(mid); + 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: palette(text); +} + +QSlider::add-page:vertical { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::add-page:vertical:disabled { + background-color: palette(window); + border-radius: 2px; +} + +QSlider::handle:hover { + background-color: rgb(186,194,222); +} + +QSlider::handle:disabled { + background-color: rgb(128, 135, 162); +} + +/* Volume Control */ + +#stackedMixerArea QPushButton { + min-width: 16px; + padding: 4px 8px; +} + +/* This is an incredibly cursed but necessary fix */ +#stackedMixerArea QPushButton:!hover { + background-color: palette(base); +} + +#stackedMixerArea QPushButton:hover { + background-color: rgb(73, 77, 100); +} + +#stackedMixerArea QPushButton:pressed { + background-color: rgb(24, 25, 38); +} + +VolumeMeter { + qproperty-backgroundNominalColor: rgb(166, 218, 149); + qproperty-backgroundWarningColor: rgb(245, 169, 127); + qproperty-backgroundErrorColor: rgb(237, 135, 150); + qproperty-foregroundNominalColor: rgb(109, 194, 81); + qproperty-foregroundWarningColor: rgb(238, 111, 41); + qproperty-foregroundErrorColor: rgb(225, 54, 79); + qproperty-magnitudeColor: rgb(49, 50, 8); + qproperty-majorTickColor: rgb(202, 211, 245); + qproperty-minorTickColor: rgb(110, 115, 141); + qproperty-peakDecayRate: 23.4; +} + +/* Status Bar */ + +QStatusBar::item { + border: none; +} + +/* Table View */ + +QTableView { + background: palette(base); + gridline-color: palette(light); +} + +QTableView::item { + margin: 0px; + padding: 0px; +} + +QTableView QLineEdit { + background: palette(mid); + padding: 0; + margin: 0; +} + +QTableView QPushButton, +QTableView QToolButton { + margin: 1px 1px 2px; +} + +QHeaderView::section { + background-color: rgb(54, 58, 79); + color: palette(text); + border: none; + border-left: 1px solid palette(window); + border-right: 1px solid palette(window); + padding: 2px 4px; + margin-bottom: 2px; +} + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(138, 173, 244); +} + +/* Label warning/error */ + +QLabel#warningLabel { + color: rgb(245, 169, 127); + font-weight: bold; +} + +QLabel#errorLabel { + color: rgb(238, 153, 160); + font-weight: bold; +} + +* [themeID="warning"] { + color: rgb(245, 169, 127); + font-weight: bold; +} + +* [themeID="error"] { + color: rgb(238, 153, 160); + font-weight: bold; +} + +* [themeID="good"] { + color: rgb(166, 218, 149); + font-weight: bold; +} + +/* About dialog */ + +* [themeID="aboutName"] { + font-size: 26pt; + font-weight: bold; +} + +* [themeID="aboutVersion"] { + font-size: 12pt; + margin-bottom: 20px; +} + +* [themeID="aboutInfo"] { + margin-bottom: 20px; +} + +* [themeID="aboutHLayout"] { + background-color: palette(base); +} + +/* Canvas / Preview background color */ + +OBSQTDisplay { + qproperty-displayBackgroundColor: rgb(24, 25, 38); + border-radius: 10px; +} + +/* Filters Window */ + +OBSBasicFilters QListWidget { + border-radius: 4px; + padding: 3px; +} + +OBSBasicFilters QListWidget::item { + border-radius: 4px; + padding: 6px; +} + +OBSBasicFilters #widget, +OBSBasicFilters #widget_2 { + margin: 0px; + padding: 0px; + padding-bottom: 4px; +} + +OBSBasicFilters #widget QPushButton, +OBSBasicFilters #widget_2 QPushButton { + min-width: 16px; + padding: 4px 8px; + margin-top: 0px; +} + +/* Preview/Program labels */ + +* [themeID="previewProgramLabels"] { + font-size: 14pt; + font-weight: bold; + color: rgb(165, 173, 203); + margin-bottom: 4px; +} + +/* Settings Icons */ + +OBSBasicSettings { + qproperty-generalIcon: url(./Catppuccin/Dark/settings/general.svg); + qproperty-streamIcon: url(./Catppuccin/Dark/settings/stream.svg); + qproperty-outputIcon: url(./Catppuccin/Dark/settings/output.svg); + qproperty-audioIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-videoIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-hotkeysIcon: url(./Catppuccin/Dark/settings/hotkeys.svg); + qproperty-accessibilityIcon: url(./Catppuccin/Dark/settings/accessibility.svg); + qproperty-advancedIcon: url(./Catppuccin/Dark/settings/advanced.svg); +} + +/* Checkboxes */ +QCheckBox { + +} + +QCheckBox::indicator, +QGroupBox::indicator { + width: 18px; + height: 18px; +} + +QGroupBox::indicator { + margin-left: 2px; +} + +QCheckBox::indicator:unchecked, +QGroupBox::indicator:unchecked { + image: url(./Catppuccin/Dark/checkbox_unchecked.svg); +} + +QCheckBox::indicator:unchecked:hover, +QGroupBox::indicator:unchecked:hover { + border: none; + image: url(./Catppuccin/Dark/checkbox_unchecked_focus.svg); +} + +QCheckBox::indicator:checked, +QGroupBox::indicator:checked { + image: url(./Catppuccin/Dark/checkbox_checked.svg); +} + +QCheckBox::indicator:checked:hover, +QGroupBox::indicator:checked:hover { + border: none; + image: url(./Catppuccin/Dark/checkbox_checked_focus.svg); +} + +QCheckBox::indicator:checked:disabled, +QGroupBox::indicator:checked:disabled { + image: url(./Catppuccin/Dark/checkbox_checked_disabled.svg); +} + +QCheckBox::indicator:unchecked:disabled, +QGroupBox::indicator:unchecked:disabled { + image: url(./Catppuccin/Dark/checkbox_unchecked_disabled.svg); +} + +/* Locked CheckBox */ + +LockedCheckBox { + outline: none; + background: transparent; +} + +LockedCheckBox::indicator { + width: 16px; + height: 16px; +} + +LockedCheckBox::indicator:checked, +LockedCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Dark/locked.svg); +} + +LockedCheckBox::indicator:unchecked, +LockedCheckBox::indicator:unchecked:hover { + image: url(:res/images/unlocked.svg); +} + +/* Visibility CheckBox */ + +VisibilityCheckBox { + outline: none; + background: transparent; +} + +VisibilityCheckBox::indicator { + width: 16px; + height: 16px; +} + +VisibilityCheckBox::indicator:checked, +VisibilityCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Dark/visible.svg); +} + +VisibilityCheckBox::indicator:unchecked, +VisibilityCheckBox::indicator:unchecked:hover { + image: url(:res/images/invisible.svg); +} + +* [themeID="revertIcon"] { + qproperty-icon: url(./Catppuccin/Dark/revert.svg); +} + +QPushButton#extraPanelDelete { + background-color: palette(mid); + margin: 0; + padding: 0; +} + +QPushButton#extraPanelDelete:hover { + background-color: rgb(73, 77, 100); +} + +QPushButton#extraPanelDelete:pressed { + background-color: palette(dark); +} + +/* Mute CheckBox */ + +MuteCheckBox { + outline: none; +} + +MuteCheckBox::indicator { + width: 16px; + height: 16px; +} + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +MuteCheckBox::indicator:unchecked:hover { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +MuteCheckBox::indicator:unchecked:focus { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +MuteCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:checked:focus { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:checked:disabled { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked:disabled { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +#hotkeyFilterReset { + margin-top: 0px; +} + +OBSHotkeyWidget { + padding: 8px 0px; + margin: 2px 0px; +} + +OBSHotkeyLabel { + padding: 4px 0px; +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(138, 173, 244); +} + +OBSHotkeyWidget QPushButton { + min-width: 16px; + padding: 4px 4px; + margin-top: 0px; + margin-left: 4px; +} + + +/* Sources List 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(./Catppuccin/Dark/expand.svg); +} + +SourceTreeSubItemCheckBox::indicator:unchecked, +SourceTreeSubItemCheckBox::indicator:unchecked:hover { + image: url(./Catppuccin/Dark/collapse.svg); +} + +/* Source Icons */ + +OBSBasic { + qproperty-imageIcon: url(./Catppuccin/Dark/sources/image.svg); + qproperty-colorIcon: url(./Catppuccin/Dark/sources/brush.svg); + qproperty-slideshowIcon: url(./Catppuccin/Dark/sources/slideshow.svg); + qproperty-audioInputIcon: url(./Catppuccin/Dark/sources/microphone.svg); + qproperty-audioOutputIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-desktopCapIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-windowCapIcon: url(./Catppuccin/Dark/sources/window.svg); + qproperty-gameCapIcon: url(./Catppuccin/Dark/sources/gamepad.svg); + qproperty-cameraIcon: url(./Catppuccin/Dark/sources/camera.svg); + qproperty-textIcon: url(./Catppuccin/Dark/sources/text.svg); + qproperty-mediaIcon: url(./Catppuccin/Dark/sources/media.svg); + qproperty-browserIcon: url(./Catppuccin/Dark/sources/globe.svg); + qproperty-groupIcon: url(./Catppuccin/Dark/sources/group.svg); + qproperty-sceneIcon: url(./Catppuccin/Dark/sources/scene.svg); + qproperty-defaultIcon: url(./Catppuccin/Dark/sources/default.svg); + qproperty-audioProcessOutputIcon: url(./Catppuccin/Dark/sources/windowaudio.svg); +} + +/* Scene Tree Grid Mode */ + +SceneTree { + qproperty-gridItemWidth: 154; + qproperty-gridItemHeight: 31; +} + +*[gridMode="true"] SceneTree::item { + color: palette(text); + background-color: palette(button); + border-radius: 4px; + margin: 2px; +} + +*[gridMode="true"] SceneTree::item:selected { + background-color: rgb(73, 77, 100); +} + +*[gridMode="true"] SceneTree::item:checked { + background-color: rgb(73, 77, 100); +} + +*[gridMode="true"] SceneTree::item:hover { + background-color: rgb(73, 77, 100); +} + +/* Save icon */ + +* [themeID="replayIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/save.svg); +} + +/* Studio Mode T-Bar */ + +QSlider[themeID="tBarSlider"] { + height: 24px; +} + +QSlider::groove:horizontal[themeID="tBarSlider"] { + border: 1px solid #45475a; + height: 5px; + background: palette(dark); +} + +QSlider::sub-page:horizontal[themeID="tBarSlider"] { + background: palette(dark); + border: 1px solid #45475a; +} + +QSlider::handle:horizontal[themeID="tBarSlider"] { + background-color: #bac2de; + width: 12px; + height: 24px; + margin: -24px 0px; +} + +/* Media icons */ + +* [themeID="playIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_play.svg); +} + +* [themeID="pauseIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_pause.svg); +} + +* [themeID="restartIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_restart.svg); +} + +* [themeID="stopIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_stop.svg); +} + +* [themeID="nextIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_next.svg); +} + +* [themeID="previousIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_previous.svg); +} + +/* YouTube Integration */ +OBSYoutubeActions { + qproperty-thumbPlaceholder: url(./Catppuccin/Dark/sources/image.svg); +} + +#ytEventList QLabel { + color: palette(text); + background-color: rgb(54, 58, 79); + border: none; + border-radius: 4px; + padding: 4px 20px; +} + +#ytEventList QLabel:hover { + background-color: rgb(73, 77, 100); +} + +#ytEventList QLabel[isSelectedEvent=true] { + background-color: rgb(73, 77, 100); + border: none; +} + +#ytEventList QLabel[isSelectedEvent=true]:hover { + background-color: rgb(138, 173, 244); + color: palette(text); +} + +/* Calendar Widget */ +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/down.svg); + width: 100%; +} + +QDateTimeEdit:on { + background-color: palette(mid); +} + +/* Calendar Top Bar */ +QCalendarWidget QWidget#qt_calendar_navigationbar { + background-color: palette(base); + padding: 4px 8px; +} + +/* Calendar Top Bar Buttons */ +QCalendarWidget QToolButton { + background-color: palette(base); + padding: 2px 16px; + border-radius: 4px; + margin: 2px; +} + +#qt_calendar_monthbutton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + padding-top: 2px; + padding-right: 6px; + height: 10px; + width: 10px; +} + +QCalendarWidget #qt_calendar_prevmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/left.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget #qt_calendar_nextmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/right.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget QToolButton:hover { + background-color: rgb(73, 77, 100); + border-radius: 4px; +} + +QCalendarWidget QToolButton:pressed { + background-color: rgb(24, 25, 38); +} + +/* Month Dropdown Menu */ +QCalendarWidget QMenu { + +} +/* Year spinbox */ +QCalendarWidget QSpinBox { + background-color: rgb(24, 25, 38); + border: none; + border-radius: 4px; + 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: palette(mid); } + +QCalendarWidget QAbstractItemView:enabled { + background-color: palette(base); + color: palette(text); +} + +QCalendarWidget QAbstractItemView:disabled { + color: rgb(122,121,122); +} + +/* VirtualCam Plugin Fixes */ + +#VirtualProperties QWidget { + margin-top: 0; + margin-bottom: 0; +} + +/* Disable icons on QDialogButtonBox */ +QDialogButtonBox { + dialogbuttonbox-buttons-have-icons: 0; +} + +/* Stats dialog */ +OBSBasicStats { + background: palette(dark); +} + +/* Advanced audio dialog */ +OBSBasicAdvAudio #scrollAreaWidgetContents { + background: palette(dark); +} diff --git a/home/games/obs/themes/Catppuccin Mocha (compact).qss b/home/games/obs/themes/Catppuccin Mocha (compact).qss new file mode 100644 index 00000000..86492f8a --- /dev/null +++ b/home/games/obs/themes/Catppuccin Mocha (compact).qss @@ -0,0 +1,1054 @@ +/******************************************************************************/ +/* Copyright (C) 2014-2015 by Philippe Groarke */ +/* */ +/* */ +/* This program is free software: you can redistribute it and/or modify */ +/* it under the terms of the GNU General Public License as published by */ +/* the Free Software Foundation, either version 2 of the License, or */ +/* (at your option) any later version. */ +/* */ +/* This program is distributed in the hope that it will be useful, */ +/* but WITHOUT ANY WARRANTY; without even the implied warranty of */ +/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */ +/* GNU General Public License for more details. */ +/* */ +/* */ +/* You should have received a copy of the GNU General Public License */ +/* along with this program. If not, see . */ +/******************************************************************************/ + +/* Colors */ +/* rgb(245, 224, 220); /* Rosewater */ +/* rgb(242, 205, 205); /* Flamingo */ +/* rgb(243, 139, 168); /* Red */ +/* rgb(235, 160, 172); /* Maroon */ +/* rgb(250, 179, 135); /* Peach */ +/* rgb(166, 227, 161); /* Green */ +/* rgb(137, 180, 250); /* Blue */ +/* rgb(205, 214, 244); /* Text */ +/* rgb(166, 173, 200); /* Subtext0 */ +/* rgb(127, 132, 156); /* Overlay1 */ +/* rgb(108, 112, 134); /* Overlay0 */ +/* rgb(69, 71, 90); /* Surface1 */ +/* rgb(49, 50, 68); /* Surface0 */ +/* rgb(30, 30, 46); /* Base */ +/* rgb(24, 24, 37); /* Mantle */ +/* rgb(17, 17, 27); /* Crust */ + +OBSThemeMeta { + dark: 'true'; + author: 'Catppuccin'; +} + +/* Custom theme information. This will set the application's QPalette, as + * well as pass to QML via the OBSTheme object. + * Can also use OBSTheme::disabled, OBSTheme::active, and OBSTheme::inactive. + * Using it without will set all three (making 'active' a bit redundant) */ +OBSTheme { + window: rgb(30, 30, 46); + windowText: rgb(166, 173, 200); + base: rgb(24, 24, 37); + alternateBase: rgb(17, 17, 27); + text: rgb(205, 214, 244); + button: rgb(49, 50, 68); + buttonText: rgb(166, 173, 200); + brightText: rgb(166, 173, 200); + + light: rgb(49, 50, 68); + mid: rgb(30, 30, 46); + dark: rgb(24, 24, 37); + shadow: rgb(17, 17, 27); + + highlight: rgb(137, 180, 250); + highlightedText: rgb(166, 173, 200); + + link: rgb(245, 224, 220); + linkVisited: rgb(242, 205, 205); +} + +OBSTheme::disabled { + text: rgb(127, 132, 156); + buttonText: rgb(127, 132, 156); + brightText: rgb(24, 24, 37); +} + +OBSTheme::inactive { + highlight: rgb(17, 17, 27); + highlightedText: rgb(205, 214, 244); +} + + +/* General style, we override only what is needed. */ +QWidget { + background-color: palette(window); + alternate-background-color: palette(base); + color: palette(text); + selection-background-color: rgb(69, 71, 90); + selection-color: palette(text); +} + +* [frameShape="1"], * [frameShape="2"], * [frameShape="3"], * [frameShape="4"], * [frameShape="5"], * [frameShape="6"] { + border: 1px solid palette(base); +} + + +/* Misc */ + +QWidget::disabled { + color: 2px solid palette(bright-text); +} + +QAbstractItemView, QStackedWidget#stackedMixerArea QWidget { + background-color: palette(base); +} + +QToolTip { + background-color: palette(base); + color: palette(text); + border: none; +} + +QMenuBar::item { + background-color: palette(window); +} + +QListView::item:selected:!active, +SourceTree::item:selected:!active { + color: palette(text); + background-color: rgb(69, 71, 90); +} + +QListView QLineEdit, +SourceTree QLineEdit { + padding-top: 0px; + padding-bottom: 0px; + padding-right: 0; + padding-left: 2px; + border: none; + border-radius: none; +} + +/* macOS Separator Fix */ +QMainWindow::separator { + background: transparent; + width: 4px; + height: 4px; +} + +/* Dock Widget */ + +QDockWidget { + titlebar-close-icon: url('./Catppuccin/Dark/close.svg'); + titlebar-normal-icon: url('./Catppuccin/Dark/popout.svg'); +} + +QDockWidget::title { + text-align: center; + background-color: palette(base); +} + +QDockWidget::close-button, QDockWidget::float-button { + border: 1px solid transparent; + background: transparent; + padding: 0px; +} + +QDockWidget::close-button:hover, QDockWidget::float-button:hover { + background: transparent; +} + +QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { + padding: 1px -1px -1px 1px; +} + +/* Group Box */ + +QGroupBox { + border: 1px solid palette(base); + border-radius: 5px; + padding-top: 24px; + font-weight: bold; +} + +QGroupBox::title { + subcontrol-origin: margin; + left: 4px; + top: 4px; +} + + +/* ScrollBars */ + +::corner { + background-color: palette(window); + border: none; +} + +QScrollBar:vertical { + background-color: palette(window); + width: 14px; + margin: 0px; +} + +QScrollBar::handle:vertical { + background-color: palette(light); + min-height: 20px; + margin: 2px; + border-radius: 5px; + border-width: 1px; + border: 1px solid palette(light); +} + +QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { + border: none; + background: none; + height: 0px; +} + +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: palette(window); + height: 14px; + margin: 0px; +} + +QScrollBar::handle:horizontal { + background-color: palette(light); + min-width: 20px; + margin: 2px; + border-radius: 5px; + border-width: 1px; + border: 1px solid palette(light); +} + +QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { + border: none; + background: none; + width: 0px; +} + +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 QPushButton { + padding: 4px 10px; +} + +#contextContainer QPushButton[themeID2=contextBarButton] { + padding: 4px 6px; +} + +#contextContainer QPushButton#sourcePropertiesButton { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +#contextContainer QPushButton#sourceFiltersButton { + qproperty-icon: url(./Catppuccin/Dark/filter.svg); +} + +#contextContainer QPushButton#sourceInteractButton { + qproperty-icon: url(./Catppuccin/Dark/interact.svg); +} + +/* Scenes and Sources toolbar */ + +QToolBar { + background-color: palette(window); + border: none; +} + +QPushButton[toolButton="true"], +QToolButton { + background: transparent; + border: none; + padding: 1px; + margin: 1px; +} + +QPushButton[toolButton="true"]:last-child, +QToolButton:last-child { + margin-right: 0px; +} + +QPushButton[toolButton="true"]:hover, +QToolButton:hover { + background-color: rgb(69, 71, 90); /* Surface1 */ + border-radius: none; +} + +QPushButton[toolButton="true"]:pressed, +QToolButton:pressed { + background-color: palette(shadow); + border-radius: none; +} + +* [themeID="addIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/plus.svg); +} + +* [themeID="removeIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/minus.svg); +} + +* [themeID="clearIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/entry-clear.svg); +} + +* [themeID="propertiesIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="configIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="refreshIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/refresh.svg); +} + +* [themeID="upArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/up.svg); +} + +* [themeID="downArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/down.svg); +} + +* [themeID="pauseIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/media-pause.svg); +} + +* [themeID="menuIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/dots-vert.svg); +} + +* [themeID="cogsIcon"] { + qproperty-icon: url(./Catppuccin/Dark/cogs.svg); +} + +/* Tab Widget */ + +QTabWidget::pane { /* The tab widget frame */ + border-top: 1px solid palette(base); /* Mantle */ +} + +QTabWidget::tab-bar { + alignment: left; +} + +QTabBar::tab { + background-color: palette(light); + border: none; + padding: 5px; + min-width: 50px; + margin: 1px; +} + +QTabBar::tab:top { + border-bottom: 1px transparent; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + +} + +QTabBar::tab:bottom { + padding-top: 1px; + margin-bottom: 4px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + height: 14px; +} + +QTabBar::tab:selected { + background-color: palette(base); +} + +QTabBar::tab:hover { + background-color: rgb(69, 71, 90); /* Surface1 */ +} + +QTabBar::tab:pressed { + background-color: palette(base); +} + + +/* ComboBox */ + +QDateTimeEdit, +QComboBox { + background-color: palette(light); + border-style: solid; + border: 1px; + border-radius: 3px; + border-color: rgb(24, 24, 37); /* Mantle */ + padding: 2px; + padding-left: 10px; +} + +QDateTimeEdit:hover, +QComboBox:hover { + background-color: palette(button); +} + +QDateTimeEdit::drop-down, +QComboBox::drop-down { + border:none; + border-left: 1px solid rgba(24, 24, 37,155); /* Mantle */ + width: 20px; +} + +QDateTimeEdit::down-arrow, +QComboBox::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/updown.svg); + width: 100%; +} + +QDateTimeEdit:on, +QComboBox:on { + background-color: palette(base); +} + +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(./Catppuccin/Dark/down.svg); + width: 8%; +} + + +/* Textedits etc */ + +QLineEdit, QTextEdit, QPlainTextEdit { + background-color: palette(base); + border: none; + border-radius: 3px; + padding: 2px 2px 3px 7px; +} + +/* Spinbox and doubleSpinbox */ + +QSpinBox, QDoubleSpinBox { + background-color: palette(base); + border: none; + border-radius: 3px; + margin: 0px 3px 0px 0px; + padding: 2px 2px 3px 7px; +} + +QSpinBox::up-button, QDoubleSpinBox::up-button { + subcontrol-origin: margin; + subcontrol-position: top right; /* position at the top right corner */ + + background-color: palette(light); + border: 1px solid palette(base); + 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: palette(light); + border: 1px solid palette(base); + 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(69, 71, 90); /* Surface1 */ +} + +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(./Catppuccin/Dark/up.svg); + width: 100%; +} + +QSpinBox::down-arrow, QDoubleSpinBox::down-arrow { + image: url(./Catppuccin/Dark/down.svg); + width: 100%; +} + + +/* Buttons */ + +QPushButton { + color: palette(text); + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px; + padding-left: 20px; + padding-right: 20px; +} + +QPushButton::flat { + background-color: palette(window); +} + +QPushButton:checked { + background-color: palette(base); +} + +QPushButton:hover { + background-color: rgb(69, 71, 90); /* Surface1 */ +} + +QPushButton:pressed { + background-color: palette(base); +} + +QPushButton:disabled { + background-color: rgb(17, 17, 27); + +} + +QPushButton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + subcontrol-origin: padding; + width: 25px; +} + +/* Sliders */ + +QSlider::groove:horizontal { + background-color: palette(light); + height: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:horizontal { + background-color: palette(text); + 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: palette(text); +} + +QSlider::sub-page:horizontal { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::sub-page:horizontal:disabled { + background-color: palette(window); /* Base */ + border-radius: 2px; +} + +QSlider::groove:vertical { + background-color: palette(light); + width: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:vertical { + background-color: palette(text); + 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: palette(text); +} + +QSlider::add-page:vertical { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::add-page:vertical:disabled { + background-color: palette(window); /* Base */ + border-radius: 2px; +} + +QSlider::handle:hover { + background-color: palette(bright-text); +} + +QSlider::handle:disabled { + background-color: rgb(69, 71, 90); /* Surface1 */ +} + +/* Volume Control */ + +VolumeMeter { + qproperty-backgroundNominalColor: rgb(166, 227, 161); + qproperty-backgroundWarningColor: rgb(250, 179, 135); + qproperty-backgroundErrorColor: rgb(243, 139, 168); + qproperty-foregroundNominalColor: rgb(95, 205, 86); + qproperty-foregroundWarningColor: rgb(246, 120, 43); + qproperty-foregroundErrorColor: rgb(234, 52, 103); + qproperty-magnitudeColor: rgb(49, 50, 8); + qproperty-majorTickColor: rgb(205, 214, 244); + qproperty-minorTickColor: rgb(108, 112, 134); + qproperty-meterThickness: 3; + + /* The meter scale numbers normally use your QWidget font, with size */ + /* multiplied by meterFontScaling to get a proportionally smaller font. */ + /* To use a unique font for the numbers, specify font-family and/or */ + /* font-size here, and set meterFontScaling to 1.0. */ + qproperty-meterFontScaling: 0.7; +} + + +/* Status Bar */ + +QStatusBar::item { + border: none; +} + +/* Table View */ + +QTableView { + gridline-color: palette(light); +} + +QHeaderView::section { + background-color: palette(window); + color: palette(text); + border: 1px solid palette(base); + border-radius: 5px; +} + +/* Mute CheckBox */ + +MuteCheckBox { + outline: none; +} + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(137, 180, 250); +} + +/* Group Collapse Checkbox */ + +SourceTreeSubItemCheckBox { + background: transparent; + outline: none; +} + +SourceTreeSubItemCheckBox::indicator { + width: 10px; + height: 10px; +} + +SourceTreeSubItemCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/expand.svg); +} + +SourceTreeSubItemCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/collapse.svg); +} + + +/* Label warning/error */ + +QLabel#warningLabel { + color: rgb(250, 179, 135); + font-weight: bold; +} + +QLabel#errorLabel { + color: rgb(235, 160, 172); + font-weight: bold; +} + +* [themeID="warning"] { + color: rgb(250, 179, 135); + font-weight: bold; +} + +* [themeID="error"] { + color: rgb(235, 160, 172); + font-weight: bold; +} + +* [themeID="good"] { + color: rgb(166, 227, 161); + font-weight: bold; +} + +/* About dialog */ + +* [themeID="aboutName"] { + font-size: 36px; + font-weight: bold; +} + +* [themeID="aboutVersion"] { + font-size: 16px; + margin-bottom: 20px; +} + +* [themeID="aboutInfo"] { + margin-bottom: 20px; +} + +* [themeID="aboutHLayout"] { + background-color: palette(base); +} + +/* Preview background color */ + +OBSQTDisplay { + qproperty-displayBackgroundColor: palette(shadow); +} + +/* Preview/Program labels */ + +* [themeID="previewProgramLabels"] { + font-size: 18px; + font-weight: bold; + color: rgb(166, 173, 200); +} + +/* Settings Icons */ + +OBSBasicSettings { + qproperty-generalIcon: url(./Catppuccin/Dark/settings/general.svg); + qproperty-streamIcon: url(./Catppuccin/Dark/settings/stream.svg); + qproperty-outputIcon: url(./Catppuccin/Dark/settings/output.svg); + qproperty-audioIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-videoIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-hotkeysIcon: url(./Catppuccin/Dark/settings/hotkeys.svg); + qproperty-accessibilityIcon: url(./Catppuccin/Dark/settings/accessibility.svg); + qproperty-advancedIcon: url(./Catppuccin/Dark/settings/advanced.svg); +} + +OBSBasicSettings QListView::item { + padding-top: 5px; + padding-bottom: 5px; +} + +/* Locked CheckBox */ + +LockedCheckBox { + outline: none; + background: transparent; +} + +LockedCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/locked.svg); +} + +LockedCheckBox::indicator:unchecked { + image: url(:res/images/unlocked.svg); +} + +/* Visibility CheckBox */ + +VisibilityCheckBox { + outline: none; + background: transparent; +} + +VisibilityCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/visible.svg); +} + +VisibilityCheckBox::indicator:unchecked { + image: url(:res/images/invisible.svg); +} + +* [themeID="revertIcon"] { + qproperty-icon: url(./Catppuccin/Dark/revert.svg); +} + +QPushButton#extraPanelDelete { + background-color: palette(base); +} + +QPushButton#extraPanelDelete:hover { + background-color: rgb(69, 71, 90); +} + +QPushButton#extraPanelDelete:pressed { + background-color: palette(base); +} + +OBSMissingFiles { + qproperty-warningIcon: url(./Catppuccin/Dark/alert.svg); +} + +/* Source Icons */ + +OBSBasic { + qproperty-imageIcon: url(./Catppuccin/Dark/sources/image.svg); + qproperty-colorIcon: url(./Catppuccin/Dark/sources/brush.svg); + qproperty-slideshowIcon: url(./Catppuccin/Dark/sources/slideshow.svg); + qproperty-audioInputIcon: url(./Catppuccin/Dark/sources/microphone.svg); + qproperty-audioOutputIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-desktopCapIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-windowCapIcon: url(./Catppuccin/Dark/sources/window.svg); + qproperty-gameCapIcon: url(./Catppuccin/Dark/sources/gamepad.svg); + qproperty-cameraIcon: url(./Catppuccin/Dark/sources/camera.svg); + qproperty-textIcon: url(./Catppuccin/Dark/sources/text.svg); + qproperty-mediaIcon: url(./Catppuccin/Dark/sources/media.svg); + qproperty-browserIcon: url(./Catppuccin/Dark/sources/globe.svg); + qproperty-groupIcon: url(./Catppuccin/Dark/sources/group.svg); + qproperty-sceneIcon: url(./Catppuccin/Dark/sources/scene.svg); + qproperty-defaultIcon: url(./Catppuccin/Dark/sources/default.svg); + qproperty-audioProcessOutputIcon: url(./Catppuccin/Dark/sources/windowaudio.svg); +} + +/* Scene Tree */ + +SceneTree { + qproperty-gridItemWidth: 150; + qproperty-gridItemHeight: 27; +} + +*[gridMode="true"] SceneTree::item { + color: palette(text); + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px; + padding-left: 10px; + padding-right: 10px; + margin: 1px; +} + +*[gridMode="true"] SceneTree::item:selected { + background-color: rgb(69, 71, 90); /* Surface1 */ +} + +*[gridMode="true"] SceneTree::item:hover { + background-color: rgb(69, 71, 90); /* Surface1 */ +} + +*[gridMode="true"] SceneTree::item:pressed { + background-color: palette(base); +} + +*[gridMode="true"] SceneTree::item:checked { + background-color: rgb(69, 71, 90); /* Surface1 */ +} + +/* Save icon */ + +* [themeID="replayIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/save.svg); +} + +/* Studio Mode T-Bar */ + +QSlider[themeID="tBarSlider"] { + height: 24px; +} + +QSlider::groove:horizontal[themeID="tBarSlider"] { + border: 1px solid palette(light); + height: 5px; + background: palette(base); +} + +QSlider::sub-page:horizontal[themeID="tBarSlider"] { + background: palette(base);; + border: 1px solid palette(light); +} + +QSlider::handle:horizontal[themeID="tBarSlider"] { + background-color: palette(text); + width: 12px; + height: 24px; + margin: -24px 0px; +} + +/* Media icons */ + +* [themeID="playIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_play.svg); +} + +* [themeID="pauseIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_pause.svg); +} + +* [themeID="restartIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_restart.svg); +} + +* [themeID="stopIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_stop.svg); +} + +* [themeID="nextIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_next.svg); +} + +* [themeID="previousIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_previous.svg); +} + +/* YouTube Integration */ +OBSYoutubeActions { + qproperty-thumbPlaceholder: url(./Catppuccin/Dark/sources/image.svg); +} + +#ytEventList QLabel { + color: rgb(166, 173, 200); /* Subtext0 */ + background-color: palette(light); + border: none; + border-radius: 3px; + padding: 4px 20px; +} + +#ytEventList QLabel:hover { + background: rgb(49, 50, 68); +} + +#ytEventList QLabel[isSelectedEvent=true] { + background: rgb(69, 71, 90); + border: none; +} + +/* Calendar Widget */ +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/down.svg); + width: 100%; +} + +QDateTimeEdit:on { + background-color: palette(base); /* Mantle */ +} + +/* Calendar Top Bar */ +QCalendarWidget QWidget#qt_calendar_navigationbar { + background-color: palette(base); + padding: 4px 8px; +} + +/* Calendar Top Bar Buttons */ +QCalendarWidget QToolButton { + background-color: palette(light); + padding: 2px 16px; + border-radius: 3px; + margin: 2px; +} + +#qt_calendar_monthbutton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + padding-top: 2px; + padding-right: 6px; + height: 10px; + width: 10px; +} + +QCalendarWidget #qt_calendar_prevmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/left.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget #qt_calendar_nextmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/right.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget QToolButton:hover { + background-color: rgb(69, 71, 90); + border-radius: 3px; +} + +QCalendarWidget QToolButton:pressed { + background-color: rgb(17, 17, 27); +} + +/* Month Dropdown Menu */ +QCalendarWidget QMenu { + +} +/* Year spinbox */ +QCalendarWidget QSpinBox { + background-color: rgb(17, 17, 27); + border: none; + border-radius: 3px; + 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: palette(base); } + +QCalendarWidget QAbstractItemView:enabled { + background-color: palette(base); + color: palette(text); + selection-background-color: rgb(17, 17, 27); + selection-color: palette(text); +} + +QCalendarWidget QAbstractItemView:disabled { + color: rgb(69, 71, 90); +} + +/* Disable icons on QDialogButtonBox */ +QDialogButtonBox { + dialogbuttonbox-buttons-have-icons: 0; +} diff --git a/home/games/obs/themes/Catppuccin Mocha.qss b/home/games/obs/themes/Catppuccin Mocha.qss new file mode 100644 index 00000000..e90a43d8 --- /dev/null +++ b/home/games/obs/themes/Catppuccin Mocha.qss @@ -0,0 +1,1522 @@ +/******************************************************************************/ +/* Copyright (C) 2014-2015 by Philippe Groarke */ +/* */ +/* */ +/* This program is free software: you can redistribute it and/or modify */ +/* it under the terms of the GNU General Public License as published by */ +/* the Free Software Foundation, either version 2 of the License, or */ +/* (at your option) any later version. */ +/* */ +/* This program is distributed in the hope that it will be useful, */ +/* but WITHOUT ANY WARRANTY; without even the implied warranty of */ +/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the */ +/* GNU General Public License for more details. */ +/* */ +/* */ +/* You should have received a copy of the GNU General Public License */ +/* along with this program. If not, see . */ +/******************************************************************************/ + +/* Colors */ + +OBSThemeMeta { + dark: 'true'; + author: 'Xurdejl'; +} + +/* Custom theme information. This will set the application's QPalette, as + * well as pass to QML via the OBSTheme object. + * Can also use OBSTheme::disabled, OBSTheme::active, and OBSTheme::inactive. + * Using it without will set all three (making 'active' a bit redundant) */ +OBSTheme { + window: rgb(30, 30, 46); + windowText: rgb(166, 173, 200); + + base: rgb(24, 24, 37); + alternateBase: rgb(17, 17, 27); + + text: rgb(205, 214, 244); + + button: rgb(49, 50, 68); + buttonText: rgb(166, 173, 200); + + brightText: rgb(166, 173, 200); + + light: rgb(49, 50, 68); + mid: rgb(30, 30, 46); + dark: rgb(24, 24, 37); + shadow: rgb(17, 17, 27); + + primary: rgb(69, 71, 90); + primaryLight: rgb(137, 180, 250); + primaryDark: rgb(17, 17, 27); + + highlight: rgb(137, 180, 250); + highlightText: rgb(166, 173, 200); + + link: rgb(245, 224, 220); + linkVisited: rgb(242, 205, 205); +} + +OBSTheme::disabled { + windowText: rgb(127, 132, 156); + text: rgb(127, 132, 156); + button: rgb(30, 30, 46); + + buttonText: rgb(24, 24, 37); + brightText: rgb(24, 24, 37); +} + +OBSTheme::inactive { + text: rgb(166, 173, 200); + + highlight: rgb(17, 17, 27); + highlightText: rgb(205, 214, 244); +} + +/* Default widget style, we override only what is needed. */ + +QWidget { + alternate-background-color: palette(base); + color: palette(text); + selection-background-color: rgb(17, 17, 27); + selection-color: palette(text); + font-size: 10pt; + font-family: 'Open Sans', '.AppleSystemUIFont', Helvetica, Arial, 'MS Shell Dlg', sans-serif; +} + +QWidget:disabled { + color: rgb(127, 132, 156); +} + +/* Container windows */ + +QDialog, +QMainWindow, +QStatusBar, +QMenuBar, +QMenu { + background-color: palette(window); +} + +/* macOS Separator Fix */ + +QMainWindow::separator { + background: transparent; + width: 4px; + height: 4px; +} + +/* General Widgets */ + +QLabel, +QGroupBox, +QCheckBox { + background: transparent; +} + +QComboBox, +QCheckBox, +QPushButton, +QSpinBox, +QDoubleSpinBox { + margin-top: 3px; + margin-bottom: 3px; +} + +QListWidget QWidget, +SceneTree QWidget, +SourceTree QWidget { + margin-top: 0; + margin-bottom: 0; +} + +* [frameShape="1"], * [frameShape="2"], * [frameShape="3"], * [frameShape="4"], * [frameShape="5"], * [frameShape="6"] { + border: 1px solid palette(dark); +} + + +/* Misc */ + +QAbstractItemView, QStackedWidget#stackedMixerArea QWidget { + background-color: palette(base); +} + +QToolTip { + background-color: palette(base); + color: palette(text); + border: none; +} + +/* Context Menu */ + +QMenu::icon { + left: 4px; +} + +QMenu::separator { + background: rgb(108, 112, 134); + height: 1px; + margin: 3px 6px; +} + +QMenu::item:disabled { + color: rgb(127, 132, 156); + background: transparent; +} + +QMenu::right-arrow { + image: url(./Catppuccin/Dark/expand.svg); +} + +/* Top Menu Bar Items */ +QMenuBar::item { + background-color: transparent; +} + +QMenuBar::item:selected { + background: rgb(69, 71, 90); +} + +/* Item Lists */ +QListWidget { + border-radius: 4px; +} + +QListWidget::item { + color: palette(text); +} + +QListWidget, +QMenu, +SceneTree, +SourceTree { + padding: 3px; +} + +QListWidget::item, +SourceTreeItem, +QMenu::item, +SceneTree::item { + padding: 6px; +} + +QListWidget::item, +SourceTreeItem, +QMenu::item, +SceneTree::item, +SourceTree::item { + border-radius: 4px; + color: palette(text); + border: 0px solid transparent; +} + +QMenu::item:selected, +QListWidget::item:selected, +SceneTree::item:selected, +SourceTree::item:selected { + background-color: rgb(69, 71, 90); +} + +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: rgb(49, 50, 68); + color: palette(text); +} + +QListWidget::item:disabled, +QListWidget::item:disabled:hover { + background: transparent; + color: rgb(127, 132, 156); +} + +QListWidget QLineEdit, +SceneTree QLineEdit, +SourceTree QLineEdit { + padding: 0px; + padding-bottom: 2px; + margin: 0px; + border: 1px solid #cdd6f4; + border-radius: 4px; +} + +QListWidget QLineEdit:focus, +SceneTree QLineEdit:focus, +SourceTree QLineEdit:focus { + border: 1px solid #cdd6f4; +} + +/* Settings QList */ + +OBSBasicSettings QListWidget { + border-radius: 4px; + padding: 3px; +} + +OBSBasicSettings QListWidget::item { + border-radius: 4px; + padding: 6px; +} + +/* Settings properties view */ +OBSBasicSettings #PropertiesContainer { + background-color: palette(dark); +} + +/* Dock Widget */ +OBSDock > QWidget { + background: palette(dark); + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +OBSDock QFrame { + background: palette(dark); + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +#transitionsContainer QPushButton { + margin: 0px 0px; + padding: 4px 6px; +} + +OBSDock QLabel { + background: transparent; +} + +OBSDock QComboBox, +OBSDock QPushButton { + margin: 1px 2px; +} + +QDockWidget { + font-size: 10.5pt; + font-weight: bold; + + titlebar-close-icon: url('./Catppuccin/Dark/close.svg'); + titlebar-normal-icon: url('./Catppuccin/Dark/popout.svg'); +} + +QDockWidget::title { + text-align: left; + background-color: palette(base); + padding: 6px 8px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +QDockWidget::close-button, QDockWidget::float-button { + border: 0px solid transparent; + border-radius: 4px; + background: transparent; + margin-right: 1px; + opacity: .5; +} + +QDockWidget::close-button:hover, QDockWidget::float-button:hover { + background: rgb(69, 71, 90); + opacity: 1; +} + +QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { + padding: 1px -1px -1px 1px; +} + +QScrollArea { + border-radius: 4px; +} + +OBSBasicStatusBar { + margin-top: 8px; +} + +/* Group Box */ + +QGroupBox { + background: palette(dark); + border-radius: 4px; + padding-top: 32px; + padding-bottom: 8px; + font-weight: bold; + margin-bottom: 6px; +} + +QGroupBox::title { + subcontrol-origin: margin; + left: 8px; + top: 8px; +} + + +/* ScrollBars */ + +::corner { + background-color: palette(window); + border: none; +} + +QScrollBar:vertical { + background-color: transparent; + width: 14px; + margin: 0px; +} + +QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { + border: none; + background: none; + height: 0px; +} + +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: 14px; + margin: 0px; +} + +QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal { + border: none; + background: none; + width: 0px; +} + +QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal, QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal { + border: none; + background: none; + color: none; +} + +QScrollBar::handle { + background-color: rgb(49, 50, 68); + margin: 2px; + border-radius: 2px; + border: 1px solid rgb(49, 50, 68); +} + +QScrollBar::handle:hover { + background-color: rgb(69, 71, 90); + border-color: rgb(69, 71, 90); +} + +QScrollBar::handle:pressed { + background-color: rgb(49, 50, 68); + border-color: rgb(49, 50, 68); +} + +QScrollBar::handle:vertical { + min-height: 20px; +} + +QScrollBar::handle:horizontal { + min-width: 20px; +} + +/* Source Context Bar */ + +#contextContainer { + background-color: palette(dark); + margin-top: 4px; + border-radius: 4px; +} + +#contextContainer QPushButton { + padding-left: 12px; + padding-right: 12px; +} + +QPushButton#sourcePropertiesButton { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +QPushButton#sourceFiltersButton { + qproperty-icon: url(./Catppuccin/Dark/filter.svg); +} + +/* Scenes and Sources toolbar */ + +QToolBar { + background-color: palette(dark); + border: none; + padding: 0px; + margin: 4px 0px; +} + +QPushButton[toolButton="true"], +QToolButton, +QPushButton[toolButton="true"]:disabled, +QToolButton:disabled { + background-color: palette(base); + padding: 4px 6px; + margin: 0px 2px; + border-radius: 4px; +} + +QPushButton[toolButton="true"]:last-child, +QToolButton:last-child { + margin-right: 0px; +} + +QToolButton:hover { + background-color: rgb(69, 71, 90); +} + +QToolButton:pressed { + background-color: rgb(17, 17, 27); +} + +* [themeID="addIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/plus.svg); +} + +* [themeID="removeIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/trash.svg); +} + +* [themeID="clearIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/entry-clear.svg); +} + +* [themeID="propertiesIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="configIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/settings/general.svg); +} + +* [themeID="menuIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/dots-vert.svg); +} + +* [themeID="refreshIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/refresh.svg); +} + +* [themeID="cogsIcon"] { + qproperty-icon: url(./Catppuccin/Dark/cogs.svg); +} + +#sourceInteractButton { + qproperty-icon: url(./Catppuccin/Dark/interact.svg); +} + +* [themeID="upArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/up.svg); +} + +* [themeID="downArrowIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/down.svg); +} + +* [themeID="pauseIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/media-pause.svg); +} + +* [themeID="filtersIcon"] { + qproperty-icon: url(./Catppuccin/Dark/filter.svg); +} + +QToolBarExtension { + background: palette(button); + min-width: 12px; + max-width: 12px; + padding: 4px 0px; + margin-left: 0px; + + qproperty-icon: url(./Catppuccin/Dark/dots-vert.svg); +} + + +/* Tab Widget */ + +QTabWidget::pane { /* The tab widget frame */ + border-top: 4px solid palette(base); +} + +QTabWidget::tab-bar { + alignment: left; +} + +QTabBar QToolButton { + background: rgb(49, 50, 68); + border: none; +} + +QTabBar::tab:top { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +QTabBar::tab:bottom { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +QTabBar::tab { + background: palette(dark); + color: palette(text); + border: none; + padding: 8px 12px; + min-width: 50px; + margin: 1px 2px; +} + +QTabBar::tab:pressed { + background: rgb(17, 17, 27); +} + +QTabBar::tab:hover { + background: rgb(69, 71, 90); + color: palette(text); +} + +QTabBar::tab:selected { + background: rgb(49, 50, 68); + color: palette(text); +} + +QTabBar::tab:top:selected { + border-bottom: 2px solid rgb(205, 214, 244); +} + +QTabBar::tab:bottom:selected { + border-top: 2px solid rgb(205, 214, 244); +} + +QTabBar QToolButton { + background: palette(base); + min-width: 16px; + padding: 0px; +} + +/* ComboBox */ + +QComboBox, +QDateTimeEdit { + background-color: rgb(49, 50, 68); + border-style: solid; + border: 1px; + border-radius: 4px; + border-color: rgb(49, 50, 68); + padding: 4px; + padding-left: 10px; +} + +QComboBox:hover, +QComboBox:selected, +QDateTimeEdit:hover, +QDateTimeEdit:selected { + background-color: rgb(69, 71, 90); +} + +QComboBox::drop-down, +QDateTimeEdit::drop-down { + border:none; + border-left: 1px solid rgb(25,28,34); + width: 20px; +} + +QComboBox::down-arrow, +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/updown.svg); + width: 100%; +} + +QComboBox:on, +QDateTimeEdit:on { + background-color: rgb(69, 71, 90); +} + +QComboBox:editable:hover { + +} + +QComboBox::drop-down:editable, +QDateTimeEdit::drop-down:editable { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +QComboBox::down-arrow:editable, +QDateTimeEdit::down-arrow:editable { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/down.svg); + width: 8%; +} + +/* Textedits etc */ + +QLineEdit, QTextEdit, QPlainTextEdit { + background-color: rgb(49, 50, 68); + border: none; + border-radius: 4px; + padding: 5px 2px 5px 7px; + border: 2px solid transparent; +} + +QLineEdit:hover, +QTextEdit:hover, +QPlainTextEdit:hover { + border: 2px solid rgb(99,102,111); +} + +QLineEdit:focus, +QTextEdit:focus, +QPlainTextEdit:focus { + background-color: palette(mid); + border: 2px solid rgb(69, 71, 90); +} + +/* Spinbox and doubleSpinbox */ + +QSpinBox, +QDoubleSpinBox { + background-color: rgb(49, 50, 68); + border: 2px solid rgb(49, 50, 68); + border-radius: 4px; + margin-right: 3px; + padding: 3px 0px 4px 5px; +} + +QSpinBox:hover, +QDoubleSpinBox:hover { + border: 2px solid rgb(88, 91, 112); +} + +QSpinBox:focus, +QDoubleSpinBox:focus { + background-color: palette(mid); + border: 2px solid rgb(69, 71, 90); +} + +QSpinBox::up-button, QDoubleSpinBox::up-button { + subcontrol-origin: padding; + subcontrol-position: top right; /* position at the top right corner */ + right: 2px; + 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: padding; + subcontrol-position: bottom right; /* position at the top right corner */ + right: 2px; + 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(69, 71, 90); +} + +QSpinBox::up-button:pressed, QSpinBox::down-button:pressed, QDoubleSpinBox::up-button:pressed, QDoubleSpinBox::down-button:pressed { + background-color: rgb(17, 17, 27); +} + +QSpinBox::up-button:disabled, QSpinBox::up-button:off, QSpinBox::down-button:disabled, QSpinBox::down-button:off { + background-color: rgb(17, 17, 27); +} + +QDoubleSpinBox::up-button:disabled, QDoubleSpinBox::up-button:off, QDoubleSpinBox::down-button:disabled, QDoubleSpinBox::down-button:off { + background-color: rgb(17, 17, 27); +} + +QSpinBox::up-arrow, QDoubleSpinBox::up-arrow { + image: url(./Catppuccin/Dark/up.svg); + width: 100%; + margin: 2px; +} + +QSpinBox::down-arrow, QDoubleSpinBox::down-arrow { + image: url(./Catppuccin/Dark/down.svg); + width: 100%; + padding: 2px; +} + + +/* Controls Dock */ +#controlsDock QPushButton { + margin: 1px; +} + +#streamButton, +#recordButton, +QPushButton[themeID="replayBufferButton"], +#broadcastButton { + padding: 10px; +} + +/* Primary Control Button Checked Coloring */ +#streamButton:!hover:!pressed:checked, +#recordButton:!hover:!pressed:checked, +QPushButton[themeID="replayBufferButton"]:!hover:!pressed:checked, +QPushButton[themeID="vcamButton"]:!hover:!pressed:checked, +#modeSwitch:!hover:!pressed:checked, +#broadcastButton:!hover:!pressed:checked { + background: rgb(137, 180, 250); + color: rgb(17, 17, 27); +} + +/* Primary Control Button Hover Coloring */ +#streamButton:hover:!pressed:checked, +#recordButton:hover:!pressed:checked, +QPushButton[themeID="replayBufferButton"]:!pressed:checked, +QPushButton[themeID="vcamButton"]:!pressed:checked, +#modeSwitch:hover:!pressed:checked, +#broadcastButton:hover:!pressed:checked { + background: rgb(180, 190, 254); + color: rgb(17, 17, 27); +} + + +/* Buttons */ + +QPushButton { + color: palette(text); + background-color: palette(button); + min-height: 18px; + border: none; + border-radius: 4px; + padding: 6px 16px; +} + +QPushButton::flat { + background-color: rgb(49, 50, 68); +} + +QPushButton:checked { + background-color: rgb(69, 71, 90); +} + +QPushButton:hover { + background-color: rgb(69, 71, 90); +} + +QPushButton:pressed { + background-color: rgb(17, 17, 27); +} + +QPushButton:disabled, QToolButton:disabled { + background-color: rgb(17, 17, 27); +} + +QPushButton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + subcontrol-origin: padding; + width: 25px; +} + +/* Sliders */ + +QSlider::groove:horizontal { + background-color: rgb(49, 50, 68); + height: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:horizontal { + background-color: palette(text); + border: 1px solid palette(mid); + 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: palette(text); +} + +QSlider::sub-page:horizontal { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::sub-page:horizontal:disabled { + background-color: palette(window); + border-radius: 2px; +} + +QSlider::groove:vertical { + background-color: rgb(49, 50, 68); + width: 4px; + border: none; + border-radius: 2px; +} + +QSlider::handle:vertical { + background-color: palette(text); + border: 1px solid palette(mid); + 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: palette(text); +} + +QSlider::add-page:vertical { + background-color: palette(highlight); + border-radius: 2px; +} + +QSlider::add-page:vertical:disabled { + background-color: palette(window); + border-radius: 2px; +} + +QSlider::handle:hover { + background-color: rgb(186,194,222); +} + +QSlider::handle:disabled { + background-color: rgb(127, 132, 156); +} + +/* Volume Control */ + +#stackedMixerArea QPushButton { + min-width: 16px; + padding: 4px 8px; +} + +/* This is an incredibly cursed but necessary fix */ +#stackedMixerArea QPushButton:!hover { + background-color: palette(base); +} + +#stackedMixerArea QPushButton:hover { + background-color: rgb(69, 71, 90); +} + +#stackedMixerArea QPushButton:pressed { + background-color: rgb(17, 17, 27); +} + +VolumeMeter { + qproperty-backgroundNominalColor: rgb(166, 227, 161); + qproperty-backgroundWarningColor: rgb(250, 179, 135); + qproperty-backgroundErrorColor: rgb(243, 139, 168); + qproperty-foregroundNominalColor: rgb(95, 205, 86); + qproperty-foregroundWarningColor: rgb(246, 120, 43); + qproperty-foregroundErrorColor: rgb(234, 52, 103); + qproperty-magnitudeColor: rgb(49, 50, 8); + qproperty-majorTickColor: rgb(205, 214, 244); + qproperty-minorTickColor: rgb(108, 112, 134); + qproperty-peakDecayRate: 23.4; +} + +/* Status Bar */ + +QStatusBar::item { + border: none; +} + +/* Table View */ + +QTableView { + background: palette(base); + gridline-color: palette(light); +} + +QTableView::item { + margin: 0px; + padding: 0px; +} + +QTableView QLineEdit { + background: palette(mid); + padding: 0; + margin: 0; +} + +QTableView QPushButton, +QTableView QToolButton { + margin: 1px 1px 2px; +} + +QHeaderView::section { + background-color: rgb(49, 50, 68); + color: palette(text); + border: none; + border-left: 1px solid palette(window); + border-right: 1px solid palette(window); + padding: 2px 4px; + margin-bottom: 2px; +} + +/* Mute CheckBox */ + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(137, 180, 250); +} + +/* Label warning/error */ + +QLabel#warningLabel { + color: rgb(250, 179, 135); + font-weight: bold; +} + +QLabel#errorLabel { + color: rgb(235, 160, 172); + font-weight: bold; +} + +* [themeID="warning"] { + color: rgb(250, 179, 135); + font-weight: bold; +} + +* [themeID="error"] { + color: rgb(235, 160, 172); + font-weight: bold; +} + +* [themeID="good"] { + color: rgb(166, 227, 161); + font-weight: bold; +} + +/* About dialog */ + +* [themeID="aboutName"] { + font-size: 26pt; + font-weight: bold; +} + +* [themeID="aboutVersion"] { + font-size: 12pt; + margin-bottom: 20px; +} + +* [themeID="aboutInfo"] { + margin-bottom: 20px; +} + +* [themeID="aboutHLayout"] { + background-color: palette(base); +} + +/* Canvas / Preview background color */ + +OBSQTDisplay { + qproperty-displayBackgroundColor: rgb(17, 17, 27); + border-radius: 10px; +} + +/* Filters Window */ + +OBSBasicFilters QListWidget { + border-radius: 4px; + padding: 3px; +} + +OBSBasicFilters QListWidget::item { + border-radius: 4px; + padding: 6px; +} + +OBSBasicFilters #widget, +OBSBasicFilters #widget_2 { + margin: 0px; + padding: 0px; + padding-bottom: 4px; +} + +OBSBasicFilters #widget QPushButton, +OBSBasicFilters #widget_2 QPushButton { + min-width: 16px; + padding: 4px 8px; + margin-top: 0px; +} + +/* Preview/Program labels */ + +* [themeID="previewProgramLabels"] { + font-size: 14pt; + font-weight: bold; + color: rgb(166, 173, 200); + margin-bottom: 4px; +} + +/* Settings Icons */ + +OBSBasicSettings { + qproperty-generalIcon: url(./Catppuccin/Dark/settings/general.svg); + qproperty-streamIcon: url(./Catppuccin/Dark/settings/stream.svg); + qproperty-outputIcon: url(./Catppuccin/Dark/settings/output.svg); + qproperty-audioIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-videoIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-hotkeysIcon: url(./Catppuccin/Dark/settings/hotkeys.svg); + qproperty-accessibilityIcon: url(./Catppuccin/Dark/settings/accessibility.svg); + qproperty-advancedIcon: url(./Catppuccin/Dark/settings/advanced.svg); +} + +/* Checkboxes */ +QCheckBox { + +} + +QCheckBox::indicator, +QGroupBox::indicator { + width: 18px; + height: 18px; +} + +QGroupBox::indicator { + margin-left: 2px; +} + +QCheckBox::indicator:unchecked, +QGroupBox::indicator:unchecked { + image: url(./Catppuccin/Dark/checkbox_unchecked.svg); +} + +QCheckBox::indicator:unchecked:hover, +QGroupBox::indicator:unchecked:hover { + border: none; + image: url(./Catppuccin/Dark/checkbox_unchecked_focus.svg); +} + +QCheckBox::indicator:checked, +QGroupBox::indicator:checked { + image: url(./Catppuccin/Dark/checkbox_checked.svg); +} + +QCheckBox::indicator:checked:hover, +QGroupBox::indicator:checked:hover { + border: none; + image: url(./Catppuccin/Dark/checkbox_checked_focus.svg); +} + +QCheckBox::indicator:checked:disabled, +QGroupBox::indicator:checked:disabled { + image: url(./Catppuccin/Dark/checkbox_checked_disabled.svg); +} + +QCheckBox::indicator:unchecked:disabled, +QGroupBox::indicator:unchecked:disabled { + image: url(./Catppuccin/Dark/checkbox_unchecked_disabled.svg); +} + +/* Locked CheckBox */ + +LockedCheckBox { + outline: none; + background: transparent; +} + +LockedCheckBox::indicator { + width: 16px; + height: 16px; +} + +LockedCheckBox::indicator:checked, +LockedCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Dark/locked.svg); +} + +LockedCheckBox::indicator:unchecked, +LockedCheckBox::indicator:unchecked:hover { + image: url(:res/images/unlocked.svg); +} + +/* Visibility CheckBox */ + +VisibilityCheckBox { + outline: none; + background: transparent; +} + +VisibilityCheckBox::indicator { + width: 16px; + height: 16px; +} + +VisibilityCheckBox::indicator:checked, +VisibilityCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Dark/visible.svg); +} + +VisibilityCheckBox::indicator:unchecked, +VisibilityCheckBox::indicator:unchecked:hover { + image: url(:res/images/invisible.svg); +} + +* [themeID="revertIcon"] { + qproperty-icon: url(./Catppuccin/Dark/revert.svg); +} + +QPushButton#extraPanelDelete { + background-color: palette(mid); + margin: 0; + padding: 0; +} + +QPushButton#extraPanelDelete:hover { + background-color: rgb(69, 71, 90); +} + +QPushButton#extraPanelDelete:pressed { + background-color: palette(dark); +} + +/* Mute CheckBox */ + +MuteCheckBox { + outline: none; +} + +MuteCheckBox::indicator { + width: 16px; + height: 16px; +} + +MuteCheckBox::indicator:checked { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +MuteCheckBox::indicator:unchecked:hover { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +MuteCheckBox::indicator:unchecked:focus { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +MuteCheckBox::indicator:checked:hover { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:checked:focus { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:checked:disabled { + image: url(./Catppuccin/Dark/mute.svg); +} + +MuteCheckBox::indicator:unchecked:disabled { + image: url(./Catppuccin/Dark/settings/audio.svg); +} + +#hotkeyFilterReset { + margin-top: 0px; +} + +OBSHotkeyWidget { + padding: 8px 0px; + margin: 2px 0px; +} + +OBSHotkeyLabel { + padding: 4px 0px; +} + +OBSHotkeyLabel[hotkeyPairHover=true] { + color: rgb(137, 180, 250); +} + +OBSHotkeyWidget QPushButton { + min-width: 16px; + padding: 4px 4px; + margin-top: 0px; + margin-left: 4px; +} + + +/* Sources List 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(./Catppuccin/Dark/expand.svg); +} + +SourceTreeSubItemCheckBox::indicator:unchecked, +SourceTreeSubItemCheckBox::indicator:unchecked:hover { + image: url(./Catppuccin/Dark/collapse.svg); +} + +/* Source Icons */ + +OBSBasic { + qproperty-imageIcon: url(./Catppuccin/Dark/sources/image.svg); + qproperty-colorIcon: url(./Catppuccin/Dark/sources/brush.svg); + qproperty-slideshowIcon: url(./Catppuccin/Dark/sources/slideshow.svg); + qproperty-audioInputIcon: url(./Catppuccin/Dark/sources/microphone.svg); + qproperty-audioOutputIcon: url(./Catppuccin/Dark/settings/audio.svg); + qproperty-desktopCapIcon: url(./Catppuccin/Dark/settings/video.svg); + qproperty-windowCapIcon: url(./Catppuccin/Dark/sources/window.svg); + qproperty-gameCapIcon: url(./Catppuccin/Dark/sources/gamepad.svg); + qproperty-cameraIcon: url(./Catppuccin/Dark/sources/camera.svg); + qproperty-textIcon: url(./Catppuccin/Dark/sources/text.svg); + qproperty-mediaIcon: url(./Catppuccin/Dark/sources/media.svg); + qproperty-browserIcon: url(./Catppuccin/Dark/sources/globe.svg); + qproperty-groupIcon: url(./Catppuccin/Dark/sources/group.svg); + qproperty-sceneIcon: url(./Catppuccin/Dark/sources/scene.svg); + qproperty-defaultIcon: url(./Catppuccin/Dark/sources/default.svg); + qproperty-audioProcessOutputIcon: url(./Catppuccin/Dark/sources/windowaudio.svg); +} + +/* Scene Tree Grid Mode */ + +SceneTree { + qproperty-gridItemWidth: 154; + qproperty-gridItemHeight: 31; +} + +*[gridMode="true"] SceneTree::item { + color: palette(text); + background-color: palette(button); + border-radius: 4px; + margin: 2px; +} + +*[gridMode="true"] SceneTree::item:selected { + background-color: rgb(69, 71, 90); +} + +*[gridMode="true"] SceneTree::item:checked { + background-color: rgb(69, 71, 90); +} + +*[gridMode="true"] SceneTree::item:hover { + background-color: rgb(69, 71, 90); +} + +/* Save icon */ + +* [themeID="replayIconSmall"] { + qproperty-icon: url(./Catppuccin/Dark/save.svg); +} + +/* Studio Mode T-Bar */ + +QSlider[themeID="tBarSlider"] { + height: 24px; +} + +QSlider::groove:horizontal[themeID="tBarSlider"] { + border: 1px solid #45475a; + height: 5px; + background: palette(dark); +} + +QSlider::sub-page:horizontal[themeID="tBarSlider"] { + background: palette(dark); + border: 1px solid #45475a; +} + +QSlider::handle:horizontal[themeID="tBarSlider"] { + background-color: #bac2de; + width: 12px; + height: 24px; + margin: -24px 0px; +} + +/* Media icons */ + +* [themeID="playIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_play.svg); +} + +* [themeID="pauseIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_pause.svg); +} + +* [themeID="restartIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_restart.svg); +} + +* [themeID="stopIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_stop.svg); +} + +* [themeID="nextIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_next.svg); +} + +* [themeID="previousIcon"] { + qproperty-icon: url(./Catppuccin/Dark/media/media_previous.svg); +} + +/* YouTube Integration */ +OBSYoutubeActions { + qproperty-thumbPlaceholder: url(./Catppuccin/Dark/sources/image.svg); +} + +#ytEventList QLabel { + color: palette(text); + background-color: rgb(49, 50, 68); + border: none; + border-radius: 4px; + padding: 4px 20px; +} + +#ytEventList QLabel:hover { + background-color: rgb(69, 71, 90); +} + +#ytEventList QLabel[isSelectedEvent=true] { + background-color: rgb(69, 71, 90); + border: none; +} + +#ytEventList QLabel[isSelectedEvent=true]:hover { + background-color: rgb(137, 180, 250); + color: palette(text); +} + +/* Calendar Widget */ +QDateTimeEdit::down-arrow { + qproperty-alignment: AlignTop; + image: url(./Catppuccin/Dark/down.svg); + width: 100%; +} + +QDateTimeEdit:on { + background-color: palette(mid); +} + +/* Calendar Top Bar */ +QCalendarWidget QWidget#qt_calendar_navigationbar { + background-color: palette(base); + padding: 4px 8px; +} + +/* Calendar Top Bar Buttons */ +QCalendarWidget QToolButton { + background-color: palette(base); + padding: 2px 16px; + border-radius: 4px; + margin: 2px; +} + +#qt_calendar_monthbutton::menu-indicator { + image: url(./Catppuccin/Dark/down.svg); + subcontrol-position: right; + padding-top: 2px; + padding-right: 6px; + height: 10px; + width: 10px; +} + +QCalendarWidget #qt_calendar_prevmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/left.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget #qt_calendar_nextmonth { + padding: 2px; + qproperty-icon: url(./Catppuccin/Dark/right.svg); + icon-size: 16px, 16px; +} + +QCalendarWidget QToolButton:hover { + background-color: rgb(69, 71, 90); + border-radius: 4px; +} + +QCalendarWidget QToolButton:pressed { + background-color: rgb(17, 17, 27); +} + +/* Month Dropdown Menu */ +QCalendarWidget QMenu { + +} +/* Year spinbox */ +QCalendarWidget QSpinBox { + background-color: rgb(17, 17, 27); + border: none; + border-radius: 4px; + 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: palette(mid); } + +QCalendarWidget QAbstractItemView:enabled { + background-color: palette(base); + color: palette(text); +} + +QCalendarWidget QAbstractItemView:disabled { + color: rgb(122,121,122); +} + +/* VirtualCam Plugin Fixes */ + +#VirtualProperties QWidget { + margin-top: 0; + margin-bottom: 0; +} + +/* Disable icons on QDialogButtonBox */ +QDialogButtonBox { + dialogbuttonbox-buttons-have-icons: 0; +} + +/* Stats dialog */ +OBSBasicStats { + background: palette(dark); +} + +/* Advanced audio dialog */ +OBSBasicAdvAudio #scrollAreaWidgetContents { + background: palette(dark); +} diff --git a/home/games/obs/themes/Catppuccin/Dark/alert.svg b/home/games/obs/themes/Catppuccin/Dark/alert.svg new file mode 100644 index 00000000..30d6ea84 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/alert.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/checkbox_checked.svg b/home/games/obs/themes/Catppuccin/Dark/checkbox_checked.svg new file mode 100644 index 00000000..6448ba9d --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/checkbox_checked.svg @@ -0,0 +1,11 @@ + + + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/checkbox_checked_disabled.svg b/home/games/obs/themes/Catppuccin/Dark/checkbox_checked_disabled.svg new file mode 100644 index 00000000..ece58418 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/checkbox_checked_disabled.svg @@ -0,0 +1,11 @@ + + + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/checkbox_checked_focus.svg b/home/games/obs/themes/Catppuccin/Dark/checkbox_checked_focus.svg new file mode 100644 index 00000000..ff1f0c7c --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/checkbox_checked_focus.svg @@ -0,0 +1,11 @@ + + + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked.svg b/home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked.svg new file mode 100644 index 00000000..7b3f10b4 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked_disabled.svg b/home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked_disabled.svg new file mode 100644 index 00000000..104f8b55 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked_disabled.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked_focus.svg b/home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked_focus.svg new file mode 100644 index 00000000..66f3f15d --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/checkbox_unchecked_focus.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/close.svg b/home/games/obs/themes/Catppuccin/Dark/close.svg new file mode 100644 index 00000000..2a10db82 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/close.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/cogs.svg b/home/games/obs/themes/Catppuccin/Dark/cogs.svg new file mode 100644 index 00000000..3a013dbc --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/cogs.svg @@ -0,0 +1 @@ + diff --git a/home/games/obs/themes/Catppuccin/Dark/collapse.svg b/home/games/obs/themes/Catppuccin/Dark/collapse.svg new file mode 100644 index 00000000..edd2ae0e --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/collapse.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/dots-vert.svg b/home/games/obs/themes/Catppuccin/Dark/dots-vert.svg new file mode 100644 index 00000000..ae702adf --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/dots-vert.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/dots.svg b/home/games/obs/themes/Catppuccin/Dark/dots.svg new file mode 100644 index 00000000..41dd93e9 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/dots.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/down.svg b/home/games/obs/themes/Catppuccin/Dark/down.svg new file mode 100644 index 00000000..b4757145 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/down.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/entry-clear.svg b/home/games/obs/themes/Catppuccin/Dark/entry-clear.svg new file mode 100644 index 00000000..d3029848 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/entry-clear.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/expand.svg b/home/games/obs/themes/Catppuccin/Dark/expand.svg new file mode 100644 index 00000000..a1afddfa --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/expand.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/filter.svg b/home/games/obs/themes/Catppuccin/Dark/filter.svg new file mode 100644 index 00000000..0038a761 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/filter.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/interact.svg b/home/games/obs/themes/Catppuccin/Dark/interact.svg new file mode 100644 index 00000000..b1dc53fd --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/interact.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/left.svg b/home/games/obs/themes/Catppuccin/Dark/left.svg new file mode 100644 index 00000000..469481ff --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/left.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/locked.svg b/home/games/obs/themes/Catppuccin/Dark/locked.svg new file mode 100644 index 00000000..16785007 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/locked.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/media-pause.svg b/home/games/obs/themes/Catppuccin/Dark/media-pause.svg new file mode 100644 index 00000000..2743bc41 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/media-pause.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/media/media_next.svg b/home/games/obs/themes/Catppuccin/Dark/media/media_next.svg new file mode 100644 index 00000000..db82996c --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/media/media_next.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/media/media_pause.svg b/home/games/obs/themes/Catppuccin/Dark/media/media_pause.svg new file mode 100644 index 00000000..2743bc41 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/media/media_pause.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/media/media_play.svg b/home/games/obs/themes/Catppuccin/Dark/media/media_play.svg new file mode 100644 index 00000000..cb08f845 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/media/media_play.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/media/media_previous.svg b/home/games/obs/themes/Catppuccin/Dark/media/media_previous.svg new file mode 100644 index 00000000..15c33427 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/media/media_previous.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/media/media_restart.svg b/home/games/obs/themes/Catppuccin/Dark/media/media_restart.svg new file mode 100644 index 00000000..be653612 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/media/media_restart.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/media/media_stop.svg b/home/games/obs/themes/Catppuccin/Dark/media/media_stop.svg new file mode 100644 index 00000000..caa1f2df --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/media/media_stop.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/minus.svg b/home/games/obs/themes/Catppuccin/Dark/minus.svg new file mode 100644 index 00000000..73df860c --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/minus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/mute.svg b/home/games/obs/themes/Catppuccin/Dark/mute.svg new file mode 100644 index 00000000..9a63c7ef --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/mute.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/no_sources.svg b/home/games/obs/themes/Catppuccin/Dark/no_sources.svg new file mode 100644 index 00000000..3c7bd7c7 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/no_sources.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/plus.svg b/home/games/obs/themes/Catppuccin/Dark/plus.svg new file mode 100644 index 00000000..4bf31925 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/plus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/popout.svg b/home/games/obs/themes/Catppuccin/Dark/popout.svg new file mode 100644 index 00000000..afba03a2 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/popout.svg @@ -0,0 +1 @@ + diff --git a/home/games/obs/themes/Catppuccin/Dark/refresh.svg b/home/games/obs/themes/Catppuccin/Dark/refresh.svg new file mode 100644 index 00000000..5549e689 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/refresh.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/revert.svg b/home/games/obs/themes/Catppuccin/Dark/revert.svg new file mode 100644 index 00000000..3f7b9852 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/revert.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/right.svg b/home/games/obs/themes/Catppuccin/Dark/right.svg new file mode 100644 index 00000000..cb03edfc --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/save.svg b/home/games/obs/themes/Catppuccin/Dark/save.svg new file mode 100644 index 00000000..52d04645 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/save.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/settings/accessibility.svg b/home/games/obs/themes/Catppuccin/Dark/settings/accessibility.svg new file mode 100644 index 00000000..f81e046a --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/settings/accessibility.svg @@ -0,0 +1 @@ + diff --git a/home/games/obs/themes/Catppuccin/Dark/settings/advanced.svg b/home/games/obs/themes/Catppuccin/Dark/settings/advanced.svg new file mode 100644 index 00000000..4e20a9a1 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/settings/advanced.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/settings/audio.svg b/home/games/obs/themes/Catppuccin/Dark/settings/audio.svg new file mode 100644 index 00000000..54706592 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/settings/audio.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/settings/general.svg b/home/games/obs/themes/Catppuccin/Dark/settings/general.svg new file mode 100644 index 00000000..78511bb4 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/settings/general.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/settings/hotkeys.svg b/home/games/obs/themes/Catppuccin/Dark/settings/hotkeys.svg new file mode 100644 index 00000000..f86f15e1 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/settings/hotkeys.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/settings/output.svg b/home/games/obs/themes/Catppuccin/Dark/settings/output.svg new file mode 100644 index 00000000..6f064d7b --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/settings/output.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/settings/stream.svg b/home/games/obs/themes/Catppuccin/Dark/settings/stream.svg new file mode 100644 index 00000000..f7647879 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/settings/stream.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/settings/video.svg b/home/games/obs/themes/Catppuccin/Dark/settings/video.svg new file mode 100644 index 00000000..ae0076b4 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/settings/video.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/brush.svg b/home/games/obs/themes/Catppuccin/Dark/sources/brush.svg new file mode 100644 index 00000000..a9756571 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/brush.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/camera.svg b/home/games/obs/themes/Catppuccin/Dark/sources/camera.svg new file mode 100644 index 00000000..19039796 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/camera.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/default.svg b/home/games/obs/themes/Catppuccin/Dark/sources/default.svg new file mode 100644 index 00000000..cc505c86 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/default.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/gamepad.svg b/home/games/obs/themes/Catppuccin/Dark/sources/gamepad.svg new file mode 100644 index 00000000..a78be69f --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/gamepad.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/globe.svg b/home/games/obs/themes/Catppuccin/Dark/sources/globe.svg new file mode 100644 index 00000000..809552c9 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/globe.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/group.svg b/home/games/obs/themes/Catppuccin/Dark/sources/group.svg new file mode 100644 index 00000000..43c48b74 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/group.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/image.svg b/home/games/obs/themes/Catppuccin/Dark/sources/image.svg new file mode 100644 index 00000000..0e356844 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/image.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/media.svg b/home/games/obs/themes/Catppuccin/Dark/sources/media.svg new file mode 100644 index 00000000..cb08f845 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/media.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/microphone.svg b/home/games/obs/themes/Catppuccin/Dark/sources/microphone.svg new file mode 100644 index 00000000..4c6259e3 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/microphone.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/scene.svg b/home/games/obs/themes/Catppuccin/Dark/sources/scene.svg new file mode 100644 index 00000000..faab7722 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/scene.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/slideshow.svg b/home/games/obs/themes/Catppuccin/Dark/sources/slideshow.svg new file mode 100644 index 00000000..d5b92451 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/slideshow.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/text.svg b/home/games/obs/themes/Catppuccin/Dark/sources/text.svg new file mode 100644 index 00000000..e4c86f94 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/text.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/window.svg b/home/games/obs/themes/Catppuccin/Dark/sources/window.svg new file mode 100644 index 00000000..1798d1fc --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/window.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Dark/sources/windowaudio.svg b/home/games/obs/themes/Catppuccin/Dark/sources/windowaudio.svg new file mode 100644 index 00000000..a5d9712e --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/sources/windowaudio.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/trash.svg b/home/games/obs/themes/Catppuccin/Dark/trash.svg new file mode 100644 index 00000000..0e4c4081 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/trash.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/up.svg b/home/games/obs/themes/Catppuccin/Dark/up.svg new file mode 100644 index 00000000..53d8e75e --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/up.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Dark/updown.svg b/home/games/obs/themes/Catppuccin/Dark/updown.svg new file mode 100644 index 00000000..0e94483a --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/updown.svg @@ -0,0 +1 @@ + diff --git a/home/games/obs/themes/Catppuccin/Dark/visible.svg b/home/games/obs/themes/Catppuccin/Dark/visible.svg new file mode 100644 index 00000000..d4ff0038 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Dark/visible.svg @@ -0,0 +1,2 @@ + +image/svg+xmlGnome Symbolic Icon ThemeGnome Symbolic Icon Theme diff --git a/home/games/obs/themes/Catppuccin/Light/alert.svg b/home/games/obs/themes/Catppuccin/Light/alert.svg new file mode 100644 index 00000000..1205be72 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/alert.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/checkbox_checked.svg b/home/games/obs/themes/Catppuccin/Light/checkbox_checked.svg new file mode 100644 index 00000000..456dc073 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/checkbox_checked.svg @@ -0,0 +1,11 @@ + + + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/checkbox_checked_disabled.svg b/home/games/obs/themes/Catppuccin/Light/checkbox_checked_disabled.svg new file mode 100644 index 00000000..725b794e --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/checkbox_checked_disabled.svg @@ -0,0 +1,11 @@ + + + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/checkbox_checked_focus.svg b/home/games/obs/themes/Catppuccin/Light/checkbox_checked_focus.svg new file mode 100644 index 00000000..86bb6860 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/checkbox_checked_focus.svg @@ -0,0 +1,11 @@ + + + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/checkbox_unchecked.svg b/home/games/obs/themes/Catppuccin/Light/checkbox_unchecked.svg new file mode 100644 index 00000000..9f90d3a6 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/checkbox_unchecked.svg @@ -0,0 +1,9 @@ + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/checkbox_unchecked_disabled.svg b/home/games/obs/themes/Catppuccin/Light/checkbox_unchecked_disabled.svg new file mode 100644 index 00000000..94947821 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/checkbox_unchecked_disabled.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/checkbox_unchecked_focus.svg b/home/games/obs/themes/Catppuccin/Light/checkbox_unchecked_focus.svg new file mode 100644 index 00000000..8d8870cd --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/checkbox_unchecked_focus.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/close.svg b/home/games/obs/themes/Catppuccin/Light/close.svg new file mode 100644 index 00000000..ad7aecd9 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/close.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/cogs.svg b/home/games/obs/themes/Catppuccin/Light/cogs.svg new file mode 100644 index 00000000..b5b41026 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/cogs.svg @@ -0,0 +1 @@ + diff --git a/home/games/obs/themes/Catppuccin/Light/collapse.svg b/home/games/obs/themes/Catppuccin/Light/collapse.svg new file mode 100644 index 00000000..325cd64a --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/collapse.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/dots-vert.svg b/home/games/obs/themes/Catppuccin/Light/dots-vert.svg new file mode 100644 index 00000000..3ae2e006 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/dots-vert.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/dots.svg b/home/games/obs/themes/Catppuccin/Light/dots.svg new file mode 100644 index 00000000..bf2b9026 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/dots.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/down.svg b/home/games/obs/themes/Catppuccin/Light/down.svg new file mode 100644 index 00000000..d62efa42 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/down.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/entry-clear.svg b/home/games/obs/themes/Catppuccin/Light/entry-clear.svg new file mode 100644 index 00000000..43c9deb6 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/entry-clear.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/expand.svg b/home/games/obs/themes/Catppuccin/Light/expand.svg new file mode 100644 index 00000000..8b4837a4 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/expand.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/filter.svg b/home/games/obs/themes/Catppuccin/Light/filter.svg new file mode 100644 index 00000000..ed6de819 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/filter.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/interact.svg b/home/games/obs/themes/Catppuccin/Light/interact.svg new file mode 100644 index 00000000..806b0a09 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/interact.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/left.svg b/home/games/obs/themes/Catppuccin/Light/left.svg new file mode 100644 index 00000000..4bd2ec88 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/left.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/locked.svg b/home/games/obs/themes/Catppuccin/Light/locked.svg new file mode 100644 index 00000000..a30bc941 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/locked.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/media-pause.svg b/home/games/obs/themes/Catppuccin/Light/media-pause.svg new file mode 100644 index 00000000..54f9df4f --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/media-pause.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/media/media_next.svg b/home/games/obs/themes/Catppuccin/Light/media/media_next.svg new file mode 100644 index 00000000..5e926721 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/media/media_next.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/media/media_pause.svg b/home/games/obs/themes/Catppuccin/Light/media/media_pause.svg new file mode 100644 index 00000000..54f9df4f --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/media/media_pause.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/media/media_play.svg b/home/games/obs/themes/Catppuccin/Light/media/media_play.svg new file mode 100644 index 00000000..6664825d --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/media/media_play.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/media/media_previous.svg b/home/games/obs/themes/Catppuccin/Light/media/media_previous.svg new file mode 100644 index 00000000..8727f495 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/media/media_previous.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/media/media_restart.svg b/home/games/obs/themes/Catppuccin/Light/media/media_restart.svg new file mode 100644 index 00000000..b8761128 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/media/media_restart.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/media/media_stop.svg b/home/games/obs/themes/Catppuccin/Light/media/media_stop.svg new file mode 100644 index 00000000..f79552d9 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/media/media_stop.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/minus.svg b/home/games/obs/themes/Catppuccin/Light/minus.svg new file mode 100644 index 00000000..d5369acd --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/minus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/mute.svg b/home/games/obs/themes/Catppuccin/Light/mute.svg new file mode 100644 index 00000000..9a63c7ef --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/mute.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/no_sources.svg b/home/games/obs/themes/Catppuccin/Light/no_sources.svg new file mode 100644 index 00000000..154fcbd4 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/no_sources.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/plus.svg b/home/games/obs/themes/Catppuccin/Light/plus.svg new file mode 100644 index 00000000..149e6d01 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/plus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/popout.svg b/home/games/obs/themes/Catppuccin/Light/popout.svg new file mode 100644 index 00000000..afba03a2 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/popout.svg @@ -0,0 +1 @@ + diff --git a/home/games/obs/themes/Catppuccin/Light/refresh.svg b/home/games/obs/themes/Catppuccin/Light/refresh.svg new file mode 100644 index 00000000..4871cb44 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/refresh.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/revert.svg b/home/games/obs/themes/Catppuccin/Light/revert.svg new file mode 100644 index 00000000..2d0aa4cf --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/revert.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/right.svg b/home/games/obs/themes/Catppuccin/Light/right.svg new file mode 100644 index 00000000..246a3ab9 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/save.svg b/home/games/obs/themes/Catppuccin/Light/save.svg new file mode 100644 index 00000000..4a05c053 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/save.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/settings/accessibility.svg b/home/games/obs/themes/Catppuccin/Light/settings/accessibility.svg new file mode 100644 index 00000000..1d884bc6 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/settings/accessibility.svg @@ -0,0 +1 @@ + diff --git a/home/games/obs/themes/Catppuccin/Light/settings/advanced.svg b/home/games/obs/themes/Catppuccin/Light/settings/advanced.svg new file mode 100644 index 00000000..8e2d843d --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/settings/advanced.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/settings/audio.svg b/home/games/obs/themes/Catppuccin/Light/settings/audio.svg new file mode 100644 index 00000000..13f201d3 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/settings/audio.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/settings/general.svg b/home/games/obs/themes/Catppuccin/Light/settings/general.svg new file mode 100644 index 00000000..52a5d7f3 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/settings/general.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/settings/hotkeys.svg b/home/games/obs/themes/Catppuccin/Light/settings/hotkeys.svg new file mode 100644 index 00000000..d04531f2 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/settings/hotkeys.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/settings/output.svg b/home/games/obs/themes/Catppuccin/Light/settings/output.svg new file mode 100644 index 00000000..3ab573cd --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/settings/output.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/settings/stream.svg b/home/games/obs/themes/Catppuccin/Light/settings/stream.svg new file mode 100644 index 00000000..85f0145c --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/settings/stream.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/settings/video.svg b/home/games/obs/themes/Catppuccin/Light/settings/video.svg new file mode 100644 index 00000000..1bad5618 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/settings/video.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/brush.svg b/home/games/obs/themes/Catppuccin/Light/sources/brush.svg new file mode 100644 index 00000000..077e0706 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/brush.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/camera.svg b/home/games/obs/themes/Catppuccin/Light/sources/camera.svg new file mode 100644 index 00000000..be12c1b4 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/camera.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/default.svg b/home/games/obs/themes/Catppuccin/Light/sources/default.svg new file mode 100644 index 00000000..c3d9db0f --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/default.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/gamepad.svg b/home/games/obs/themes/Catppuccin/Light/sources/gamepad.svg new file mode 100644 index 00000000..d668a165 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/gamepad.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/globe.svg b/home/games/obs/themes/Catppuccin/Light/sources/globe.svg new file mode 100644 index 00000000..5a753c2a --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/globe.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/group.svg b/home/games/obs/themes/Catppuccin/Light/sources/group.svg new file mode 100644 index 00000000..99af8d34 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/group.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/image.svg b/home/games/obs/themes/Catppuccin/Light/sources/image.svg new file mode 100644 index 00000000..4f99a8cd --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/image.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/media.svg b/home/games/obs/themes/Catppuccin/Light/sources/media.svg new file mode 100644 index 00000000..6664825d --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/media.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/microphone.svg b/home/games/obs/themes/Catppuccin/Light/sources/microphone.svg new file mode 100644 index 00000000..b3caeb0d --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/microphone.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/scene.svg b/home/games/obs/themes/Catppuccin/Light/sources/scene.svg new file mode 100644 index 00000000..c2fc500b --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/scene.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/slideshow.svg b/home/games/obs/themes/Catppuccin/Light/sources/slideshow.svg new file mode 100644 index 00000000..cf304426 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/slideshow.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/text.svg b/home/games/obs/themes/Catppuccin/Light/sources/text.svg new file mode 100644 index 00000000..6bacd741 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/text.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/window.svg b/home/games/obs/themes/Catppuccin/Light/sources/window.svg new file mode 100644 index 00000000..2f4659a5 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/window.svg @@ -0,0 +1,2 @@ + + diff --git a/home/games/obs/themes/Catppuccin/Light/sources/windowaudio.svg b/home/games/obs/themes/Catppuccin/Light/sources/windowaudio.svg new file mode 100644 index 00000000..2bbf7800 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/sources/windowaudio.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/trash.svg b/home/games/obs/themes/Catppuccin/Light/trash.svg new file mode 100644 index 00000000..86eeda7d --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/trash.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/up.svg b/home/games/obs/themes/Catppuccin/Light/up.svg new file mode 100644 index 00000000..67ccd46f --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/up.svg @@ -0,0 +1,4 @@ + + + + diff --git a/home/games/obs/themes/Catppuccin/Light/updown.svg b/home/games/obs/themes/Catppuccin/Light/updown.svg new file mode 100644 index 00000000..3c33fd76 --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/updown.svg @@ -0,0 +1 @@ + diff --git a/home/games/obs/themes/Catppuccin/Light/visible.svg b/home/games/obs/themes/Catppuccin/Light/visible.svg new file mode 100644 index 00000000..fafc408a --- /dev/null +++ b/home/games/obs/themes/Catppuccin/Light/visible.svg @@ -0,0 +1,2 @@ + +image/svg+xmlGnome Symbolic Icon ThemeGnome Symbolic Icon Theme diff --git a/home/hyprland/default.nix b/home/hyprland/default.nix index 7b1c8f02..9539454b 100644 --- a/home/hyprland/default.nix +++ b/home/hyprland/default.nix @@ -25,6 +25,7 @@ }; xdg = { configFile = { + "hypr/mocha.conf".source = ./mocha.conf; "hypr/hyprpaper.conf".text = '' preload = ${config.stylix.image} wallpaper = ,${config.stylix.image} diff --git a/home/hyprland/gtk.nix b/home/hyprland/gtk.nix index d1c0bf7c..9ad54619 100644 --- a/home/hyprland/gtk.nix +++ b/home/hyprland/gtk.nix @@ -4,8 +4,8 @@ gtk = { enable = true; cursorTheme = { - package = pkgs.volantes-cursors; - name = "volantes_cursors"; + package = pkgs.catppuccin-cursors.mochaDark; + name = "Catppuccin-Mocha-Dark-Cursors"; size = 24; }; iconTheme = { @@ -13,8 +13,12 @@ name = "Papirus-Dark"; }; theme = { - package = pkgs.tokyo-night-gtk; - name = "Tokyonight-Dark-BL"; + package = pkgs.catppuccin-gtk.override { + accents = [ "lavender" ]; + size = "standard"; + variant = "mocha"; + }; + name = "Catppuccin-Mocha-Standard-Lavender-Dark"; }; }; xdg.configFile."gtklock/config.ini".text = let diff --git a/home/hyprland/mako.nix b/home/hyprland/mako.nix index 2b25fa75..29fcdace 100644 --- a/home/hyprland/mako.nix +++ b/home/hyprland/mako.nix @@ -1,6 +1,4 @@ -{ config, lib, pkgs, ... }: - -{ +{ config, ... }: { services.mako = { enable = true; actions = true; diff --git a/home/hyprland/mocha.conf b/home/hyprland/mocha.conf new file mode 100644 index 00000000..8e144f3f --- /dev/null +++ b/home/hyprland/mocha.conf @@ -0,0 +1,61 @@ +$rosewaterAlpha = f5e0dc +$flamingoAlpha = f2cdcd +$pinkAlpha = f5c2e7 +$mauveAlpha = cba6f7 +$redAlpha = f38ba8 +$maroonAlpha = eba0ac +$peachAlpha = fab387 +$yellowAlpha = f9e2af +$greenAlpha = a6e3a1 +$tealAlpha = 94e2d5 +$skyAlpha = 89dceb +$sapphireAlpha = 74c7ec +$blueAlpha = 89b4fa +$lavenderAlpha = b4befe + +$textAlpha = cdd6f4 +$subtext1Alpha = bac2de +$subtext0Alpha = a6adc8 + +$overlay2Alpha = 9399b2 +$overlay1Alpha = 7f849c +$overlay0Alpha = 6c7086 + +$surface2Alpha = 585b70 +$surface1Alpha = 45475a +$surface0Alpha = 313244 + +$baseAlpha = 1e1e2e +$mantleAlpha = 181825 +$crustAlpha = 11111b + +$rosewater = 0xfff5e0dc +$flamingo = 0xfff2cdcd +$pink = 0xfff5c2e7 +$mauve = 0xffcba6f7 +$red = 0xfff38ba8 +$maroon = 0xffeba0ac +$peach = 0xfffab387 +$yellow = 0xfff9e2af +$green = 0xffa6e3a1 +$teal = 0xff94e2d5 +$sky = 0xff89dceb +$sapphire = 0xff74c7ec +$blue = 0xff89b4fa +$lavender = 0xffb4befe + +$text = 0xffcdd6f4 +$subtext1 = 0xffbac2de +$subtext0 = 0xffa6adc8 + +$overlay2 = 0xff9399b2 +$overlay1 = 0xff7f849c +$overlay0 = 0xff6c7086 + +$surface2 = 0xff585b70 +$surface1 = 0xff45475a +$surface0 = 0xff313244 + +$base = 0xff1e1e2e +$mantle = 0xff181825 +$crust = 0xff11111b \ No newline at end of file diff --git a/home/hyprland/rofi/catppuccin-mocha.rasi b/home/hyprland/rofi/catppuccin-mocha.rasi new file mode 100644 index 00000000..6107a6bb --- /dev/null +++ b/home/hyprland/rofi/catppuccin-mocha.rasi @@ -0,0 +1,111 @@ +* { + bg-col: alpha(#1e1e2e, 0.5); + bg-col-light: alpha(#1e1e2e, 0.5); + border-col: #b4befe; + selected-col: #1e1e2e; + blue: #89b4fa; + fg-col: #cdd6f4; + fg-col2: #f38ba8; + grey: #6c7086; + + width: 600; + font: "Fira Sans 14"; +} + +element-text, element-icon , mode-switcher { + background-color: inherit; + text-color: inherit; +} + +window { + height: 360px; + border: 3px; + border-color: @border-col; + background-color: @bg-col; +} + +mainbox { + background-color: @bg-col; +} + +inputbar { + children: [prompt,entry]; + background-color: @bg-col; + border-radius: 5px; + padding: 2px; +} + +prompt { + background-color: @blue; + padding: 6px; + text-color: @bg-col; + border-radius: 3px; + margin: 20px 0px 0px 20px; +} + +textbox-prompt-colon { + expand: false; + str: ":"; +} + +entry { + padding: 6px; + margin: 20px 0px 0px 10px; + text-color: @fg-col; + background-color: @bg-col; +} + +listview { + border: 0px 0px 0px; + padding: 6px 0px 0px; + margin: 10px 0px 0px 20px; + columns: 2; + lines: 5; + background-color: @bg-col; +} + +element { + padding: 5px; + background-color: @bg-col; + text-color: @fg-col ; +} + +element-icon { + size: 25px; +} + +element selected { + background-color: @selected-col ; + text-color: @fg-col2 ; +} + +mode-switcher { + spacing: 0; + } + +button { + padding: 10px; + background-color: @bg-col-light; + text-color: @grey; + vertical-align: 0.5; + horizontal-align: 0.5; +} + +button selected { + background-color: @bg-col; + text-color: @blue; +} + +message { + background-color: @bg-col-light; + margin: 2px; + padding: 2px; + border-radius: 5px; +} + +textbox { + padding: 6px; + margin: 20px 0px 0px 20px; + text-color: @blue; + background-color: @bg-col-light; +} \ No newline at end of file diff --git a/home/hyprland/rofi/default.nix b/home/hyprland/rofi/default.nix index e93c1b09..33fe5036 100644 --- a/home/hyprland/rofi/default.nix +++ b/home/hyprland/rofi/default.nix @@ -16,6 +16,7 @@ in { ''; }; plugins = with pkgs; [ rofi-calc ]; + theme = ./catppuccin-mocha.rasi; extraConfig = { modi = "window,run,drun,ssh,calc,${power-menu},combi"; combi-modi = "window,drun,ssh,calc"; diff --git a/home/hyprland/waybar/style.css b/home/hyprland/waybar/style.css index 9d8d3963..9f208bba 100644 --- a/home/hyprland/waybar/style.css +++ b/home/hyprland/waybar/style.css @@ -1,3 +1,45 @@ +/* +* +* Catppuccin Mocha palette +* Maintainer: rubyowo +* +*/ + +@define-color base #1e1e2e; +@define-color mantle #181825; +@define-color crust #11111b; + +@define-color text #cdd6f4; +@define-color subtext0 #a6adc8; +@define-color subtext1 #bac2de; + +@define-color surface0 #313244; +@define-color surface1 #45475a; +@define-color surface2 #585b70; + +@define-color overlay0 #6c7086; +@define-color overlay1 #7f849c; +@define-color overlay2 #9399b2; + +@define-color blue #89b4fa; +@define-color lavender #b4befe; +@define-color sapphire #74c7ec; +@define-color sky #89dceb; +@define-color teal #94e2d5; +@define-color green #a6e3a1; +@define-color yellow #f9e2af; +@define-color peach #fab387; +@define-color maroon #eba0ac; +@define-color red #f38ba8; +@define-color mauve #cba6f7; +@define-color pink #f5c2e7; +@define-color flamingo #f2cdcd; +@define-color rosewater #f5e0dc; + +/* +* Personal waybar config follows +*/ + * { font-family: "FiraMono Nerd Font"; font-size: 16px; @@ -8,25 +50,25 @@ window { } window > box { - color: #c0caf5; - background: alpha(#1a1b26, 0.5); + color: @text; + background: alpha(@base, 0.5); box-shadow: - inset 0 0 0 1px alpha(#bb9af7, 0.1), - 0 0 0 1px alpha(#1a1b26, 0.5); + inset 0 0 0 1px alpha(@lavender, 0.1), + 0 0 0 1px alpha(@base, 0.5); margin: 10px 10px 0px; padding: 0px; - border: 1px solid #bb9af7; + border: 1px solid @lavender; border-radius: 10px; } tooltip { - color: #c0caf5; + color: @text; /* Temp set alpha to 1.0 until I can sort out blurls issue */ - background: alpha(#1a1b26, 1); + background: alpha(@base, 1); box-shadow: - inset 0 0 0 1px alpha(#bb9af7, 0.1), - 0 0 0 1px alpha(#1a1b26, 0.5); - border: 1px solid #bb9af7; + inset 0 0 0 1px alpha(@lavender, 0.1), + 0 0 0 1px alpha(@base, 0.5); + border: 1px solid @lavender; border-radius: 10px; padding: 5px; margin: 0px; @@ -51,40 +93,40 @@ tooltip { #window, #mpris, #tray { - color: #c0caf5; + color: @text; } #workspaces button { background: transparent; - color: #c0caf5; + color: @text; margin: 0px; padding: 0px 5px; } #workspaces button.empty { - color: #414868; + color: @surface2; } #workspaces button.active { - color: #bb9af7; + color: @lavender; } #workspaces button.urgent { - color: #f7768e; + color: @red; } #pulseaudio { - color: #f7768e; + color: @red; } #disk { - color: #e0af68; + color: @yellow; } #cpu { - color: #9ece6a; + color: @green; } #memory { - color: #7dcfff; + color: @teal; } #battery { - color: #7aa2f7; + color: @blue; } #clock { - color: #bb9af7; + color: @lavender; } diff --git a/system/desktop.nix b/system/desktop.nix index 92f3fe1f..519d3828 100644 --- a/system/desktop.nix +++ b/system/desktop.nix @@ -1,8 +1,7 @@ -{ config, pkgs, user, ... }: - -{ +{ pkgs, ... }: { imports = [ ./default.nix ./chromium.nix ]; environment.systemPackages = with pkgs; [ + catppuccin-sddm-corners dex mesa libnotify @@ -40,14 +39,12 @@ enable = true; layout = "gb"; xkbVariant = ""; - xkbOptions = "compose:ralt"; - displayManager.lightdm = { + xkbOptions = "ctrl:nocaps"; + displayManager.sddm = { enable = true; - greeters.gtk = { - inherit (config.home-manager.users.${user}.gtk) - cursorTheme iconTheme theme; - enable = true; - }; + theme = "catppuccin-sddm-corners"; + autoNumlock = true; + settings = { General = { InputMethod = ""; }; }; }; }; };