mango/style.css 1.6 K raw
1
@define-color bg    #121113;
2
@define-color fg    #ffffff;
3
@define-color blk   #121113;
4
@define-color red   #5f8787;
5
@define-color grn   #fbcb97;
6
@define-color ylw   #e78a53;
7
@define-color blu   #888888;
8
@define-color mag   #999999;
9
@define-color cyn   #aaaaaa;
10
@define-color brblk #333333;
11
@define-color white #c1c1c1;
12
13
* {
14
    font-family: "BerkeleyMono Nerd Font", monospace;
15
    font-size: 16px;
16
    font-weight: bold;
17
}
18
19
window#waybar {
20
    background-color: @bg;
21
    color: @fg;
22
}
23
24
#workspaces button {
25
    padding: 0 6px;
26
    color: @cyn;
27
    background: transparent;
28
    border-bottom: 3px solid @bg;
29
}
30
#workspaces button.active {
31
    color: @cyn;
32
    border-bottom: 3px solid @mag;
33
}
34
#workspaces button.empty {
35
    color: @white;
36
}
37
#workspaces button.empty.active {
38
    color: @cyn;
39
    border-bottom: 3px solid @mag;
40
}
41
42
#workspaces button.urgent {
43
    background-color: @red;
44
}
45
46
button:hover {
47
    background: inherit;
48
    box-shadow: inset 0 -3px #ffffff;
49
}
50
51
#clock,
52
#custom-sep,
53
#battery,
54
#cpu,
55
#memory,
56
#disk,
57
#network,
58
#tray {
59
    padding: 0 8px;
60
    color: @white;
61
}
62
63
#custom-sep {
64
    color: @brblk;
65
}
66
67
#clock {
68
    color: @cyn;
69
    border-bottom: 4px solid @cyn;
70
}
71
72
#battery {
73
    color: @mag;
74
    border-bottom: 4px solid @mag;
75
}
76
77
#disk {
78
    color: @ylw;
79
    border-bottom: 4px solid @ylw;
80
}
81
82
#memory {
83
    color: @mag;
84
    border-bottom: 4px solid @mag;
85
}
86
87
#cpu {
88
    color: @grn;
89
    border-bottom: 4px solid @grn;
90
}
91
92
#network {
93
    color: @blu;
94
    border-bottom: 4px solid @blu;
95
}
96
97
#network.disconnected {
98
    background-color: @red;
99
}
100
101
#tray {
102
    background-color: #2980b9;
103
}
104