added slight borders to waybar elements to prevent them from blending in with the background

This commit is contained in:
pagedmov
2024-11-07 01:14:54 -05:00
parent 0bb0b6ce81
commit 388daff285
5 changed files with 24 additions and 13 deletions

View File

@@ -9,7 +9,7 @@ config here](https://github.com/Frost-Phoenix/nixos-config/tree/catppuccin)
![desktop-neofetch](./assets/screens/desktop-neofetch.png) ![desktop-neofetch](./assets/screens/desktop-neofetch.png)
![busy-desktop](./assets/screens/desktop-busy.png) ![busy-desktop](./assets/screens/desktop-busy.png)
Screenshots up to date as of [this commit](https://github.com/pagedMov/nixos-config/commit/4541ca49feae0ae2a4323ce712133bca9cbf6e1c) Screenshots up to date as of [this commit](https://github.com/pagedMov/nixos-config/commit/0bb0b6ce81a4b214158b5fb4bb0da7105f8d9a17)
## Programs ## Programs

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 MiB

After

Width:  |  Height:  |  Size: 2.3 MiB

View File

@@ -44,7 +44,7 @@
inherit pkgs; inherit pkgs;
extraSpecialArgs = { extraSpecialArgs = {
host = "oganesson"; host = "oganesson";
inherit self username inputs nur; inherit self username inputs;
}; };
# Specific Home Manager config for oganesson # Specific Home Manager config for oganesson
@@ -52,6 +52,8 @@
./hosts/desktop/home.nix ./hosts/desktop/home.nix
./modules/home ./modules/home
stylix.homeManagerModules.stylix stylix.homeManagerModules.stylix
nixvim.homeManagerModules.nixvim
nur.nixosModules.nur
]; ];
}; };
@@ -86,7 +88,6 @@
./modules/sys ./modules/sys
home-manager.nixosModules.home-manager home-manager.nixosModules.home-manager
stylix.nixosModules.stylix stylix.nixosModules.stylix
nixvim.nixosModules.nixvim
nur.nixosModules.nur nur.nixosModules.nur
]; ];
}; };

View File

@@ -365,7 +365,8 @@ in {
#workspaces { #workspaces {
margin: 3px; margin: 3px;
background: #${bg.dark}; background: #${bg.darker};
border: 3px solid #${bg.dark};
border-radius: 8px; border-radius: 8px;
} }
@@ -380,8 +381,9 @@ in {
} }
#cava { #cava {
background: #${bg.dark}; background: #${bg.darker};
border-radius: 8px; border-radius: 8px;
border: 3px solid #${bg.dark};
margin: 3px 3px 3px 6px; margin: 3px 3px 3px 6px;
padding: 0px 15px 0px 15px; padding: 0px 15px 0px 15px;
color: #${colors.color6}; color: #${colors.color6};
@@ -389,8 +391,9 @@ in {
#window { #window {
margin: 3px; margin: 3px;
background: #${bg.dark}; background: #${bg.darker};
border-radius: 8px; border-radius: 8px;
border: 3px solid #${bg.dark};
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
font-weight: bold; font-weight: bold;
} }
@@ -398,8 +401,9 @@ in {
#hardware { #hardware {
margin: 3px; margin: 3px;
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
background: #${bg.dark}; background: #${bg.darker};
border-radius: 8px; border-radius: 8px;
border: 3px solid #${bg.dark};
} }
#custom-disk-icon, #cpu, #memory { #custom-disk-icon, #cpu, #memory {
@@ -422,16 +426,18 @@ in {
#clock { #clock {
font-weight: bold; font-weight: bold;
background: #${bg.dark}; background: #${bg.darker};
border-radius: 8px; border-radius: 8px;
border: 3px solid #${bg.dark};
margin: 3px; margin: 3px;
padding: 0 10px 0 10px; padding: 0 10px 0 10px;
font-size: 18px; font-size: 18px;
} }
#powerbtns { #powerbtns {
background: #${bg.dark}; background: #${bg.darker};
border-radius: 8px; border-radius: 8px;
border: 3px solid #${bg.dark};
margin: 3px; margin: 3px;
padding: 0 5px 0 10px; padding: 0 5px 0 10px;
} }
@@ -452,8 +458,9 @@ in {
} }
#audio { #audio {
background: #${bg.dark}; background: #${bg.darker};
border-radius: 8px; border-radius: 8px;
border: 3px solid #${bg.dark};
margin: 3px; margin: 3px;
padding: 5px 0 10px 0; padding: 5px 0 10px 0;
} }
@@ -487,15 +494,17 @@ in {
#network { #network {
color: #${colors.color1}; color: #${colors.color1};
font-size: 20px; font-size: 20px;
background: #${bg.dark}; background: #${bg.darker};
border-radius: 8px; border-radius: 8px;
border: 3px solid #${bg.dark};
margin: 3px; margin: 3px;
padding: 5px 0 5px 6px; padding: 5px 0 5px 6px;
} }
#brightness { #brightness {
background: #${bg.dark}; background: #${bg.darker};
border-radius: 8px; border-radius: 8px;
border: 3px solid #${bg.dark};
margin: 3px; margin: 3px;
padding: 10px 0px 5px 0; padding: 10px 0px 5px 0;
} }
@@ -509,7 +518,8 @@ in {
#battery { #battery {
color: #${colors.color4}; color: #${colors.color4};
font-size: 20px; font-size: 20px;
background: #${bg.dark}; background: #${bg.darker};
border: 3px solid #${bg.dark};
border-radius: 8px; border-radius: 8px;
margin: 3px; margin: 3px;
padding: 5px 0 5px 0px; padding: 5px 0 5px 0px;