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

desktop #2

Merged
Nicholai merged 9 commits from desktop into main 2025-11-25 11:00:35 +00:00
Conversation 0 Commits 9 Files Changed 64 +66 -58
3 changed files with 66 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit bda1a8afff - Show all commits

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 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;
}