Skip to content

Commit 1e1c007

Browse files
Add waybar dotfiles
1 parent 5bb01bb commit 1e1c007

3 files changed

Lines changed: 198 additions & 0 deletions

File tree

waybar/.config/waybar/config.jsonc

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
{
2+
"position": "top",
3+
"modules-left": ["hyprland/workspaces"],
4+
"modules-right": ["network", "pulseaudio", "battery", "clock"],
5+
"clock": {
6+
"format": "<span foreground='#f5c2e7'> </span>{:%a %d %H:%M}",
7+
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
8+
},
9+
"battery": {
10+
"states": {
11+
"warning": 30,
12+
"critical": 15
13+
},
14+
"format": "<span size='13000' foreground='#a6e3a1'>{icon} </span> {capacity}%",
15+
"format-warning": "<span size='13000' foreground='#B1E3AD'>{icon} </span> {capacity}%",
16+
"format-critical": "<span size='13000' foreground='#E38C8F'>{icon} </span> {capacity}%",
17+
"format-charging": "<span size='13000' foreground='#B1E3AD'> </span>{capacity}%",
18+
"format-plugged": "<span size='13000' foreground='#B1E3AD'> </span>{capacity}%",
19+
"format-alt": "<span size='13000' foreground='#B1E3AD'>{icon} </span> {time}",
20+
"format-full": "<span size='13000' foreground='#B1E3AD'> </span>{capacity}%",
21+
"format-icons": ["", "", "", "", ""],
22+
"tooltip-format": "{time}"
23+
},
24+
"network": {
25+
"format-wifi": "<span size='13000' foreground='#f5e0dc'> </span>{essid}",
26+
"format-ethernet": "<span size='13000' foreground='#f5e0dc'>󰤭 </span> Disconnected",
27+
"format-linked": "{ifname} (No IP) ",
28+
"format-disconnected": "<span size='13000' foreground='#f5e0dc'> </span>Disconnected",
29+
"tooltip-format-wifi": "Signal Strenght: {signalStrength}%"
30+
},
31+
"pulseaudio": {
32+
"on-click": "pactl set-sink-mute @DEFAULT_SINK@ toggle",
33+
"format": "<span size='13000' foreground='#89b4fa'>{icon} </span> {volume}%",
34+
"format-muted": "<span size='14000' foreground='#89b4fa'></span> Muted",
35+
"format-icons": {
36+
"headphone": "",
37+
"hands-free": "",
38+
"headset": "",
39+
"phone": "",
40+
"portable": "",
41+
"car": "",
42+
"default": ["", ""]
43+
}
44+
}
45+
}

waybar/.config/waybar/mocha.css

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
@define-color rosewater #f5e0dc;
2+
@define-color flamingo #f2cdcd;
3+
@define-color pink #f5c2e7;
4+
@define-color mauve #cba6f7;
5+
@define-color red #f38ba8;
6+
@define-color maroon #eba0ac;
7+
@define-color peach #fab387;
8+
@define-color yellow #f9e2af;
9+
@define-color green #a6e3a1;
10+
@define-color teal #94e2d5;
11+
@define-color sky #89dceb;
12+
@define-color sapphire #74c7ec;
13+
@define-color blue #89b4fa;
14+
@define-color lavender #b4befe;
15+
@define-color text #cdd6f4;
16+
@define-color subtext1 #bac2de;
17+
@define-color subtext0 #a6adc8;
18+
@define-color overlay2 #9399b2;
19+
@define-color overlay1 #7f849c;
20+
@define-color overlay0 #6c7086;
21+
@define-color surface2 #585b70;
22+
@define-color surface1 #45475a;
23+
@define-color surface0 #313244;
24+
@define-color base #1e1e2e;
25+
@define-color mantle #181825;
26+
@define-color crust #11111b;

waybar/.config/waybar/style.css

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
@import "mocha.css";
2+
3+
* {
4+
font-family: "MesloLGS Nerd Font Mono Bold";
5+
font-size: 14px;
6+
min-height: 0;
7+
font-weight: bold;
8+
}
9+
10+
window#waybar {
11+
background: transparent;
12+
background-color: @crust;
13+
color: @overlay0;
14+
transition-property: background-color;
15+
transition-duration: 0.1s;
16+
border-bottom: 1px solid @overlay1;
17+
}
18+
19+
#window {
20+
margin: 0;
21+
padding-left: 8;
22+
padding-right: 8;
23+
}
24+
25+
button {
26+
box-shadow: inset 0 -3px transparent;
27+
border: none;
28+
border-radius: 0;
29+
}
30+
31+
button:hover {
32+
background: inherit;
33+
color: @mauve;
34+
border-top: 2px solid @mauve;
35+
}
36+
37+
#workspaces button {
38+
padding: 0 4px;
39+
}
40+
41+
#workspaces button.focused {
42+
background-color: rgba(0, 0, 0, 0.3);
43+
color: @rosewater;
44+
border-top: 2px solid @rosewater;
45+
}
46+
47+
#workspaces button.active {
48+
background-color: rgba(0, 0, 0, 0.3);
49+
color: @mauve;
50+
border-top: 2px solid @mauve;
51+
}
52+
53+
#workspaces button.urgent {
54+
background-color: #eb4d4b;
55+
}
56+
57+
#pulseaudio,
58+
#clock,
59+
#battery,
60+
#cpu,
61+
#memory,
62+
#disk,
63+
#temperature,
64+
#backlight,
65+
#wireplumber,
66+
#tray,
67+
#network,
68+
#mode,
69+
#scratchpad {
70+
margin-top: 2px;
71+
margin-bottom: 2px;
72+
margin-left: 4px;
73+
margin-right: 4px;
74+
padding-left: 4px;
75+
padding-right: 4px;
76+
}
77+
78+
#clock {
79+
color: @maroon;
80+
border-bottom: 2px solid @maroon;
81+
}
82+
83+
#clock.date {
84+
color: @mauve;
85+
border-bottom: 2px solid @mauve;
86+
}
87+
88+
#pulseaudio {
89+
color: @blue;
90+
border-bottom: 2px solid @blue;
91+
}
92+
93+
#network {
94+
color: @yellow;
95+
border-bottom: 2px solid @yellow;
96+
}
97+
98+
#idle_inhibitor {
99+
margin-right: 12px;
100+
color: #7cb342;
101+
}
102+
103+
#idle_inhibitor.activated {
104+
color: @red;
105+
}
106+
107+
#battery {
108+
color: @green;
109+
border-bottom: 2px solid @green;
110+
}
111+
112+
/* If workspaces is the leftmost module, omit left margin */
113+
.modules-left>widget:first-child>#workspaces {
114+
margin-left: 0;
115+
}
116+
117+
/* If workspaces is the rightmost module, omit right margin */
118+
.modules-right>widget:last-child>#workspaces {
119+
margin-right: 0;
120+
}
121+
122+
#custom-vpn {
123+
color: @lavender;
124+
border-radius: 15px;
125+
padding-left: 6px;
126+
padding-right: 6px;
127+
}

0 commit comments

Comments
 (0)