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

improvment of the bar

Browse source
This commit is contained in:
primardj 2024-01-26 16:34:47 +00:00
parent cf87b97f3b
commit e804ea05a0
2 changed files with 53 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
dotconfig/waybar/config
View file

@ -5,9 +5,9 @@
// "width": 1280, // Waybar width // "width": 1280, // Waybar width
// "spacing": 4, // Gaps between modules (4px) // "spacing": 4, // Gaps between modules (4px)
// Choose the order of the modules // Choose the order of the modules
"modules-left": ["hyprland/workspaces" ], "modules-left": ["clock", "network", "hyprland/workspaces" ],
"modules-center": ["hyprland/window"], "modules-center": ["hyprland/window"],
"modules-right": [ "pulseaudio", "network", "cpu", "memory", "temperature", "backlight", "battery", "clock", "tray"], // mpd, keyboard-state, idle_inhibitor "modules-right": [ "pulseaudio", "backlight", "battery", "tray"], // mpd, cpu, memory, keyboard-state, temperature, idle_inhibitor
// Modules configuration // Modules configuration
"hyprland/workspaces": { "hyprland/workspaces": {
"disable-scroll": true, "disable-scroll": true,
@ -85,9 +85,23 @@
"spacing": 10 "spacing": 10
}, },
"clock": { "clock": {
// "timezone": "America/New_York", "interval": 1,
"format": " {:%H:%M:%S}",
"tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>", "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
"format-alt": "{:%Y-%m-%d}" "calendar": {
"mode": "month",
"weeks-pos": "right",
"on-scroll": 1,
"on-click-right": "mode",
"format": {
"months": "<span color='#ffead3'><b>{}</b></span>",
"days": "<span color='#ecc6d9'><b>{}</b></span>",
"weeks": "<span color='#99ffdd'><b>W{}</b></span>",
"weekdays": "<span color='#ffcc66'><b>{}</b></span>",
"today": "<span color='#ff6699'><b><u>{}</u></b></span>"
}
},
"format-alt": " {:%Y-%m-%d}"
}, },
"cpu": { "cpu": {
"format": "{usage}% ", "format": "{usage}% ",

57
dotconfig/waybar/style.css
View file

@ -38,7 +38,7 @@ window#waybar.hidden {
#workspaces { #workspaces {
margin-top: 8px; margin-top: 8px;
margin-left: 12px; margin-left: 8px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 26px; border-radius: 26px;
background: #282a36; background: #282a36;
@ -75,14 +75,17 @@ window#waybar.hidden {
#network { #network {
margin-top: 8px; margin-top: 8px;
margin-left: 8px; /*margin-left: 8px;*/
padding-left: 16px; /*padding-left: 16px;*/
padding-right: 16px; padding-right: 16px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 26px; border-radius: 0px 26px 26px 0px;
transition: none; transition: none;
color: #4d4d4d; /*color: #f8f8f2;*/
background: #bd93f9; background: #282a36;
color: #bd93f9;
/*color: #4d4d4d;*/
/*background: #bd93f9;*/
} }
#pulseaudio { #pulseaudio {
@ -91,10 +94,12 @@ window#waybar.hidden {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 26px; border-radius: 26px 0px 0px 26px;
transition: none; transition: none;
color: #4d4d4d; /*color: #4d4d4d;*/
background: #9aedfe; /*background: #9aedfe;*/
color: #99ddff;
background: #282a36;
} }
#temperature { #temperature {
@ -135,38 +140,44 @@ window#waybar.hidden {
#backlight { #backlight {
margin-top: 8px; margin-top: 8px;
margin-left: 8px; /*margin-left: 8px;*/
padding-left: 16px; /*padding-left: 16px;*/
padding-right: 16px; padding-right: 16px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 26px; border-radius: 0px 0px 0px 0px;
transition: none; transition: none;
color: #4d4d4d; /*color: #4d4d4d;
background: #ff751a; background: #ff751a;*/
color: #ff8844;
background: #282a36;
} }
#battery { #battery {
margin-top: 8px; margin-top: 8px;
margin-left: 8px; /*margin-left: 8px;*/
padding-left: 16px; margin-right: 12px;
/*padding-left: 16px;*/
padding-right: 16px; padding-right: 16px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 26px; border-radius: 0px 26px 26px 0px;
transition: none; transition: none;
color: #4d4d4d; /*color: #4d4d4d;
background: #ffc61a; background: #ffc61a;*/
color: #ffdd44;
background: #282a36;
} }
#clock { #clock {
margin-top: 8px; margin-top: 8px;
margin-left: 8px; margin-left: 12px;
margin-right: 12px; /*margin-right: 12px;*/
padding-top: 2px; padding-top: 2px;
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
margin-bottom: 0; margin-bottom: 0;
border-radius: 26px; border-radius: 26px 0px 0px 26px;
transition: none; transition: none;
color: #f8f8f2; /*color: #f8f8f2;*/
color: #ffcc44;
background: #282a36; background: #282a36;
} }