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
|
@define-color black #0f0f0f;
@define-color gray-0 #131414;
@define-color gray-1 #1D1F1E;
@define-color gray-2 #272A28;
@define-color gray-3 #3A3F3C;
@define-color gray-4 #585F5A;
@define-color gray-5 #6B746E;
@define-color gray-6 #878E7A;
@define-color gray-7 #999C8B;
@define-color gray-8 #B6B69A;
@define-color gray-9 #D8CCB4;
@define-color gray-10 #E3DAC9;
@define-color white #F9EEE5;
@define-color light-yellow #efbe71;
@define-color yellow #ef944d;
* {
border-radius: 0px;
font-family: Maple Mono NF;
font-weight: 600;
font-size: 14px;
margin: 1px;
}
window#waybar {
background-color: @black;
border: 2px solid @black;
border-radius: 0px;
}
#workspaces, #tags {
border: none;
background: @gray-1;
box-shadow: none;
text-shadow: none;
padding: 4px;
margin: 4px;
}
#workspaces button, #tags button {
border: none;
border-radius: 0px;
background: @gray-2;
box-shadow: none;
text-shadow: none;
padding: 2 12px;
margin: 2px;
color: @light-yellow;
}
#workspaces button:hover, #tags button:hover {
border: none;
background: @gray-3;
font-weight: 600;
color: @light-yellow;
}
#workspaces button.active, button.focused, #tags button.active, button.focused {
border: none;
background: @yellow;
color: @black;
padding: 2 24px;
}
#workspaces button.active:hover, button.focused:hover, #tags button.active:hover, button.focused:hover {
border: none;
background: @light-yellow;
color: @black;
padding: 2 24px;
}
#clock, #cpu, #pulseaudio, #memory, #temperature, #battery, #tray {
border: none;
background: @gray-1;
box-shadow: none;
text-shadow: none;
padding: 0 16px;
margin: 4px;
color: @white;
}
#clock:hover, #cpu:hover, #pulseaudio:hover, #memory:hover, #temperature:hover, #battery:hover, #tray:hover {
border: none;
background: @gray-3;
font-weight: 600;
color: @white;
}
|
