thomasabishop/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

waybar: tweaks to appearance

Browse source
This commit is contained in:
thomasabishop 2024-03-01 16:35:31 +00:00
parent 523df45505
commit 8c61cab260
2 changed files with 77 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
waybar/config
View file

@ -8,11 +8,7 @@
"hyprland/workspaces", "hyprland/workspaces",
"wlr/taskbar" "wlr/taskbar"
], ],
"modules-center": [ "modules-center": [],
"custom/spotify",
"custom/toggl",
"custom/wakatime"
],
"modules-right": [ "modules-right": [
"network", "network",
"bluetooth", "bluetooth",
@ -22,7 +18,10 @@
"temperature", "temperature",
"backlight", "backlight",
"battery", "battery",
"clock" "custom/wakatime",
"clock",
"idle_inhibitor",
"custom/logout"
], ],
"wlr/taskbar": { "wlr/taskbar": {
"format": "{icon} {name}", "format": "{icon} {name}",
@ -78,17 +77,13 @@
"tooltip-format-disconnected": "MPD (disconnected)" "tooltip-format-disconnected": "MPD (disconnected)"
}, },
"idle_inhibitor": { "idle_inhibitor": {
"format": "{icon}", "format": "󰈈"
"format-icons": {
"activated": "",
"deactivated": ""
}
}, },
"tray": { "tray": {
"spacing": 10 "spacing": 10
}, },
"clock": { "clock": {
"format": "{: %H:%M }", "format": "{:󰖉 %H:%M }",
"format-alt": "{: %d/%m/%Y}" "format-alt": "{: %d/%m/%Y}"
}, },
"cpu": { "cpu": {
@ -127,16 +122,15 @@
"warning": 30, "warning": 30,
"critical": 15 "critical": 15
}, },
"format": "{icon} {capacity}%", "format": "{icon} {capacity}%",
"format-charging": " {capacity}%", "format-charging": "󰂈 {capacity}%",
"format-plugged": " {capacity}%", "format-plugged": "󰂄 {capacity}%",
"format-alt": "{time} {icon}",
"format-icons": [ "format-icons": [
"", "󰁻",
"", "󰁼",
"", "󰁿",
"", "󰂀",
"" "󰁹"
] ]
}, },
"battery#bat2": { "battery#bat2": {
@ -210,7 +204,7 @@
}, },
"custom/wakatime": { "custom/wakatime": {
"exec": "source $HOME/dotfiles/.env && python3 $HOME/.config/waybar/resources/custom_modules/wakatime.py", "exec": "source $HOME/dotfiles/.env && python3 $HOME/.config/waybar/resources/custom_modules/wakatime.py",
"format": " {}", "format": "󰅱 {}",
"return-type": "json", "return-type": "json",
"interval": 600 "interval": 600
}, },
@ -219,5 +213,10 @@
"format": "{}", "format": "{}",
"return-type": "json", "return-type": "json",
"interval": 600 "interval": 600
},
"custom/logout": {
"format": "󰠜",
"on-click": "wlogout",
"tooltip": false
} }
} }

94
waybar/style.css
View file

