{ lib, config, pkgs, ... }: { programs.wofi = { enable = true; settings = { location = "center"; allow_markup = true; width = 250; }; # Force the style to stop Stylix being a bitch and overwriting it style = lib.mkForce '' @define-color rosewater #f2d5cf; @define-color rosewater-rgb rgb(242, 213, 207); @define-color flamingo #eebebe; @define-color flamingo-rgb rgb(238, 190, 190); @define-color pink #f4b8e4; @define-color pink-rgb rgb(244, 184, 228); @define-color mauve #ca9ee6; @define-color mauve-rgb rgb(202, 158, 230); @define-color red #e78284; @define-color red-rgb rgb(231, 130, 132); @define-color maroon #ea999c; @define-color maroon-rgb rgb(234, 153, 156); @define-color peach #ef9f76; @define-color peach-rgb rgb(239, 159, 118); @define-color yellow #e5c890; @define-color yellow-rgb rgb(229, 200, 144); @define-color green #a6d189; @define-color green-rgb rgb(166, 209, 137); @define-color teal #81c8be; @define-color teal-rgb rgb(129, 200, 190); @define-color sky #99d1db; @define-color sky-rgb rgb(153, 209, 219); @define-color sapphire #85c1dc; @define-color sapphire-rgb rgb(133, 193, 220); @define-color blue #8caaee; @define-color blue-rgb rgb(140, 170, 238); @define-color lavender #babbf1; @define-color lavender-rgb rgb(186, 187, 241); @define-color text #c6d0f5; @define-color text-rgb rgb(198, 208, 245); @define-color subtext1 #b5bfe2; @define-color subtext1-rgb rgb(181, 191, 226); @define-color subtext0 #a5adce; @define-color subtext0-rgb rgb(165, 173, 206); @define-color overlay2 #949cbb; @define-color overlay2-rgb rgb(148, 156, 187); @define-color overlay1 #838ba7; @define-color overlay1-rgb rgb(131, 139, 167); @define-color overlay0 #737994; @define-color overlay0-rgb rgb(115, 121, 148); @define-color surface2 #626880; @define-color surface2-rgb rgb(98, 104, 128); @define-color surface1 #51576d; @define-color surface1-rgb rgb(81, 87, 109); @define-color surface0 #414559; @define-color surface0-rgb rgb(65, 69, 89); @define-color base #303446; @define-color base-rgb rgb(48, 52, 70); @define-color mantle #292c3c; @define-color mantle-rgb rgb(41, 44, 60); @define-color crust #232634; @define-color crust-rgb rgb(35, 38, 52); * { font-family: 'FiraCode Nerd Font'; font-size: 16px; } /* Window */ window { margin: 0px; padding: 10px; border: 0.16em solid @teal; border-radius: 0.5em; background-color: @base; animation: slideIn 0.25s 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: none; border-radius: 0.25em; color: @text; background-color: @base; animation: fadeIn 0.25s 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: @teal; } /* Selected Entry */ #entry:selected { border: 0.10em solid @teal; border-radius: 0.25em; } #entry:selected #text { color: @teal; } #entry:drop(active) { background-color: @lavender!important; } ''; }; }