Changed waybar styling, workspaces are not assigned with dots.

This commit is contained in:
duma97
2025-11-15 15:28:23 +04:00
parent 1f18a725b1
commit bd386577da
3 changed files with 18 additions and 17 deletions
+1 -1
View File
@@ -28,7 +28,7 @@ exec-once = mkdir -p $HOME/Pictures/Screenshots
# Our apps, adjust for yourself, otherwise apps won't run! # Our apps, adjust for yourself, otherwise apps won't run!
$terminal = kitty $terminal = kitty
$fileManager = nautilus # GNOME file manager $fileManager = nautilus
$menu = wofi --show drun $menu = wofi --show drun
$telegram = Telegram $telegram = Telegram
$spotify = spotify $spotify = spotify
+1 -1
View File
@@ -8,7 +8,7 @@
"modules-right": ["group/expand","pulseaudio","bluetooth","network","custom/power-profile","battery","custom/wlogout"], "modules-right": ["group/expand","pulseaudio","bluetooth","network","custom/power-profile","battery","custom/wlogout"],
"hyprland/workspaces": { "hyprland/workspaces": {
"format": "{name}", "format": "",
"persistent-workspaces": { "persistent-workspaces": {
"*": [ 1,2,3,4,5 ] "*": [ 1,2,3,4,5 ]
} }
+16 -15
View File
@@ -11,22 +11,25 @@ window#waybar{
.modules-left { .modules-left {
padding:1px 3px; padding:1px 3px;
margin:5px 0px 5px 10px; margin:5px 0px 5px 10px;
border-radius:10px; border-radius:13px;
background: alpha(@background,.6); background: alpha(@background,.6);
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6); box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
} }
.modules-center { .modules-center {
padding:1px 5px; padding:1px 5px;
margin:5px 0px 5px 0px; margin:5px 0px 5px 0px;
border-radius:10px; border-radius:13px;
background: alpha(@background,.6); background: alpha(@background,.6);
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6); box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
} }
.modules-right { .modules-right {
padding:1px 3px; padding:1px 3px;
margin:5px 10px 5px 0px; margin:5px 10px 5px 0px;
border-radius:10px; border-radius:13px;
background: alpha(@background,.6); background: alpha(@background,.6);
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6); box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
} }
tooltip { tooltip {
@@ -48,36 +51,34 @@ tooltip {
} }
#workspaces button { #workspaces button {
all:unset; all:unset;
padding: 0px 5px; padding: 0px 4px;
color: #ffffff; color: rgba(255, 255, 255, 0.4);
transition: all .2s ease; transition: all .2s ease;
font-size: 12px;
} }
#workspaces button:hover { #workspaces button:hover {
color: #ffcc00; color: rgba(255, 255, 255, 0.7);
border: none; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
text-shadow: 0px 0px 5px #ffcc00;
transition: all .3s ease; transition: all .3s ease;
} }
#workspaces button.active { #workspaces button.active {
color: @color1; color: @color1;
border: none;
text-shadow: 0px 0px 8px @color1, 0px 0px 15px @color1; text-shadow: 0px 0px 8px @color1, 0px 0px 15px @color1;
font-size: 14px;
} }
#workspaces button.empty { #workspaces button.empty {
color: #666666; color: rgba(255, 255, 255, 0.2);
border: none;
text-shadow: none; text-shadow: none;
} }
#workspaces button.empty:hover { #workspaces button.empty:hover {
color: #999999; color: rgba(255, 255, 255, 0.4);
border: none; text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.3);
text-shadow: 0px 0px 3px #999999;
transition: all .3s ease; transition: all .3s ease;
} }
#workspaces button.empty.active { #workspaces button.empty.active {
color: @color1; color: @color1;
border: none;
text-shadow: 0px 0px 8px @color1, 0px 0px 15px @color1; text-shadow: 0px 0px 8px @color1, 0px 0px 15px @color1;
font-size: 14px;
} }
#bluetooth{ #bluetooth{
padding: 0px 3px; padding: 0px 3px;