feat: add waybar css

This commit is contained in:
Youwen Wu 2024-07-11 11:37:27 -07:00
parent d64bc068aa
commit c30ea945b2
Signed by: youwen5
GPG key ID: 865658ED1FE61EC3
2 changed files with 105 additions and 2 deletions

View file

@ -41,6 +41,7 @@
eza # A modern replacement for ls eza # A modern replacement for ls
fzf # A command-line fuzzy finder fzf # A command-line fuzzy finder
oh-my-posh oh-my-posh
bat
# networking tools # networking tools
mtr # A network diagnostic tool mtr # A network diagnostic tool
@ -216,14 +217,13 @@
"float,class:^(org.kde.dolphin)$,title:^(Progress Dialog Dolphin)$" "float,class:^(org.kde.dolphin)$,title:^(Progress Dialog Dolphin)$"
"float,class:^(org.kde.dolphin)$,title:^(Copying Dolphin)$" "float,class:^(org.kde.dolphin)$,title:^(Copying Dolphin)$"
"float,title:^(Picture-in-Picture)$" "float,title:^(Picture-in-Picture)$"
"float,class:^(firefox)$,title:^(Library)$" "float,class:^(librewolf)$,title:^(Library)$"
"float,class:^(vlc)$" "float,class:^(vlc)$"
"float,class:^(kvantummanager)$" "float,class:^(kvantummanager)$"
"float,class:^(qt5ct)$" "float,class:^(qt5ct)$"
"float,class:^(qt6ct)$" "float,class:^(qt6ct)$"
"float,class:^(nwg-look)$" "float,class:^(nwg-look)$"
"float,class:^(org.kde.ark)$" "float,class:^(org.kde.ark)$"
"float,class:^(Signal)$ # Signal-Gtk"
"float,class:^(com.github.rafostar.Clapper)$ # Clapper-Gtk" "float,class:^(com.github.rafostar.Clapper)$ # Clapper-Gtk"
"float,class:^(app.drey.Warp)$ # Warp-Gtk" "float,class:^(app.drey.Warp)$ # Warp-Gtk"
"float,class:^(net.davidotek.pupgui2)$ # ProtonUp-Qt" "float,class:^(net.davidotek.pupgui2)$ # ProtonUp-Qt"
@ -352,6 +352,7 @@
}; };
}; };
}; };
style = ./waybar/waybar.css;
}; };
programs.zoxide = { programs.zoxide = {

102
waybar/waybar.css Normal file
View file

@ -0,0 +1,102 @@
* {
font-size: 10px;
}
window#waybar {
border-bottom: 0px solid #ffffff;
background: transparent;
transition-property: none;
transition-duration: 0s;
}
#workspaces {
background: @bg;
padding: 0px 2px 0px 2px;
margin: 0px 0px 0px 5px;
border-radius: 5px;
}
#workspaces {
background: @bg;
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 5px;
border-radius: 5px;
}
#workspaces button,
#workspaces button:hover {
padding: 0;
background-color: @bg;
/* color: @color4; */
}
#workspaces button.active,
#workspaces button:hover {
/* color: @color8; */
}
#clock,
#pulseaudio,
#network,
#battery,
#tray,
#mpris,
#cpu,
#memory,
#temperature,
#custom-weather,
#window,
#backlight {
background-color: @bg;
/* color: @color4; */
opacity: 1;
border-radius: 5px;
padding: 1px 10px 1px 10px;
margin: 0px 5px 0px 0px;
}
#backlight {
margin-right: 0px;
padding-right: 3px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
#mpris {
padding-left: 0px;
margin-left: 0px;
margin-right: 5px;
padding-right: 0px;
}
#pulseaudio {
padding-left: 5px;
padding-right: 5px;
margin-left: 0px;
margin-right: 5px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
#memory,
#cpu {
margin-right: 0px;
padding-right: 2px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right-width: 0px;
}
#memory,
#battery {
margin-left: 0px;
padding-left: 2px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left-width: 0px;
}
#battery {
padding-right: 13px;
}
#custom-weather {
margin-right: 0px;
}
#window {
margin-right: 0px;
margin-left: 0px;
}