m1emi1em.dev
Personal NixOS flake
feat(wofi): get themed
+1
home/emily/gui/hyprland/default.nix
+1
home/emily/gui/hyprland/default.nix
+173
home/emily/gui/hyprland/wofi.nix
+173
home/emily/gui/hyprland/wofi.nix
···
1
+
{ ... } : {
2
+
programs.wofi = {
3
+
enable = true;
4
+
settings = {
5
+
6
+
};
7
+
style = ''@define-color rosewater #f5e0dc;
8
+
@define-color rosewater-rgb rgb(245, 224, 220);
9
+
@define-color flamingo #f2cdcd;
10
+
@define-color flamingo-rgb rgb(242, 205, 205);
11
+
@define-color pink #f5c2e7;
12
+
@define-color pink-rgb rgb(245, 194, 231);
13
+
@define-color mauve #cba6f7;
14
+
@define-color mauve-rgb rgb(203, 166, 247);
15
+
@define-color red #f38ba8;
16
+
@define-color red-rgb rgb(243, 139, 168);
17
+
@define-color maroon #eba0ac;
18
+
@define-color maroon-rgb rgb(235, 160, 172);
19
+
@define-color peach #fab387;
20
+
@define-color peach-rgb rgb(250, 179, 135);
21
+
@define-color yellow #f9e2af;
22
+
@define-color yellow-rgb rgb(249, 226, 175);
23
+
@define-color green #a6e3a1;
24
+
@define-color green-rgb rgb(166, 227, 161);
25
+
@define-color teal #94e2d5;
26
+
@define-color teal-rgb rgb(148, 226, 213);
27
+
@define-color sky #89dceb;
28
+
@define-color sky-rgb rgb(137, 220, 235);
29
+
@define-color sapphire #74c7ec;
30
+
@define-color sapphire-rgb rgb(116, 199, 236);
31
+
@define-color blue #89b4fa;
32
+
@define-color blue-rgb rgb(137, 180, 250);
33
+
@define-color lavender #b4befe;
34
+
@define-color lavender-rgb rgb(180, 190, 254);
35
+
@define-color text #cdd6f4;
36
+
@define-color text-rgb rgb(205, 214, 244);
37
+
@define-color subtext1 #bac2de;
38
+
@define-color subtext1-rgb rgb(186, 194, 222);
39
+
@define-color subtext0 #a6adc8;
40
+
@define-color subtext0-rgb rgb(166, 173, 200);
41
+
@define-color overlay2 #9399b2;
42
+
@define-color overlay2-rgb rgb(147, 153, 178);
43
+
@define-color overlay1 #7f849c;
44
+
@define-color overlay1-rgb rgb(127, 132, 156);
45
+
@define-color overlay0 #6c7086;
46
+
@define-color overlay0-rgb rgb(108, 112, 134);
47
+
@define-color surface2 #585b70;
48
+
@define-color surface2-rgb rgb(88, 91, 112);
49
+
@define-color surface1 #45475a;
50
+
@define-color surface1-rgb rgb(69, 71, 90);
51
+
@define-color surface0 #313244;
52
+
@define-color surface0-rgb rgb(49, 50, 68);
53
+
@define-color base #1e1e2e;
54
+
@define-color base-rgb rgb(30, 30, 46);
55
+
@define-color mantle #181825;
56
+
@define-color mantle-rgb rgb(24, 24, 37);
57
+
@define-color crust #11111b;
58
+
@define-color crust-rgb rgb(17, 17, 27);
59
+
60
+
* {
61
+
font-family: 'Noto Sans Mono', monospace;
62
+
font-size: 1.0rem;
63
+
}
64
+
65
+
/* Window */
66
+
window {
67
+
margin: 5px;
68
+
padding: 0px;
69
+
border: 0.16em solid @lavender;
70
+
border-radius: 0.1em;
71
+
background-color: @base;
72
+
animation: slideIn 0.5s ease-in-out both;
73
+
}
74
+
75
+
/* Slide In */
76
+
@keyframes slideIn {
77
+
0% {
78
+
opacity: 0;
79
+
}
80
+
81
+
100% {
82
+
opacity: 1;
83
+
}
84
+
}
85
+
86
+
/* Inner Box */
87
+
#inner-box {
88
+
margin: 5px;
89
+
padding: 0px;
90
+
border: none;
91
+
background-color: @base;
92
+
animation: fadeIn 0.5s ease-in-out both;
93
+
}
94
+
95
+
/* Fade In */
96
+
@keyframes fadeIn {
97
+
0% {
98
+
opacity: 0;
99
+
}
100
+
101
+
100% {
102
+
opacity: 1;
103
+
}
104
+
}
105
+
106
+
/* Outer Box */
107
+
#outer-box {
108
+
margin: 5px;
109
+
padding: 0px;
110
+
border: none;
111
+
background-color: @base;
112
+
}
113
+
114
+
/* Scroll */
115
+
#scroll {
116
+
margin: 5px;
117
+
padding: 0px;
118
+
border: none;
119
+
background-color: @base;
120
+
}
121
+
122
+
/* Input */
123
+
#input {
124
+
margin: 5px 5px;
125
+
padding: 0px 10px;
126
+
border: none;
127
+
border-radius: 0.1em;
128
+
color: @text;
129
+
background-color: @base;
130
+
animation: fadeIn 0.5s ease-in-out both;
131
+
}
132
+
133
+
#input image {
134
+
border: none;
135
+
color: @red;
136
+
}
137
+
138
+
#input * {
139
+
outline: 4px solid @red!important;
140
+
}
141
+
142
+
/* Text */
143
+
#text {
144
+
margin: 5px;
145
+
border: none;
146
+
color: @text;
147
+
animation: fadeIn 0.5s ease-in-out both;
148
+
}
149
+
150
+
#entry {
151
+
background-color: @base;
152
+
}
153
+
154
+
#entry arrow {
155
+
border: none;
156
+
color: @lavender;
157
+
}
158
+
159
+
/* Selected Entry */
160
+
#entry:selected {
161
+
border: 0.11em solid @lavender;
162
+
}
163
+
164
+
#entry:selected #text {
165
+
color: @mauve;
166
+
}
167
+
168
+
#entry:drop(active) {
169
+
background-color: @lavender!important;
170
+
}
171
+
'';
172
+
};
173
+
}