A spin of Alpine Linux for my personal usage
emmeline.girlkisser.top
1@import "flexoki-light.css";
2
3
4* {
5 border: none;
6 border-radius: 0;
7 font-family: 'Mononoki Nerd Font';
8 font-size: 13px;
9 min-height: 0;
10}
11
12window#waybar {
13 background: @bg;
14 border-bottom: 3px solid @ui;
15 color: @tx;
16}
17
18tooltip,
19menu {
20 background: @bg-2;
21 border: 3px solid @ui-2;
22 color: @tx;
23}
24
25tooltip label,
26menuitem {
27 color: @tx;
28}
29
30menuitem:hover {
31 background-color: @gr-2;
32}
33
34separatormenuitem {
35 padding: 10px 0;
36}
37
38
39#window,
40#mpd,
41#tray{
42 padding: 5px 10px;
43 background: @ui;
44 border-bottom: 3px solid @ui-3;
45 color: @tx;
46}
47
48#custom-aux,
49#wireplumber,
50#network,
51#battery,
52#clock,
53#custom-power,
54#workspaces button {
55 padding: 5px 10px;
56 background: @gr-2;
57 border-bottom: 3px solid @gr;
58 color: @tx;
59}
60
61#custom-aux {
62 background-color: @cy-2;
63 border-bottom-color: @cy;
64 color: @tx;
65
66 padding-right: 16px; /* Accounts for the nerd font icon being wider than usual. */
67 margin-right: 4px;
68}
69
70#custom-aux:hover {
71 background-color: @bl-2;
72 border-bottom-color: @bl;
73}
74
75#window,
76#tray,
77#wireplumber,
78#network,
79#battery,
80#clock,
81#custom-power {
82 margin-left: 4px;
83}
84
85window#waybar.empty #window,
86#mpd.stopped {
87 background-color: transparent;
88 border-color: transparent;
89}
90
91#workspaces button {
92 background: transparent;
93 border-color: transparent;
94 padding: 5px;
95}
96
97#workspaces button.focused {
98 background: @gr-2;
99 border-color: @gr;
100}
101
102@keyframes blink {
103 to {
104 background: @re-2;
105 border-color: @re;
106 }
107}
108
109#battery.warning:not(.charging) {
110 background: @ye-2;
111 border-color: @ye;
112 animation: blink 0.5s steps(12) infinite alternate;
113}
114