Nicholai/arch-waybar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated

Browse Source
This commit is contained in:
Nicholai 2025-11-25 03:59:07 -07:00
parent 2fa5c52963
commit bda1a8afff
3 changed files with 66 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
config
View File

@ -1 +1 @@
/home/nicholai/.config/waybar/configs/[TOP] Custom Minimal /home/nicholai/.config/waybar/configs/[TOP] wallust_new

2
style.css
View File

@ -1 +1 @@
style/[Pywal] Minimal.css /home/nicholai/.config/waybar/style/[Colored] Translucent.css

120
style/[Colored] Translucent.css
View File

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