@ -1,6 +1,5 @@
* { * {
font-family: FontAwesome, "PragmataPro Mono Liga", Roboto, Helvetica, Arial, font-family: "PragmataPro Mono Liga", Roboto, Helvetica, Arial, sans-serif;
sans-serif;
font-size: 16px; font-size: 16px;
} }
@ -29,8 +28,9 @@ button {
#workspaces button { #workspaces button {
padding: 2px 3px; padding: 2px 3px;
color: #282828; /* color: #282828; */
background-color: #928374;
background-color: #3c3836;
margin-right: 5px; margin-right: 5px;
margin-top: 6px; margin-top: 6px;
margin-bottom: 6px; margin-bottom: 6px;
@ -45,11 +45,12 @@ button {
padding: 3px 8px; padding: 3px 8px;
margin-top: 6px; margin-top: 6px;
margin-bottom: 6px; margin-bottom: 6px;
border-bottom: 2px solid #3c3836;
} }
#taskbar button.active { #taskbar button.active {
background-color: #98971a; border-bottom: 2px solid #98971a;
color: #282828; color: #98971a;
/* padding: 3px 10px; /* padding: 3px 10px;
margin-top: 6px; margin-top: 6px;
@ -76,7 +77,8 @@ button {
#user, #user,
#bluetooth, #bluetooth,
#custom-wakatime, #custom-wakatime,
#custom-toggl { #custom-toggl,
#custom-logout {
font-weight: 400; font-weight: 400;
padding: 3px 10px; padding: 3px 10px;
margin-left: 4px; margin-left: 4px;
@ -84,6 +86,15 @@ button {
margin-bottom: 6px; margin-bottom: 6px;
} }
#custom-wakatime {
}
#custom-logout {
margin-right: 8px;
background-color: #ebdbb2;
color: #282828;
}
#custom-os { #custom-os {
font-weight: 400; font-weight: 400;
padding: 3px 10px; padding: 3px 10px;
@ -99,30 +110,35 @@ button {
} }
#clock { #clock {
background-color: #689d6a; color: #fb4934;
color: #1d2021; /* color: #1d2021; */
margin-right: 8px; /* margin-right: 8px; */
margin-right: 4px;
} }
#bluetooth { #bluetooth {
background-color: #d65d0e; border-right: 1px solid #504945;
color: #1d2021; color: #689d6a;
/* color: #282828; */
} }
#battery { #battery {
background-color: #b16286; color: #b16286;
color: #f2e5bc; border-right: 1px solid #504945;
padding-right: 14px;
/* color: #282828; */
} }
#battery.charging, #battery.charging,
#battery.plugged { #battery.plugged {
background-color: #b16286; color: #b16286;
color: #f2e5bc; /* color: #282828; */
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
background-color: #ea6962; background-color: #fb4934;
color: #f2e5bc; color: #f2e5bc;
animation-name: blink; animation-name: blink;
animation-duration: 0.5s; animation-duration: 0.5s;
@ -132,37 +148,37 @@ button {
} }
#cpu { #cpu {
background-color: #d79921; color: #d79921;
color: #282828; /* color: #282828; */
/* color: #282828; */ /* color: #282828; */
} }
#memory { #memory {
background-color: #d79921; color: #d79921;
color: #282828; /* color: #282828; */
} }
#disk { #disk {
background-color: #d79921; color: #d79921;
color: #282828; /* color: #282828; */
} }
#backlight { #backlight {
background-color: #b16286; color: #b16286;
color: #f2e5bc; /* color: #282828; */
} }
#network { #network {
background-color: #d65d0e; color: #689d6a;
color: #1d2021; /* color: #282828; */
} }
#network.format.icons { #network.format.icons {
background-color: red; background-color: #fb4934;
} }
#network.disconnected { #network.disconnected {
background-color: #ea6962; background-color: #fb4934;
} }
#user { #user {
@ -176,22 +192,24 @@ button {
} }
#temperature { #temperature {
background-color: #d79921; color: #d79921;
color: #282828; border-right: 1px solid #504945;
padding-right: 14px;
} }
#temperature.critical { #temperature.critical {
color: #282c34; color: #282c34;
background-color: #e06c75; background-color: #fb4934;
} }
#idle_inhibitor { #idle_inhibitor {
background-color: #2d3436; background-color: #3c3836;
padding-right: 14px;
} }
#idle_inhibitor.activated { #idle_inhibitor.activated {
background-color: #abb2bf; background-color: #98971a;
color: #2d3436; color: #282828;
} }
#custom-os { #custom-os {
@ -201,9 +219,9 @@ button {
} }
#custom-wakatime { #custom-wakatime {
background-color: #b16286; color: #d65d0e;
color: #f2e5bc; border-right: 1px solid #504945;
margin-right: 4px; padding-right: 14px;
} }
#custom-toggl { #custom-toggl {