1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
|
{ ... }:
{
programs.waybar.style = ''
* {
font-family: "Iosevka Nerd Font";
font-size: 14px;
}
window#waybar {
background-color: #000000;
margin: 0;
}
#workspaces {
margin: 8px 0 4px 8px;
}
#workspaces button {
color: #89b4fa;
background: #16161a;
margin-right: 6px;
border-radius: 12px;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
padding: 4px 12px;
font-weight: bold;
transition: all 0.3s ease;
}
#workspaces button.active {
color: #09090F;
margin-right: 6px;
border-radius: 12px;
background: linear-gradient(135deg, #cba6f7, #f9e2af, #a6e3a1, #89b4fa);
background-size: 200% 200%;
animation: shift 6s ease infinite;
}
@keyframes shift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
#window {
color: #d3869b;
margin: 8px 8px 4px 8px;
border-radius: 12px;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
padding: 4px 12px;
font-weight: bold;
}
#cpu,
#network,
#wireplumber,
#battery {
color: #d3869b;
background: #16161a;
margin: 8px 8px 4px 0;
border-radius: 12px;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
padding: 4px 12px;
font-weight: bold;
}
#clock {
background: linear-gradient(135deg, #cdd6f4, #f38ba8);
background-size: 200% 200%;
animation: shift 6s ease infinite;
margin: 8px 8px 4px 0;
border-radius: 12px;
padding: 4px 12px;
color: #09090F;
font-weight: bold;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#taskbar {
background: #16161a;
color: #89b4fa;
margin: 8px 8px 4px 0;
border-radius: 12px;
min-width: 38px;
padding: 3px;
font-weight: bold;
}
#custom-distro-icon {
background: radial-gradient(circle, rgba(203,166,247,1) 0%, rgba(193,168,247,1) 12%, rgba(249,226,175,1) 19%, rgba(189,169,247,1) 20%, rgba(182,171,247,1) 24%, rgba(198,255,194,1) 36%, rgba(177,172,247,1) 37%, rgba(170,173,248,1) 48%, rgba(255,255,255,1) 52%, rgba(166,174,248,1) 52%, rgba(160,175,248,1) 59%, rgba(148,226,213,1) 66%, rgba(155,176,248,1) 67%, rgba(152,177,248,1) 68%, rgba(205,214,244,1) 77%, rgba(148,178,249,1) 78%, rgba(144,179,250,1) 82%, rgba(180,190,254,1) 83%, rgba(141,179,250,1) 90%, rgba(137,180,250,1) 100%);
background-size: 400% 400%;
color: #09090F;
margin: 8px 4px 4px 8px;
border-radius: 12px;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
padding: 0;
min-width: 34px;
font-size: 18px;
font-weight: bold;
}
'';
}
|
