38 changed files with 806 additions and 246 deletions
@ -0,0 +1,233 @@ |
|||||||
|
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ |
||||||
|
/* Aurora Blossom */ |
||||||
|
|
||||||
|
* { |
||||||
|
font-family: "JetBrainsMono Nerd Font"; |
||||||
|
font-weight: bold; |
||||||
|
/* 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; |
||||||
|
} |
||||||
|
|
||||||
|
window#waybar { |
||||||
|
background: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
window#waybar.empty { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
window#waybar.empty #window { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
tooltip { |
||||||
|
color: black; |
||||||
|
background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); |
||||||
|
opacity: 0.8; |
||||||
|
border-radius: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
tooltip label{ |
||||||
|
color: black; |
||||||
|
} |
||||||
|
/*-----module groups----*/ |
||||||
|
.modules-right { |
||||||
|
background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); |
||||||
|
color: black; |
||||||
|
border-radius: 6px; |
||||||
|
padding-top: 2px; |
||||||
|
padding-bottom: 2px; |
||||||
|
padding-right: 4px; |
||||||
|
padding-left: 4px; |
||||||
|
} |
||||||
|
.modules-center { |
||||||
|
background-image: linear-gradient(0deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); |
||||||
|
color: black; |
||||||
|
border-radius: 6px; |
||||||
|
padding-top: 2px; |
||||||
|
padding-bottom: 2px; |
||||||
|
padding-right: 4px; |
||||||
|
padding-left: 4px; |
||||||
|
} |
||||||
|
.modules-left { |
||||||
|
background-image: linear-gradient(225deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); |
||||||
|
color: black; |
||||||
|
border-radius: 6px; |
||||||
|
padding-top: 2px; |
||||||
|
padding-bottom: 2px; |
||||||
|
padding-right: 4px; |
||||||
|
padding-left: 4px; |
||||||
|
} |
||||||
|
/*-----modules indv----*/ |
||||||
|
#workspaces button { |
||||||
|
color: black; |
||||||
|
box-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); |
||||||
|
} |
||||||
|
#workspaces button:hover { |
||||||
|
color: grey; |
||||||
|
background-color: rgba(0,153,153,0.2); |
||||||
|
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); |
||||||
|
} |
||||||
|
|
||||||
|
#workspaces button.active { |
||||||
|
color: grey; |
||||||
|
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); |
||||||
|
} |
||||||
|
|
||||||
|
#workspaces button.persistent { |
||||||
|
border-radius: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
#backlight, |
||||||
|
#backlight-slider, |
||||||
|
#battery, |
||||||
|
#bluetooth, |
||||||
|
#cava, |
||||||
|
#clock, |
||||||
|
#cpu, |
||||||
|
#disk, |
||||||
|
#idle_inhibitor, |
||||||
|
#keyboard-state, |
||||||
|
#memory, |
||||||
|
#mode, |
||||||
|
#mpris, |
||||||
|
#network, |
||||||
|
#pulseaudio, |
||||||
|
#pulseaudio-slider, |
||||||
|
#taskbar button, |
||||||
|
#taskbar, |
||||||
|
#temperature, |
||||||
|
#tray, |
||||||
|
#window, |
||||||
|
#wireplumber, |
||||||
|
#workspaces, |
||||||
|
#custom-backlight, |
||||||
|
#custom-cycle_wall, |
||||||
|
#custom-keybinds, |
||||||
|
#custom-keyboard, |
||||||
|
#custom-light_dark, |
||||||
|
#custom-lock, |
||||||
|
#custom-menu, |
||||||
|
#custom-power_vertical, |
||||||
|
#custom-power, |
||||||
|
#custom-speaker, |
||||||
|
#custom-updater, |
||||||
|
#custom-weather, |
||||||
|
#custom-weather.clearNight, |
||||||
|
#custom-weather.cloudyFoggyDay, |
||||||
|
#custom-weather.cloudyFoggyNight, |
||||||
|
#custom-weather.default, |
||||||
|
#custom-weather.rainyDay, |
||||||
|
#custom-weather.rainyNight, |
||||||
|
#custom-weather.severe, |
||||||
|
#custom-weather.showyIcyDay, |
||||||
|
#custom-weather.snowyIcyNight, |
||||||
|
#custom-weather.sunnyDay { |
||||||
|
padding-top: 2px; |
||||||
|
padding-bottom: 2px; |
||||||
|
padding-right: 5px; |
||||||
|
padding-left: 5px; |
||||||
|
} |
||||||
|
#custom-power { |
||||||
|
padding: 1px 3px; |
||||||
|
} |
||||||
|
/*-----Indicators----*/ |
||||||
|
#idle_inhibitor.activated { |
||||||
|
color: #2dcc36; |
||||||
|
} |
||||||
|
#pulseaudio.muted { |
||||||
|
color: #cc3436; |
||||||
|
} |
||||||
|
#temperature.critical { |
||||||
|
color: #cc3436; |
||||||
|
} |
||||||
|
|
||||||
|
@keyframes blink { |
||||||
|
to { |
||||||
|
color: #000000; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#battery.critical:not(.charging) { |
||||||
|
color: #f53c3c; |
||||||
|
animation-name: blink; |
||||||
|
animation-duration: 0.5s; |
||||||
|
animation-timing-function: linear; |
||||||
|
animation-iteration-count: infinite; |
||||||
|
animation-direction: alternate; |
||||||
|
} |
||||||
|
|
||||||
|
#taskbar button.active { |
||||||
|
color: black; |
||||||
|
background-color: #7f849c; |
||||||
|
padding-left: 6px; |
||||||
|
padding-right: 6px; |
||||||
|
animation: gradient_f 20s ease-in infinite; |
||||||
|
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); |
||||||
|
} |
||||||
|
|
||||||
|
#taskbar button, |
||||||
|
#taskbar button:hover { |
||||||
|
color: black; |
||||||
|
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); |
||||||
|
} |
||||||
|
|
||||||
|
#pulseaudio-slider slider { |
||||||
|
min-width: 0px; |
||||||
|
min-height: 0px; |
||||||
|
opacity: 0; |
||||||
|
background-image: none; |
||||||
|
border: none; |
||||||
|
box-shadow: none; |
||||||
|
} |
||||||
|
|
||||||
|
#pulseaudio-slider trough { |
||||||
|
background-color: #7f849c; |
||||||
|
min-width: 80px; |
||||||
|
min-height: 5px; |
||||||
|
border-radius: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
#pulseaudio-slider highlight { |
||||||
|
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; |
||||||
|
} |
||||||
|
|
||||||
|
#backlight-slider trough { |
||||||
|
background-color: #7f849c; |
||||||
|
min-width: 80px; |
||||||
|
min-height: 10px; |
||||||
|
border-radius: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
#backlight-slider highlight { |
||||||
|
min-width: 10px; |
||||||
|
border-radius: 5px; |
||||||
|
} |
||||||
@ -0,0 +1,225 @@ |
|||||||
|
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ |
||||||
|
/* Aurora Blossom */ |
||||||
|
|
||||||
|
* { |
||||||
|
font-family: "JetBrainsMono Nerd Font"; |
||||||
|
font-weight: bold; |
||||||
|
/* 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; |
||||||
|
} |
||||||
|
|
||||||
|
window#waybar { |
||||||
|
background: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
window#waybar.empty { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
window#waybar.empty #window { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
tooltip { |
||||||
|
color: black; |
||||||
|
background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%); |
||||||
|
opacity: 0.8; |
||||||
|
border-radius: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
tooltip label{ |
||||||
|
color: black; |
||||||
|
} |
||||||
|
/*-----module groups----*/ |
||||||
|
.modules-right { |
||||||
|
padding-top: 2px; |
||||||
|
padding-bottom: 2px; |
||||||
|
padding-right: 4px; |
||||||
|
padding-left: 4px; |
||||||
|
} |
||||||
|
.modules-center { |
||||||
|
padding-top: 2px; |
||||||
|
padding-bottom: 2px; |
||||||
|
padding-right: 4px; |
||||||
|
padding-left: 4px; |
||||||
|
} |
||||||
|
.modules-left { |
||||||
|
padding-top: 2px; |
||||||
|
padding-bottom: 2px; |
||||||
|
padding-right: 4px; |
||||||
|
padding-left: 4px; |
||||||
|
} |
||||||
|
/*-----modules indv----*/ |
||||||
|
#workspaces button { |
||||||
|
color: black; |
||||||
|
box-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); |
||||||
|
} |
||||||
|
#workspaces button:hover { |
||||||
|
color: grey; |
||||||
|
background-color: rgba(0,153,153,0.2); |
||||||
|
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); |
||||||
|
} |
||||||
|
|
||||||
|
#workspaces button.active { |
||||||
|
color: grey; |
||||||
|
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); |
||||||
|
} |
||||||
|
|
||||||
|
#workspaces button.persistent { |
||||||
|
border-radius: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
#backlight, |
||||||
|
#backlight-slider, |
||||||
|
#battery, |
||||||
|
#bluetooth, |
||||||
|
#cava, |
||||||
|
#clock, |
||||||
|
#cpu, |
||||||
|
#disk, |
||||||
|
#idle_inhibitor, |
||||||
|
#keyboard-state, |
||||||
|
#memory, |
||||||
|
#mode, |
||||||
|
#mpris, |
||||||
|
#network, |
||||||
|
#pulseaudio, |
||||||
|
#pulseaudio-slider, |
||||||
|
#taskbar, |
||||||
|
#temperature, |
||||||
|
#tray, |
||||||
|
#window, |
||||||
|
#wireplumber, |
||||||
|
#workspaces, |
||||||
|
#custom-backlight, |
||||||
|
#custom-cycle_wall, |
||||||
|
#custom-keybinds, |
||||||
|
#custom-keyboard, |
||||||
|
#custom-light_dark, |
||||||
|
#custom-lock, |
||||||
|
#custom-menu, |
||||||
|
#custom-power_vertical, |
||||||
|
#custom-power, |
||||||
|
#custom-speaker, |
||||||
|
#custom-updater, |
||||||
|
#custom-weather, |
||||||
|
#custom-weather.clearNight, |
||||||
|
#custom-weather.cloudyFoggyDay, |
||||||
|
#custom-weather.cloudyFoggyNight, |
||||||
|
#custom-weather.default, |
||||||
|
#custom-weather.rainyDay, |
||||||
|
#custom-weather.rainyNight, |
||||||
|
#custom-weather.severe, |
||||||
|
#custom-weather.showyIcyDay, |
||||||
|
#custom-weather.snowyIcyNight, |
||||||
|
#custom-weather.sunnyDay { |
||||||
|
background-image: linear-gradient(45deg, #14e81e 10%, #017ed5 54%, #8d00c4 90%); |
||||||
|
color: black; |
||||||
|
border: 1px; |
||||||
|
border-style: solid; |
||||||
|
border-radius: 4px; |
||||||
|
padding-top: 2px; |
||||||
|
padding-bottom: 2px; |
||||||
|
padding-right: 6px; |
||||||
|
padding-left: 6px; |
||||||
|
} |
||||||
|
/*-----Indicators----*/ |
||||||
|
#idle_inhibitor.activated { |
||||||
|
color: #2dcc36; |
||||||
|
} |
||||||
|
#pulseaudio.muted { |
||||||
|
color: #cc3436; |
||||||
|
} |
||||||
|
#temperature.critical { |
||||||
|
color: #cc3436; |
||||||
|
} |
||||||
|
|
||||||
|
@keyframes blink { |
||||||
|
to { |
||||||
|
color: #000000; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#battery.critical:not(.charging) { |
||||||
|
color: #f53c3c; |
||||||
|
animation-name: blink; |
||||||
|
animation-duration: 0.5s; |
||||||
|
animation-timing-function: linear; |
||||||
|
animation-iteration-count: infinite; |
||||||
|
animation-direction: alternate; |
||||||
|
} |
||||||
|
|
||||||
|
#taskbar button.active { |
||||||
|
color: black; |
||||||
|
background-color: #7f849c; |
||||||
|
padding-left: 6px; |
||||||
|
padding-right: 6px; |
||||||
|
animation: gradient_f 20s ease-in infinite; |
||||||
|
transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); |
||||||
|
} |
||||||
|
|
||||||
|
#taskbar button, |
||||||
|
#taskbar button:hover { |
||||||
|
color: black; |
||||||
|
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); |
||||||
|
} |
||||||
|
|
||||||
|
#pulseaudio-slider slider { |
||||||
|
min-width: 0px; |
||||||
|
min-height: 0px; |
||||||
|
opacity: 0; |
||||||
|
background-image: none; |
||||||
|
border: none; |
||||||
|
box-shadow: none; |
||||||
|
} |
||||||
|
|
||||||
|
#pulseaudio-slider trough { |
||||||
|
background-color: #7f849c; |
||||||
|
min-width: 80px; |
||||||
|
min-height: 5px; |
||||||
|
border-radius: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
#pulseaudio-slider highlight { |
||||||
|
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; |
||||||
|
} |
||||||
|
|
||||||
|
#backlight-slider trough { |
||||||
|
background-color: #7f849c; |
||||||
|
min-width: 80px; |
||||||
|
min-height: 10px; |
||||||
|
border-radius: 5px; |
||||||
|
} |
||||||
|
|
||||||
|
#backlight-slider highlight { |
||||||
|
min-width: 10px; |
||||||
|
border-radius: 5px; |
||||||
|
} |
||||||
@ -0,0 +1,159 @@ |
|||||||
|
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ |
||||||
|
/* Simple Style */ |
||||||
|
|
||||||
|
|
||||||
|
@define-color background #1d2021; |
||||||
|
@define-color foreground #ebdbb2; |
||||||
|
@define-color dim #928374; |
||||||
|
@define-color yellow #fabd2f; |
||||||
|
@define-color red #fb4934; |
||||||
|
@define-color green #b8bb26; |
||||||
|
|
||||||
|
* { |
||||||
|
background: @background; |
||||||
|
border: none; |
||||||
|
border-radius: 0; |
||||||
|
font-family: "JetBrainsMono Nerd Font"; |
||||||
|
font-size: 97%; |
||||||
|
} |
||||||
|
|
||||||
|
window#waybar { |
||||||
|
background: @background; |
||||||
|
color: @foreground; |
||||||
|
transition-property: background-color; |
||||||
|
transition-duration: 0.5s; |
||||||
|
} |
||||||
|
|
||||||
|
#workspaces button { |
||||||
|
padding: 0 10px; |
||||||
|
color: @foreground; |
||||||
|
} |
||||||
|
|
||||||
|
#workspaces button.active { |
||||||
|
border-bottom: 1px solid @green; |
||||||
|
} |
||||||
|
|
||||||
|
#workspaces button.urgent { |
||||||
|
border-bottom: 2px solid @yellow; |
||||||
|
} |
||||||
|
|
||||||
|
#submap { |
||||||
|
border-bottom: 1px solid @red; |
||||||
|
} |
||||||
|
|
||||||
|
#backlight, |
||||||
|
#backlight-slider, |
||||||
|
#battery, |
||||||
|
#bluetooth, |
||||||
|
#cava, |
||||||
|
#clock, |
||||||
|
#cpu, |
||||||
|
#disk, |
||||||
|
#idle_inhibitor, |
||||||
|
#keyboard-state, |
||||||
|
#memory, |
||||||
|
#mode, |
||||||
|
#mpris, |
||||||
|
#network, |
||||||
|
#pulseaudio, |
||||||
|
#pulseaudio-slider, |
||||||
|
#taskbar button, |
||||||
|
#taskbar, |
||||||
|
#temperature, |
||||||
|
#tray, |
||||||
|
#window, |
||||||
|
#wireplumber, |
||||||
|
#workspaces, |
||||||
|
#custom-backlight, |
||||||
|
#custom-cycle_wall, |
||||||
|
#custom-keybinds, |
||||||
|
#custom-keyboard, |
||||||
|
#custom-light_dark, |
||||||
|
#custom-lock, |
||||||
|
#custom-menu, |
||||||
|
#custom-power_vertical, |
||||||
|
#custom-power, |
||||||
|
#custom-speaker, |
||||||
|
#custom-updater, |
||||||
|
#custom-weather, |
||||||
|
#custom-weather.clearNight, |
||||||
|
#custom-weather.cloudyFoggyDay, |
||||||
|
#custom-weather.cloudyFoggyNight, |
||||||
|
#custom-weather.default, |
||||||
|
#custom-weather.rainyDay, |
||||||
|
#custom-weather.rainyNight, |
||||||
|
#custom-weather.severe, |
||||||
|
#custom-weather.showyIcyDay, |
||||||
|
#custom-weather.snowyIcyNight, |
||||||
|
#custom-weather.sunnyDay { |
||||||
|
color: @foreground; |
||||||
|
padding-top: 3px; |
||||||
|
padding-bottom: 3px; |
||||||
|
padding-right: 6px; |
||||||
|
padding-left: 6px; |
||||||
|
} |
||||||
|
|
||||||
|
#battery.warning, |
||||||
|
#disk.warning, |
||||||
|
#memory.warning, |
||||||
|
#cpu.warning { |
||||||
|
border-top: 3px solid @background; |
||||||
|
border-bottom: 3px solid @yellow; |
||||||
|
} |
||||||
|
|
||||||
|
#battery.critical, |
||||||
|
#disk.critical, |
||||||
|
#memory.critical, |
||||||
|
#cpu.critical { |
||||||
|
border-top: 3px solid @background; |
||||||
|
border-bottom: 3px solid @red; |
||||||
|
} |
||||||
|
|
||||||
|
#battery.charging { |
||||||
|
border-top: 3px solid @background; |
||||||
|
border-bottom: 3px solid @green; |
||||||
|
} |
||||||
|
|
||||||
|
#pulseaudio-slider slider { |
||||||
|
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; |
||||||
|
background-color: @dim; |
||||||
|
} |
||||||
|
|
||||||
|
#pulseaudio-slider highlight { |
||||||
|
min-height: 10px; |
||||||
|
border-radius: 5px; |
||||||
|
background-color: @green; |
||||||
|
} |
||||||
|
|
||||||
|
#backlight-slider slider { |
||||||
|
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; |
||||||
|
background-color: @dim; |
||||||
|
} |
||||||
|
|
||||||
|
#backlight-slider highlight { |
||||||
|
min-width: 10px; |
||||||
|
border-radius: 5px; |
||||||
|
background-color: @green; |
||||||
|
} |
||||||
Loading…
Reference in new issue