nixos-dotfiles

nixos-dotfiles

https://git.tonybtw.com/nixos-dotfiles.git git://git.tonybtw.com/nixos-dotfiles.git
nixos-dotfiles / config / mango / style.css
1,615 bytes raw
1 
@define-color bg    #1a1b26;
2 
@define-color fg    #a9b1d6;
3 
@define-color blk   #32344a;
4 
@define-color red   #f7768e;
5 
@define-color grn   #9ece6a;
6 
@define-color ylw   #e0af68;
7 
@define-color blu   #7aa2f7;
8 
@define-color mag   #ad8ee6;
9 
@define-color cyn   #0db9d7;
10 
@define-color brblk #444b6a;
11 
@define-color white #ffffff;
12
13 
* {
14 
    font-family: "JetBrainsMono 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.hidden {
35 
    color: @white;
36 
}
37 
#workspaces button.hidden.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: @blu;
74 
    border-bottom: 4px solid @blu;
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: @red;
94 
    border-bottom: 4px solid @red;
95 
}
96
97 
#network.disconnected {
98 
    background-color: @red;
99 
}
100
101 
#tray {
102 
    background-color: #2980b9;
103 
}