Nicholai/arch-waybar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Nicholai:0b9e9f0ca7d344e00fd30a9238c2bb9a7e1d6859
Branches Tags
Nicholai:main
Nicholai:desktop
..
compare: Nicholai:921453d8f83815257456126a62720664d7ff6b35
Branches Tags
Nicholai:main
Nicholai:desktop

No commits in common. "0b9e9f0ca7d344e00fd30a9238c2bb9a7e1d6859" and "921453d8f83815257456126a62720664d7ff6b35" have entirely different histories.
0b9e9f0ca7 ... 921453d8f8

4 changed files with 69 additions and 190 deletions
Show Stats Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1 +0,0 @@
nohup.out

60
config.jsonc
View File

@ -1,18 +1,10 @@
{ {
"layer": "top", "layer": "top",
"position": "top", "position": "top",
"modules-left": [ "modules-left": ["hyprland/workspaces", "custom/weather","custom/wallpaper","hyprland/window"],
"hyprland/workspaces", "modules-center": ["clock"],
"tray" "modules-right": ["network", "bluetooth", "temperature","custom/power_profile","custom/battery","backlight","pulseaudio","pulseaudio#microphone","tray","idle_inhibitor","cpu","memory","battery#bat2"],
],
"modules-center": [
"clock"
],
"modules-right": [
"custom/temps",
"pulseaudio",
"pulseaudio#microphone"
],
// "modules-left": [], // "modules-left": [],
"sway/mode": { "sway/mode": {
"format": "<span style=\"italic\">{}</span>" "format": "<span style=\"italic\">{}</span>"
@ -89,13 +81,7 @@
"default": "●" "default": "●"
}, },
"persistent-workspaces": { "persistent-workspaces": {
"Virtual-1": [ "Virtual-1": [1, 2, 3, 4, 5]
1,
2,
3,
4,
5
]
}, },
"on-click": "activate" "on-click": "activate"
}, },
@ -123,20 +109,16 @@
"memory": { "memory": {
"format": "{}% " "format": "{}% "
}, },
"custom/temps": { "temperature": {
"exec": "~/.config/waybar/scripts/temps.sh", "thermal-zone": 1,
"interval": 2, "critical-threshold": 80,
"return-type": "json", "format": "{temperatureF}°F ",
"format": "{}", "format-critical": "{temperatureF}°F ",
"tooltip": true "tooltip": true
}, },
"backlight": { "backlight": {
"format": "{icon} {percent}%", "format": "{icon} {percent}%",
"format-icons": [ "format-icons": ["󰃞", "󰃟", "󰃠"],
"󰃞",
"󰃟",
"󰃠"
],
"on-scroll-up": "brightnessctl set 5%+", "on-scroll-up": "brightnessctl set 5%+",
"on-scroll-down": "brightnessctl set 5%-", "on-scroll-down": "brightnessctl set 5%-",
"min-length": 6 "min-length": 6
@ -154,19 +136,7 @@
"format-charging": " {capacity}%", "format-charging": " {capacity}%",
"format-plugged": " {capacity}%", "format-plugged": " {capacity}%",
"format-alt": "{time} {icon}", "format-alt": "{time} {icon}",
"format-icons": [ "format-icons": ["󰂎", "󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"],
"󰂎",
"󰁺",
"󰁻",
"󰁼",
"󰁽",
"󰁾",
"󰁿",
"󰂀",
"󰂁",
"󰂂",
"󰁹"
],
"tooltip": true, "tooltip": true,
"tooltip-format": "{status} • {capacity}%\n{timeTo}\nHealth: {health}", "tooltip-format": "{status} • {capacity}%\n{timeTo}\nHealth: {health}",
"max-length": 15 "max-length": 15
@ -206,11 +176,7 @@
"phone": "", "phone": "",
"portable": "", "portable": "",
"car": "", "car": "",
"default": [ "default": ["", "", ""]
"",
"",
""
]
} }
}, },
"pulseaudio#microphone": { "pulseaudio#microphone": {

18
scripts/temps.sh
View File

@ -1,18 +0,0 @@
#!/bin/bash
# Get CPU temp from k10temp (Tctl)
cpu_temp=$(sensors k10temp-pci-00c3 2>/dev/null | grep 'Tctl:' | awk '{print $2}' | sed 's/+//;s/°C//')
# Get GPU temp from amdgpu
gpu_temp=$(sensors amdgpu-pci-1600 2>/dev/null | grep 'edge:' | awk '{print $2}' | sed 's/+//;s/°C//')
# Get Coolant temp from Kraken
coolant_temp=$(sensors kraken2023-hid-3-9 2>/dev/null | grep 'Coolant' | awk '{print $3}' | sed 's/+//;s/°C//')
# Round temps
cpu_temp=$(printf "%.0f" "$cpu_temp" 2>/dev/null || echo "N/A")
gpu_temp=$(printf "%.0f" "$gpu_temp" 2>/dev/null || echo "N/A")
coolant_temp=$(printf "%.0f" "$coolant_temp" 2>/dev/null || echo "N/A")
# Output
echo "{\"text\":\" ${cpu_temp}° ${gpu_temp}° ${coolant_temp}°\", \"tooltip\":\"CPU: ${cpu_temp}°C | GPU: ${gpu_temp}°C | Coolant: ${coolant_temp}°C\"}"

160
style.css
View File

@ -1,53 +1,39 @@
* { * {
border: none; border: none;
border-radius: 8px; border-radius: 4px;
/* Increased border-radius by 2x */
/* `ttf-font-awesome` is required to be installed for icons */ /* `ttf-font-awesome` is required to be installed for icons */
font-family: "JetBrainsMono Nerd Font"; font-family: "JetBrainsMono Nerd Font";
/* adjust font-size value to your liking: */ /* adjust font-size value to your liking: */
font-size: 18px; font-size: 16px;
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 0;
min-width: 28px;
/* Ensures consistent minimum width */
} }
window#waybar { window#waybar {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0.9);
color: #ffffff; color: #ffffff;
margin-top: 8px;
/* Add top margin to prevent touching screen top */
margin-bottom: 8px;
/* Optional: Also add bottom margin for consistency */
} }
#workspaces button { #workspaces button {
padding: 4px 8px; padding: 2px 8px;
/* Reduced vertical padding further */ margin: 0 2px;
margin: 1px 2px;
/* Reduced vertical margins further */
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-radius: 10px; border-radius: 6px;
/* Increased border-radius by 2x */
transition: all 0.3s ease; transition: all 0.3s ease;
border: 1px solid transparent; border: 1px solid transparent;
min-height: 4px;
/* Reduced height even more */
font-size: 8px;
/* Reduced even more */
} }
#workspaces button:hover { #workspaces button:hover {
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
color: rgba(0, 0, 0, 0.4); color: #000000;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
} }
#workspaces button.active { #workspaces button.active {
background-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3);
color: rgba(0, 0, 0, 0.4); color: #000000;
border: 1px solid rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
} }
@ -60,13 +46,6 @@ window#waybar {
#mode { #mode {
background-color: #64727d; background-color: #64727d;
padding: 6px 10px;
/* Added consistent vertical padding */
margin: 6px 3px;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
} }
#clock, #clock,
@ -82,43 +61,25 @@ window#waybar {
#mode, #mode,
#idle_inhibitor, #idle_inhibitor,
#mpd { #mpd {
padding: 6px 10px; padding: 0 10px;
/* Added consistent vertical padding for height consistency */
margin: 6px 3px; margin: 6px 3px;
color: rgba(0, 0, 0, 0.4); color: #000000;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
} }
#window { #window {
margin: 6px 4px; margin: 0 4px;
/* Added vertical margins to match other modules */
padding: 6px 10px;
/* Added consistent vertical padding */
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
} }
#workspaces { #workspaces {
margin: 1px 3px; margin: 0 6px;
/* Reduced vertical margins */ padding: 2px 6px;
padding: 6px 8px 6px 8px;
/* Reduced vertical padding to 0, kept horizontal padding */
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
border-radius: 8px; border-radius: 8px;
/* Increased border-radius by 2x */
min-height: 3px;
/* Reduced height even more */
} }
/* If workspaces is the leftmost module, use smaller left margin */ /* If workspaces is the leftmost module, omit left margin */
.modules-left>widget:first-child>#workspaces { .modules-left>widget:first-child>#workspaces {
margin-left: 4px; margin-left: 0;
/* Keep some margin from left screen edge */
} }
/* If workspaces is the rightmost module, omit right margin */ /* If workspaces is the rightmost module, omit right margin */
@ -127,18 +88,18 @@ window#waybar {
} }
#clock { #clock {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: white; color: white;
} }
#battery { #battery {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: white; color: white;
} }
#battery.charging { #battery.charging {
color: #ffffff; color: #ffffff;
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
@ -148,26 +109,26 @@ window#waybar {
} }
label:focus { label:focus {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
} }
#cpu { #cpu {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
#memory { #memory {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: white; color: white;
} }
#backlight { #backlight {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: white; color: white;
} }
#network { #network {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: white; color: white;
} }
@ -176,39 +137,33 @@ label:focus {
} }
#pulseaudio { #pulseaudio {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
#pulseaudio.muted { #pulseaudio.muted {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
#custom-media { #custom-media {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
padding: 6px 10px;
/* Added consistent vertical padding */
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
min-width: 100px; min-width: 100px;
} }
#custom-media.custom-spotify { #custom-media.custom-spotify {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
#custom-media.custom-vlc { #custom-media.custom-vlc {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
#temperature { #temperature {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
@ -217,25 +172,13 @@ label:focus {
color: #ffffff; color: #ffffff;
} }
#custom-temps {
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
padding: 6px 10px;
/* Added consistent vertical padding */
margin: 6px 3px;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
}
#tray { #tray {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
#idle_inhibitor { #idle_inhibitor {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
@ -245,7 +188,7 @@ label:focus {
} }
#mpd { #mpd {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
@ -255,27 +198,21 @@ label:focus {
} }
#mpd.stopped { #mpd.stopped {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
#mpd.paused { #mpd.paused {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
#language { #language {
background: rgba(0, 0, 0, 0.4); background: #000000;
color: #ffffff; color: #ffffff;
padding: 6px 10px; padding: 0 5px;
/* Standardized vertical padding */
margin: 6px 3px; margin: 6px 3px;
min-height: 28px; min-width: 16px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
min-width: 28px;
/* Increased for consistency */
} }
#custom-weather, #custom-weather,
@ -285,54 +222,49 @@ label:focus {
#bluetooth, #bluetooth,
#pulseaudio-microphone, #pulseaudio-microphone,
#battery-bat2 { #battery-bat2 {
padding: 6px 10px; padding: 0 10px;
/* Added consistent vertical padding for height consistency */
margin: 6px 3px; margin: 6px 3px;
color: #000000; color: #000000;
min-height: 28px;
/* Ensures consistent minimum height */
border-radius: 8px;
/* Increased border-radius by 2x */
} }
#custom-weather { #custom-weather {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: white; color: white;
} }
#custom-wallpaper { #custom-wallpaper {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: white; color: white;
} }
#custom-power_profile { #custom-power_profile {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: white; color: white;
} }
#bluetooth { #bluetooth {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: white; color: white;
} }
#pulseaudio-microphone { #pulseaudio-microphone {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
#pulseaudio-microphone.muted { #pulseaudio-microphone.muted {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: #ffffff; color: #ffffff;
} }
#battery-bat2 { #battery-bat2 {
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
color: white; color: white;
} }
#battery-bat2.charging { #battery-bat2.charging {
color: #ffffff; color: #ffffff;
background-color: rgba(0, 0, 0, 0.4); background-color: #000000;
} }
#battery-bat2.critical:not(.charging) { #battery-bat2.critical:not(.charging) {