Finish adding style 1 and 2

This commit is contained in:
Tyler Kelley 2024-01-24 03:48:25 -06:00
parent a40c254834
commit 361f183a53
2 changed files with 71 additions and 72 deletions

View File

@ -137,10 +137,10 @@ lib.mkIf ("${waybarStyle}" == "style2") {
color: #${config.colorScheme.colors.base0F}; color: #${config.colorScheme.colors.base0F};
} }
#workspaces { #workspaces {
background: linear-gradient(180deg, #${config.colorScheme.colors.base01}, #${config.colorScheme.colors.base02}); background: #${config.colorScheme.colors.base01};
margin: 5px; margin: 4px;
padding: 0px 1px; padding: 0px 1px;
border-radius: 15px; border-radius: 10px;
border: 0px; border: 0px;
font-style: normal; font-style: normal;
color: #${config.colorScheme.colors.base00}; color: #${config.colorScheme.colors.base00};
@ -148,27 +148,26 @@ lib.mkIf ("${waybarStyle}" == "style2") {
#workspaces button { #workspaces button {
padding: 0px 5px; padding: 0px 5px;
margin: 4px 3px; margin: 4px 3px;
border-radius: 15px; border-radius: 10px;
border: 0px; border: 0px;
color: #${config.colorScheme.colors.base00}; color: #${config.colorScheme.colors.base00};
# background-color: #${config.colorScheme.colors.base00}; background: linear-gradient(45deg, #${config.colorScheme.colors.base06}, #${config.colorScheme.colors.base0E});
background: linear-gradient(180deg, #${config.colorScheme.colors.base01}, #${config.colorScheme.colors.base02}); opacity: 0.5;
opacity: 1.0;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
#workspaces button.active { #workspaces button.active {
color: #${config.colorScheme.colors.base00}; color: #${config.colorScheme.colors.base00};
background: #${config.colorScheme.colors.base04}; background: linear-gradient(45deg, #${config.colorScheme.colors.base06}, #${config.colorScheme.colors.base0E});
border-radius: 15px; border-radius: 10px;
min-width: 40px; min-width: 40px;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
opacity: 1.0; opacity: 1.0;
} }
#workspaces button:hover { #workspaces button:hover {
color: #${config.colorScheme.colors.base00}; color: #${config.colorScheme.colors.base00};
background: #${config.colorScheme.colors.base04}; background: linear-gradient(45deg, #${config.colorScheme.colors.base06}, #${config.colorScheme.colors.base0E});
border-radius: 15px; border-radius: 10px;
opacity: 1.0; opacity: 0.8;
} }
tooltip { tooltip {
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base00};
@ -180,101 +179,101 @@ lib.mkIf ("${waybarStyle}" == "style2") {
} }
#window { #window {
color: #${config.colorScheme.colors.base05}; color: #${config.colorScheme.colors.base05};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 0px 15px 50px 0px; border-radius: 10px;
margin: 5px 5px 5px 0px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#memory { #memory {
color: #${config.colorScheme.colors.base0F}; color: #${config.colorScheme.colors.base0F};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 15px 50px 15px 50px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#clock { #clock {
color: #${config.colorScheme.colors.base0B}; color: #${config.colorScheme.colors.base0B};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 15px 50px 15px 50px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#idle_inhibitor { #idle_inhibitor {
color: #${config.colorScheme.colors.base0A}; color: #${config.colorScheme.colors.base0A};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 50px 15px 50px 15px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#cpu { #cpu {
color: #${config.colorScheme.colors.base07}; color: #${config.colorScheme.colors.base07};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 50px 15px 50px 15px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#disk { #disk {
color: #${config.colorScheme.colors.base03}; color: #${config.colorScheme.colors.base03};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 15px 50px 15px 50px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#battery { #battery {
color: #${config.colorScheme.colors.base08}; color: #${config.colorScheme.colors.base08};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 15px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#network { #network {
color: #${config.colorScheme.colors.base09}; color: #${config.colorScheme.colors.base09};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 50px 15px 50px 15px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#tray { #tray {
color: #${config.colorScheme.colors.base05}; color: #${config.colorScheme.colors.base05};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 15px 0px 0px 50px; border-radius: 10px;
margin: 5px 0px 5px 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#pulseaudio { #pulseaudio {
color: #${config.colorScheme.colors.base0D}; color: #${config.colorScheme.colors.base0D};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 50px 15px 50px 15px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#custom-notification { #custom-notification {
color: #${config.colorScheme.colors.base0C}; color: #${config.colorScheme.colors.base0C};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 15px 50px 15px 50px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#custom-themeselector { #custom-themeselector {
color: #${config.colorScheme.colors.base0D}; color: #${config.colorScheme.colors.base0D};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 15px 50px 15px 50px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px;
} }
#custom-startmenu { #custom-startmenu {
color: #${config.colorScheme.colors.base03}; color: #${config.colorScheme.colors.base03};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 50px 15px 50px 15px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px 2px 13px;
} }
#idle_inhibitor { #idle_inhibitor {
color: #${config.colorScheme.colors.base09}; color: #${config.colorScheme.colors.base09};
background: #${config.colorScheme.colors.base00}; background: #${config.colorScheme.colors.base01};
border-radius: 15px 50px 15px 50px; border-radius: 10px;
margin: 5px; margin: 4px;
padding: 2px 20px; padding: 2px 10px 2px 13px;
} }
''; '';
}; };

View File

@ -27,7 +27,7 @@
theLCVariables = "en_US.UTF-8"; theLCVariables = "en_US.UTF-8";
theTimezone = "America/Chicago"; theTimezone = "America/Chicago";
theme = "gigavolt"; theme = "gigavolt";
waybarStyle = "style1"; # can be style1-2 waybarStyle = "style2"; # can be style1-2
browser = "firefox"; browser = "firefox";
wallpaperGit = "https://gitlab.com/Zaney/my-wallpapers.git"; wallpaperGit = "https://gitlab.com/Zaney/my-wallpapers.git";
wallpaperDir = "/home/${username}/Pictures/Wallpapers"; wallpaperDir = "/home/${username}/Pictures/Wallpapers";