begun making my home-manager config modular
This commit is contained in:
parent
97b344eb03
commit
4fcc76a32c
23 changed files with 1586 additions and 947 deletions
183
homes/modules/wofi.nix
Executable file
183
homes/modules/wofi.nix
Executable file
|
|
@ -0,0 +1,183 @@
|
|||
{
|
||||
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;
|
||||
}
|
||||
'';
|
||||
};
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue