.config/waybar/style.css


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

@define-color foreground rgba(228, 228, 239, 1);
@define-color foreground-active rgba(175, 215, 255, 1);
@define-color background rgba(0, 0, 0, 0.88);

* {
    font-family: DejaVu Sans Mono;
    font-size: 12px;
	min-height: 0;
    padding: 0.1rem;
    margin: 0;
}

window#waybar {
    color: @foreground;
    background-color: @background;
}

#workspaces button {
    color: @foreground;
}

.module {
	padding: 0rem 0.6rem;
}

#custom-separator {
	padding: 0 0.2rem;
}

#workspaces button {
    padding: 0 0.3rem;
}

#workspaces button.active {
	color: @foreground-active;
}