fix: waybar style

This commit is contained in:
hesam-init 2024-02-24 00:16:50 +03:30
parent d77d192c6c
commit 8487daf004
2 changed files with 29 additions and 34 deletions

View file

@ -44,10 +44,6 @@
"on-click-middle": "close", "on-click-middle": "close",
"tooltip": false "tooltip": false
}, },
"tray": {
"icon-size": 14,
"spacing": 10
},
"clock": { "clock": {
"interval": 1, "interval": 1,
"format": "{:%H:%M:%S}", "format": "{:%H:%M:%S}",
@ -106,6 +102,9 @@
"max": 100, "max": 100,
"orientation": "horizontal" "orientation": "horizontal"
}, },
"tray": {
"icon-size": 12
},
"hyprland/workspaces": { "hyprland/workspaces": {
"disable-scroll": true, "disable-scroll": true,
"all-outputs": true, "all-outputs": true,

View file

@ -1,6 +1,7 @@
@import "../../../.config/hypr-theme/waybar/global.css"; @import "../../../.config/hypr-theme/waybar/global.css";
* { * {
all: unset;
border: none; border: none;
border-radius: 6px; border-radius: 6px;
font-family: Roboto; font-family: Roboto;
@ -18,31 +19,6 @@ window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
} }
#workspaces * {
font-size: 12px;
}
#workspaces {
background-color: @backgrounddark;
border: #272727 1px solid;
padding: 0px 4px;
}
#workspaces button {
opacity: 0.2;
padding: 0px 6px;
transition: all 0.4s cubic-bezier(0.55, -0.68, 0.48, 1.682);
font-size: 12px;
}
#workspaces button.active {
opacity: 1;
}
#workspaces button:hover {
opacity: 1;
}
#clock, #clock,
#battery, #battery,
#cpu, #cpu,
@ -56,20 +32,40 @@ window#waybar.hidden {
#custom-media, #custom-media,
#custom-launcher, #custom-launcher,
#custom-power, #custom-power,
#custom-wallpaper,
#tags,
#taskbar, #taskbar,
#tray,
#mode, #mode,
#idle_inhibitor, #idle_inhibitor,
#mpd,
#wireplumber, #wireplumber,
#language { #language,
#workspaces,
#tray {
background-color: @backgrounddark; background-color: @backgrounddark;
border: #272727 1px solid; border: #272727 1px solid;
padding: 0px 6px; padding: 0px 6px;
} }
#workspaces *,
#tray * {
font-size: 12px;
padding: 0px 3px;
}
#workspaces button {
all: unset;
opacity: 0.2;
transition: all 0.4s cubic-bezier(0.55, -0.68, 0.48, 1.682);
}
#workspaces button.active {
opacity: 1;
}
#workspaces button:hover {
opacity: 1;
background-color: @backgrounddark;
}
#taskbar button { #taskbar button {
opacity: 0.2; opacity: 0.2;
} }