From 817e34812580d69ebb3d6df16c65bcc95e024efd Mon Sep 17 00:00:00 2001 From: KoenDR06 Date: Mon, 28 Apr 2025 22:02:09 +0200 Subject: [PATCH] catppuccin --- modules/wm/hyprland/config/eww/eww.scss | 116 ++++++------ .../wm/hyprland/config/eww/eww_widgets.yuck | 12 +- .../wm/hyprland/config/eww/images/battery.svg | 2 +- .../hyprland/config/eww/images/charging.svg | 4 +- modules/wm/hyprland/config/eww/images/cpu.svg | 4 +- .../wm/hyprland/config/eww/images/disk.svg | 4 +- .../hyprland/config/eww/images/ethernet.svg | 4 +- modules/wm/hyprland/config/eww/images/gpu.svg | 4 +- .../wm/hyprland/config/eww/images/lock.svg | 4 +- .../wm/hyprland/config/eww/images/next.svg | 2 +- .../wm/hyprland/config/eww/images/play.svg | 2 +- .../wm/hyprland/config/eww/images/prev.svg | 2 +- modules/wm/hyprland/config/eww/images/ram.svg | 4 +- .../wm/hyprland/config/eww/images/reboot.svg | 4 +- .../hyprland/config/eww/images/shutdown.svg | 6 +- .../hyprland/config/eww/images/sound-hi.svg | 4 +- .../hyprland/config/eww/images/sound-lo.svg | 4 +- .../hyprland/config/eww/images/sound-off.svg | 4 +- .../wm/hyprland/config/eww/images/wifi-1.svg | 4 +- .../wm/hyprland/config/eww/images/wifi-2.svg | 4 +- .../wm/hyprland/config/eww/images/wifi-3.svg | 4 +- .../wm/hyprland/config/eww/images/wifi-4.svg | 4 +- .../hyprland/config/eww/images/wifi-off.svg | 2 +- modules/wm/hyprland/config/hypr/hyprland.conf | 8 +- modules/wm/hyprland/config/hypr/keybinds.conf | 2 +- modules/wm/hyprland/config/wofi/index.css | 170 ++++++++++++++++++ modules/wm/hyprland/default.nix | 4 +- 27 files changed, 270 insertions(+), 118 deletions(-) create mode 100644 modules/wm/hyprland/config/wofi/index.css diff --git a/modules/wm/hyprland/config/eww/eww.scss b/modules/wm/hyprland/config/eww/eww.scss index 954c2d1..e24c5aa 100644 --- a/modules/wm/hyprland/config/eww/eww.scss +++ b/modules/wm/hyprland/config/eww/eww.scss @@ -1,106 +1,92 @@ +$base: #24273a; +$text: #cad3f5; +$pink: #f5bde6; +$mauve: #c6a0f6; +$red: #ed8796; +$maroon: #ee99a0; +$peach: #f5a97f; +$yellow: #eed49f; +$green: #a6da95; +$teal: #8bd5ca; +$sky: #91d7e3; +$sapphire: #7dc4e4; +$blue: #8aadf4; +$lavender: #b7bdf8; +$text: #cad3f5; +$subtext1: #b8c0e0; +$subtext0: #a5adcb; +$overlay2: #939ab7; +$overlay1: #8087a2; +$overlay0: #6e738d; +$surface2: #5b6078; +$surface1: #494d64; +$surface0: #363a4f; +$base: #24273a; +$mantle: #1e2030; +$crust: #181926; + +$border-radius: 10px; + * { all: unset; font-family: "JetBrains Mono"; } -// WINDOW RELATED CSS + window { - background: #2e3440; - color: #ebcb8b; - border-radius: 1rem; - border: 3px solid #80A0C0; + background: $base; + color: $text; + border-radius: $border-radius; + border: 3px solid $lavender; } -// MISC EDITING .uinfo { font-size: 1.25rem; } + .cpu { padding: 19px 1px; } -// METRIC LOOKS .metric scale trough highlight { all: unset; - color: #000000; - background: linear-gradient(90deg, #88c0d0 0%, #81a1c1 50%, #5E81ac 100%); - //border-radius: 10px; + color: $text; + background: linear-gradient(90deg, $lavender 0%, $mauve 100%); + border-radius: $border-radius; } + .metric scale trough { all: unset; - background-color: #545454; - //border-radius: 50px; + background-color: $surface0; min-height: 10px; min-width: 100px; margin-left: 10px; margin-right: 5px; + border-radius: $border-radius; } -.metric .label { - color: #B48EAD; - font-size: 1.5rem; -} - -// POWERMENU .power { padding: 0px 9px; } -// WIDGET MISC SETTINGS - .quote-text { padding: 15px; font-size: 1rem; font-style: italic; font-weight: 600; - color: #BF616A; + color: $lavender; } -.cal { - color: #8fbcbb; - padding: 5px; - padding-bottom: 1px; +// --- Uinfo styling --- +.uinfo-host { + color: $lavender; + font-style: italic; } -.small-date { - font-weight: 700; +.uinfo-hr { + color: $mauve; + font-weight: bold; } -// Search App CSS -.searchapps-bar { - color: #88c0d0; - font-size: 1.5rem; - margin: -2px; - padding: 30px 90px 30px 90px; - background-color: #1E222A; - border: 6px solid #80A0C0; -} -.search-bar { - color: #88c0d0; -} -.search-label { - font-family: "Iosevka"; - font-size: 2rem; - font-weight: 700; - padding-right: 20px; -} -.app-container { - margin: -2px; - font-size: 1.25rem; - padding: 30px; - color: #88c0d0; -} -.item { - padding: 10px; - background: rgba(10,10,10,0.4); -} - -.label-control { - color: #81a1c1; - font-size: 1.5rem; - padding: 15px; -} - -.controls { - font-size: 2rem; - padding-bottom: 20px; +.uinfo-date, .uinfo-ws, .uinfo-win, .uinfo-time { + color: $lavender; } diff --git a/modules/wm/hyprland/config/eww/eww_widgets.yuck b/modules/wm/hyprland/config/eww/eww_widgets.yuck index 383b81f..3ff417c 100644 --- a/modules/wm/hyprland/config/eww/eww_widgets.yuck +++ b/modules/wm/hyprland/config/eww/eww_widgets.yuck @@ -30,8 +30,8 @@ (defwidget uinfo [] (box :class "uinfo" :orientation "v" :space-evenly false :halign "center" :valign "center" - (label :style "color: #5e81ac;" :text {host} :halign "center" :valign "center" :wrap "false" :limit-width 25) - (label :style "color: #efefef;" :text "─────────────" :halign "center" :valign "center" :wrap "false" :limit-width 25) + (label :class "uinfo-host" :text {host} :halign "center" :valign "center" :wrap "false" :limit-width 25) + (label :class "uinfo-hr" :text "─────────────" :halign "center" :valign "center" :wrap "false" :limit-width 25) ;; Tags for values (box :orientation "h" :space-evenly "false" :spacing 10 @@ -44,10 +44,10 @@ ;; Fetch Values (box :orientation "v" :class "fetch" - (label :style "color: #b48ead;" :halign "start" :text " Workspace ${workspace}") - (label :style "color: #ebcb8b;" :halign "start" :text " ${clients} Windows") - (label :style "color: #80a0c0;" :halign "start" :text " ${TODAY}") - (label :style "color: #b48ead;" :halign "start" :text " ${time}") + (label :class "uinfo-ws" :halign "start" :text " Workspace ${workspace}") + (label :class "uinfo-win" :halign "start" :text " ${clients} Windows") + (label :class "uinfo-date" :halign "start" :text " ${TODAY}") + (label :class "uinfo-time" :halign "start" :text " ${time}") )))) ;;;; System Information Widget diff --git a/modules/wm/hyprland/config/eww/images/battery.svg b/modules/wm/hyprland/config/eww/images/battery.svg index db58a40..fa6e08b 100644 --- a/modules/wm/hyprland/config/eww/images/battery.svg +++ b/modules/wm/hyprland/config/eww/images/battery.svg @@ -3,5 +3,5 @@ - + diff --git a/modules/wm/hyprland/config/eww/images/charging.svg b/modules/wm/hyprland/config/eww/images/charging.svg index 8132d9a..352cff4 100644 --- a/modules/wm/hyprland/config/eww/images/charging.svg +++ b/modules/wm/hyprland/config/eww/images/charging.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/cpu.svg b/modules/wm/hyprland/config/eww/images/cpu.svg index 8129356..3d61ed1 100644 --- a/modules/wm/hyprland/config/eww/images/cpu.svg +++ b/modules/wm/hyprland/config/eww/images/cpu.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/disk.svg b/modules/wm/hyprland/config/eww/images/disk.svg index c12660a..4bcfb55 100644 --- a/modules/wm/hyprland/config/eww/images/disk.svg +++ b/modules/wm/hyprland/config/eww/images/disk.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/ethernet.svg b/modules/wm/hyprland/config/eww/images/ethernet.svg index 9210426..fb576c3 100644 --- a/modules/wm/hyprland/config/eww/images/ethernet.svg +++ b/modules/wm/hyprland/config/eww/images/ethernet.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/gpu.svg b/modules/wm/hyprland/config/eww/images/gpu.svg index da72db6..d686acf 100644 --- a/modules/wm/hyprland/config/eww/images/gpu.svg +++ b/modules/wm/hyprland/config/eww/images/gpu.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/lock.svg b/modules/wm/hyprland/config/eww/images/lock.svg index 0519545..1a92d14 100644 --- a/modules/wm/hyprland/config/eww/images/lock.svg +++ b/modules/wm/hyprland/config/eww/images/lock.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/next.svg b/modules/wm/hyprland/config/eww/images/next.svg index 23ee212..f821dfb 100644 --- a/modules/wm/hyprland/config/eww/images/next.svg +++ b/modules/wm/hyprland/config/eww/images/next.svg @@ -37,7 +37,7 @@ id="SVGRepo_iconCarrier"> - + diff --git a/modules/wm/hyprland/config/eww/images/prev.svg b/modules/wm/hyprland/config/eww/images/prev.svg index 1f259db..38d065f 100644 --- a/modules/wm/hyprland/config/eww/images/prev.svg +++ b/modules/wm/hyprland/config/eww/images/prev.svg @@ -3,5 +3,5 @@ - + diff --git a/modules/wm/hyprland/config/eww/images/ram.svg b/modules/wm/hyprland/config/eww/images/ram.svg index ffdd637..6d7f3f8 100644 --- a/modules/wm/hyprland/config/eww/images/ram.svg +++ b/modules/wm/hyprland/config/eww/images/ram.svg @@ -2,14 +2,14 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/shutdown.svg b/modules/wm/hyprland/config/eww/images/shutdown.svg index f49d95c..d0eb135 100644 --- a/modules/wm/hyprland/config/eww/images/shutdown.svg +++ b/modules/wm/hyprland/config/eww/images/shutdown.svg @@ -1,7 +1,7 @@ - + - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/sound-hi.svg b/modules/wm/hyprland/config/eww/images/sound-hi.svg index 2ac61ac..5cc795d 100644 --- a/modules/wm/hyprland/config/eww/images/sound-hi.svg +++ b/modules/wm/hyprland/config/eww/images/sound-hi.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/sound-lo.svg b/modules/wm/hyprland/config/eww/images/sound-lo.svg index 1b6950f..9a34dbe 100644 --- a/modules/wm/hyprland/config/eww/images/sound-lo.svg +++ b/modules/wm/hyprland/config/eww/images/sound-lo.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/sound-off.svg b/modules/wm/hyprland/config/eww/images/sound-off.svg index 7f611c1..4ea6536 100644 --- a/modules/wm/hyprland/config/eww/images/sound-off.svg +++ b/modules/wm/hyprland/config/eww/images/sound-off.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/wifi-1.svg b/modules/wm/hyprland/config/eww/images/wifi-1.svg index 0971d4c..be6f79a 100644 --- a/modules/wm/hyprland/config/eww/images/wifi-1.svg +++ b/modules/wm/hyprland/config/eww/images/wifi-1.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/wifi-2.svg b/modules/wm/hyprland/config/eww/images/wifi-2.svg index 613bdca..ce55ce8 100644 --- a/modules/wm/hyprland/config/eww/images/wifi-2.svg +++ b/modules/wm/hyprland/config/eww/images/wifi-2.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/wifi-3.svg b/modules/wm/hyprland/config/eww/images/wifi-3.svg index 58a03a2..68e0746 100644 --- a/modules/wm/hyprland/config/eww/images/wifi-3.svg +++ b/modules/wm/hyprland/config/eww/images/wifi-3.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/wifi-4.svg b/modules/wm/hyprland/config/eww/images/wifi-4.svg index 6bd1354..eecd0e1 100644 --- a/modules/wm/hyprland/config/eww/images/wifi-4.svg +++ b/modules/wm/hyprland/config/eww/images/wifi-4.svg @@ -3,5 +3,5 @@ - - \ No newline at end of file + + diff --git a/modules/wm/hyprland/config/eww/images/wifi-off.svg b/modules/wm/hyprland/config/eww/images/wifi-off.svg index f604ddf..f670f7e 100644 --- a/modules/wm/hyprland/config/eww/images/wifi-off.svg +++ b/modules/wm/hyprland/config/eww/images/wifi-off.svg @@ -3,5 +3,5 @@ - + diff --git a/modules/wm/hyprland/config/hypr/hyprland.conf b/modules/wm/hyprland/config/hypr/hyprland.conf index 5d56fc3..5033c51 100644 --- a/modules/wm/hyprland/config/hypr/hyprland.conf +++ b/modules/wm/hyprland/config/hypr/hyprland.conf @@ -1,10 +1,6 @@ source = ./monitors.conf source = ./keybinds.conf -$terminal = kitty -$fileManager = dolphin -$menu = wofi --show drun - $nix = /home/horseman/nix-config ################# @@ -46,8 +42,8 @@ general { border_size = 2 # https://wiki.hyprland.org/Configuring/Variables/#variable-types for info about colors - col.active_border = rgba(33ccffee) rgba(00ff99ee) 45deg - col.inactive_border = rgba(595959aa) + col.active_border = rgba(b7bdf8ff) + col.inactive_border = rgba(b7bdf840) resize_on_border = true diff --git a/modules/wm/hyprland/config/hypr/keybinds.conf b/modules/wm/hyprland/config/hypr/keybinds.conf index c78b789..a605a29 100644 --- a/modules/wm/hyprland/config/hypr/keybinds.conf +++ b/modules/wm/hyprland/config/hypr/keybinds.conf @@ -1,6 +1,6 @@ $mainMod = SUPER $terminal = kitty -$launcher = (eww close-all && pkill wofi) || (~/.config/eww/scripts/open.sh; wofi --show drun; eww close-all) +$launcher = (eww close-all && pkill wofi) || (~/.config/eww/scripts/open.sh; wofi --show drun --style ~/.config/wofi/index.css; eww close-all) bind = SUPER, SPACE, exec, $launcher diff --git a/modules/wm/hyprland/config/wofi/index.css b/modules/wm/hyprland/config/wofi/index.css new file mode 100644 index 0000000..e53c456 --- /dev/null +++ b/modules/wm/hyprland/config/wofi/index.css @@ -0,0 +1,170 @@ +@define-color rosewater #f4dbd6; +@define-color rosewater-rgb rgb(244, 219, 214); +@define-color flamingo #f0c6c6; +@define-color flamingo-rgb rgb(240, 198, 198); +@define-color pink #f5bde6; +@define-color pink-rgb rgb(245, 189, 230); +@define-color mauve #c6a0f6; +@define-color mauve-rgb rgb(198, 160, 246); +@define-color red #ed8796; +@define-color red-rgb rgb(237, 135, 150); +@define-color maroon #ee99a0; +@define-color maroon-rgb rgb(238, 153, 160); +@define-color peach #f5a97f; +@define-color peach-rgb rgb(245, 169, 127); +@define-color yellow #eed49f; +@define-color yellow-rgb rgb(238, 212, 159); +@define-color green #a6da95; +@define-color green-rgb rgb(166, 218, 149); +@define-color teal #8bd5ca; +@define-color teal-rgb rgb(139, 213, 202); +@define-color sky #91d7e3; +@define-color sky-rgb rgb(145, 215, 227); +@define-color sapphire #7dc4e4; +@define-color sapphire-rgb rgb(125, 196, 228); +@define-color blue #8aadf4; +@define-color blue-rgb rgb(138, 173, 244); +@define-color lavender #b7bdf8; +@define-color lavender-rgb rgb(183, 189, 248); +@define-color text #cad3f5; +@define-color text-rgb rgb(202, 211, 245); +@define-color subtext1 #b8c0e0; +@define-color subtext1-rgb rgb(184, 192, 224); +@define-color subtext0 #a5adcb; +@define-color subtext0-rgb rgb(165, 173, 203); +@define-color overlay2 #939ab7; +@define-color overlay2-rgb rgb(147, 154, 183); +@define-color overlay1 #8087a2; +@define-color overlay1-rgb rgb(128, 135, 162); +@define-color overlay0 #6e738d; +@define-color overlay0-rgb rgb(110, 115, 141); +@define-color surface2 #5b6078; +@define-color surface2-rgb rgb(91, 96, 120); +@define-color surface1 #494d64; +@define-color surface1-rgb rgb(73, 77, 100); +@define-color surface0 #363a4f; +@define-color surface0-rgb rgb(54, 58, 79); +@define-color base #24273a; +@define-color base-rgb rgb(36, 39, 58); +@define-color mantle #1e2030; +@define-color mantle-rgb rgb(30, 32, 48); +@define-color crust #181926; +@define-color crust-rgb rgb(24, 25, 38); + +* { + font-family: 'Inconsolata Nerd Font', monospace; + font-size: 14px; +} + +/* Window */ +window { + margin: 0px; + padding: 10px; + border: 3px solid @lavender; + border-radius: 10px; + background-color: @base; + /* animation: slideIn 0.5s ease-in-out both; */ +} + +/* Slide In */ +@keyframes slideIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* Inner Box */ +#inner-box { + margin: 5px; + padding: 10px; + border: none; + background-color: @base; + /* animation: fadeIn 0.5s ease-in-out both; */ +} + +/* Fade In */ +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +/* Outer Box */ +#outer-box { + margin: 5px; + padding: 10px; + border: none; + background-color: @base; +} + +/* Scroll */ +#scroll { + margin: 0px; + padding: 10px; + border: none; + background-color: @base; +} + +/* Input */ +#input { + margin: 5px 20px; + padding: 10px; + border: 2px solid @lavender; + border-radius: 10px; + color: @text; + background-color: @base; + /* animation: fadeIn 0.5s ease-in-out both; */ +} + +#input image { + border: none; + color: @red; +} + +#input * { + outline: 4px solid @red!important; +} + +/* Text */ +#text { + margin: 5px; + border: none; + color: @text; + /* animation: fadeIn 0.5s ease-in-out both; */ +} + +#entry { + background-color: @base; +} + +#entry arrow { + border: none; + color: @lavender; +} + +/* Selected Entry */ +#entry:selected arrow { + overflow: hidden; + color: @mauve; +} + +#entry:selected { + border: 1px solid @lavender; + border-radius: 10px; +} + +#entry:selected #text { + color: @mauve; +} + +#entry:drop(active) { + background-color: @lavender!important; +} diff --git a/modules/wm/hyprland/default.nix b/modules/wm/hyprland/default.nix index b6fb7ed..5e343e7 100644 --- a/modules/wm/hyprland/default.nix +++ b/modules/wm/hyprland/default.nix @@ -44,9 +44,9 @@ in { system.activationScripts.script.text = '' cd /home/horseman; - rm -r .config/hypr .config/eww; + rm -r .config/hypr .config/eww .config/wofi; cp -r nix-config/modules/wm/hyprland/config/* .config; - chown -R horseman:users .config/hypr .config/eww + chown -R horseman:users .config/hypr .config/eww .config/wofi ''; }; }