.config/waybar/style.css 2.6 KiB raw
1
@import url("file:///etc/xdg/waybar/style.css");
2
3
* {
4
    font-family: "BlexMono Nerd Font Mono", "BlexMono Nerd Font", monospace;
5
    font-size: 16px;
6
}
7
8
window#waybar {
9
    background-color: #000000;
10
    border-bottom: none;
11
    color: #dddddd;
12
}
13
14
#clock {
15
    background-color: transparent;
16
    color: #dddddd;
17
}
18
19
#network {
20
    background-color: transparent;
21
    color: #dddddd;
22
}
23
24
#network.disconnected {
25
    background-color: transparent;
26
    color: #ff5555;
27
}
28
29
#cpu {
30
    background-color: transparent;
31
    color: #dddddd;
32
}
33
34
#memory {
35
    background-color: transparent;
36
    color: #dddddd;
37
}
38
39
#disk {
40
    background-color: transparent;
41
    color: #dddddd;
42
}
43
44
#pulseaudio {
45
    background-color: transparent;
46
    color: #dddddd;
47
}
48
49
#battery {
50
    background-color: transparent;
51
    color: #dddddd;
52
}
53
#battery.charging,
54
#battery.plugged {
55
    background-color: transparent;
56
}
57
58
#custom-clipboard {
59
    background-color: transparent;
60
    color: #dddddd;
61
    padding: 0 8px;
62
}
63
64
#custom-screenshot {
65
    background-color: transparent;
66
    color: #dddddd;
67
    padding: 0 8px;
68
}
69
70
#custom-clipboard:hover,
71
#custom-screenshot:hover {
72
    background-color: #404040;
73
    color: #ffffff;
74
}
75
76
#tray {
77
    background-color: transparent;
78
}
79
80
menu {
81
    background-color: #000000;
82
    border: 1px solid #404040;
83
    color: #dddddd;
84
}
85
86
menuitem {
87
    background-color: transparent;
88
    color: #dddddd;
89
}
90
91
menuitem:hover {
92
    background-color: #404040;
93
    color: #ffffff;
94
}
95
96
menu separator {
97
    background-color: #404040;
98
}
99
100
#workspaces button {
101
    background-color: transparent;
102
    background-image: none;
103
    border: none;
104
    box-shadow: none;
105
    color: #777777;
106
    text-shadow: none;
107
    -gtk-icon-shadow: none;
108
    transition: none;
109
    animation: none;
110
}
111
112
#workspaces button:hover {
113
    background: #181818;
114
    background-image: none;
115
    border: none;
116
    box-shadow: none;
117
    color: #777777;
118
    text-shadow: none;
119
    -gtk-icon-shadow: none;
120
    transition: none;
121
    animation: none;
122
}
123
124
#workspaces button.visible {
125
    color: #777777;
126
}
127
128
#workspaces button.focused,
129
#workspaces button.active {
130
    background-color: #1a1a1a;
131
    color: #999999;
132
    box-shadow: none;
133
    text-shadow: none;
134
    -gtk-icon-shadow: none;
135
}
136
137
#workspaces button.urgent {
138
    background-color: #b03060;
139
    color: #ffffff;
140
}
141
142
#taskbar button {
143
    background-color: transparent;
144
    border: none;
145
    box-shadow: none;
146
    color: #dddddd;
147
    padding: 0;
148
}
149
150
#taskbar button:not(.active) {
151
    font-size: 0;
152
    min-width: 0;
153
    margin: 0;
154
    opacity: 0;
155
}
156
157
#taskbar button.active {
158
    padding-left: 8px;
159
    padding-right: 8px;
160
}