diff --git a/config b/config index e1ad835..e4071cc 120000 --- a/config +++ b/config @@ -1 +1 @@ -/home/nicholai/.config/waybar/configs/[TOP] Custom Minimal \ No newline at end of file +/home/nicholai/.config/waybar/configs/[TOP] wallust_new \ No newline at end of file diff --git a/style.css b/style.css index 79fb6d1..da346da 120000 --- a/style.css +++ b/style.css @@ -1 +1 @@ -style/[Pywal] Minimal.css \ No newline at end of file +/home/nicholai/.config/waybar/style/[Colored] Translucent.css \ No newline at end of file diff --git a/style/[Colored] Translucent.css b/style/[Colored] Translucent.css index 37931d5..4382e33 100644 --- a/style/[Colored] Translucent.css +++ b/style/[Colored] Translucent.css @@ -1,9 +1,14 @@ -@define-color critical #ff0000; /* critical color */ -@define-color warning #f3f809; /* warning color */ -@define-color fgcolor #ffffff; /* foreground color */ -@define-color bgcolor #303030; /* background color */ -@define-color bgcolor #222436; /* background color */ -@define-color alert #df3320; +@define-color critical #ff0000; +/* critical color */ +@define-color warning #f3f809; +/* warning color */ +@define-color fgcolor #ffffff; +/* foreground color */ +@define-color bgcolor #303030; +/* background color */ +@define-color bgcolor #222436; +/* background color */ +@define-color alert #df3320; @define-color accent1 #ff7a93; @define-color accent2 #b9f27c; @@ -16,17 +21,17 @@ /* Translucent */ * { -font-family: "JetBrainsMono Nerd Font"; -font-weight: bold; -min-height: 0; -/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ -font-size: 97%; -font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -padding: 1px; + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 102%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; + padding: 2px; } window#waybar { - background-color: rgba(0,0,0,0.3); + background-color: rgba(0, 0, 0, 0.3); color: #ffffff; transition-property: background-color; transition-duration: .5s; @@ -44,7 +49,8 @@ window#waybar.empty { window#waybar.empty #window { padding: 0px; border: 0px; - /* background-color: rgba(66,66,66,0.5); */ /* transparent */ + /* background-color: rgba(66,66,66,0.5); */ + /* transparent */ background-color: transparent; } @@ -61,13 +67,13 @@ tooltip { background-color: transparent; color: #ffffff; box-shadow: none; - text-shadow: none; + text-shadow: none; padding: 0px; border-radius: 9px; padding-left: 4px; padding-right: 4px; animation: gradient_f 20s ease-in infinite; - transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.5s cubic-bezier(.55, -0.68, .48, 1.682); } #workspaces button.active { @@ -76,16 +82,16 @@ tooltip { padding-left: 8px; padding-right: 8px; animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682); } #workspaces button:hover { background: rgba(0, 0, 0, 0.2); - color: @accent3; + color: @accent3; padding-left: 2px; padding-right: 2px; animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682); } #workspaces button.focused { @@ -139,26 +145,24 @@ tooltip { #custom-weather.clearNight, #custom-weather.cloudyFoggyDay, #custom-weather.cloudyFoggyNight, -#custom-weather.default, +#custom-weather.default, #custom-weather.rainyDay, #custom-weather.rainyNight, #custom-weather.severe, #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 3px; - padding-bottom: 3px; - padding-right: 6px; - padding-left: 6px; + padding-top: 3px; + padding-bottom: 3px; + padding-right: 6px; + padding-left: 6px; } /* If workspaces is the leftmost module, omit left margin */ -.modules-left > widget:first-child > #workspaces { -} +.modules-left>widget:first-child>#workspaces {} /* If workspaces is the rightmost module, omit right margin */ -.modules-right > widget:last-child > #workspaces { -} +.modules-right>widget:last-child>#workspaces {} #clock { color: @accent2; @@ -197,7 +201,7 @@ label:focus { background-color: #000000; } -#custom-menu{ +#custom-menu { color: #FFFFFF; /*padding: 3px;*/ } @@ -234,6 +238,7 @@ label:focus { #pulseaudio-muted { color: @accent2; } + #wireplumber { color: @accent4; } @@ -242,7 +247,7 @@ label:focus { color: @accent2; } -#pluseaudio-source-muted{ +#pluseaudio-source-muted { color: #a0a0a0; } @@ -253,9 +258,11 @@ label:focus { #disk { color: @accent5; } + #custom-power_profile { color: @accent3; } + #custom-media { background-color: #66cc99; color: #2a5c45; @@ -285,7 +292,7 @@ label:focus { } #idle_inhibitor { - color: #f9e2af; + color: #f9e2af; /*background-color: #2d3436;*/ } @@ -300,14 +307,14 @@ label:focus { padding-left: 12px; padding-right: 12px; animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682); } #taskbar button:hover { padding-left: 3px; padding-right: 3px; animation: gradient_f 20s ease-in infinite; - transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); + transition: all 0.3s cubic-bezier(.55, -0.68, .48, 1.682); } #mpd { @@ -334,42 +341,43 @@ label:focus { #custom-separator { color: #606060; } + #pulseaudio-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; } #pulseaudio-slider trough { - min-width: 80px; - min-height: 5px; - border-radius: 5px; + min-width: 80px; + min-height: 5px; + border-radius: 5px; } #pulseaudio-slider highlight { - min-height: 10px; - border-radius: 5px; + min-height: 10px; + border-radius: 5px; } #backlight-slider slider { - min-width: 0px; - min-height: 0px; - opacity: 0; - background-image: none; - border: none; - box-shadow: none; + min-width: 0px; + min-height: 0px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; } #backlight-slider trough { - min-width: 80px; - min-height: 10px; - border-radius: 5px; + min-width: 80px; + min-height: 10px; + border-radius: 5px; } #backlight-slider highlight { - min-width: 10px; - border-radius: 5px; + min-width: 10px; + border-radius: 5px; }