1 changed files with 193 additions and 190 deletions
@ -1,202 +1,205 @@
|
||||
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ |
||||
/* ....................................*/ |
||||
/* ..... None .........*/ |
||||
/* ................................... */ |
||||
/* ..........................................*/ |
||||
/* .......Transparent....................... */ |
||||
/* ......................................... */ |
||||
/* --- 👍 designed by https://github.com/Krautt 👍 --- */ |
||||
|
||||
* { |
||||
*{ |
||||
font-family: "JetBrains Mono 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: 98%%; |
||||
font-size: 98%; |
||||
font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; |
||||
padding: 1px; |
||||
} |
||||
|
||||
window#waybar { |
||||
background: transparent; |
||||
border-radius: 1px; |
||||
color: whitesmoke; |
||||
} |
||||
|
||||
window#waybar.hidden { |
||||
opacity: 0.5; |
||||
} |
||||
|
||||
window#waybar.empty { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
window#waybar.empty #window { |
||||
padding: 0px; |
||||
margin: 0px; |
||||
border: 0px; |
||||
/* background-color: rgba(66,66,66,0.5); */ |
||||
/* transparent */ |
||||
background-color: transparent; |
||||
} |
||||
|
||||
|
||||
tooltip { |
||||
background: #1e1e2e; |
||||
border-radius: 10px; |
||||
border-width: 2px; |
||||
border-style: solid; |
||||
border-color: #11111b; |
||||
color: #cba6f7; |
||||
} |
||||
|
||||
/*-----module groups----*/ |
||||
.modules-right {} |
||||
|
||||
.modules-center {} |
||||
|
||||
.modules-left {} |
||||
|
||||
#workspaces button { |
||||
padding: 2px; |
||||
color: #6E6A86; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
#workspaces button.active { |
||||
color: whitesmoke; |
||||
|
||||
} |
||||
|
||||
#workspaces button.focused { |
||||
color: #d8dee9; |
||||
} |
||||
|
||||
#workspaces button.urgent { |
||||
color: #11111b; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
#workspaces button:hover { |
||||
color: whitesmoke; |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
#backlight, |
||||
#battery, |
||||
#bluetooth, |
||||
#cava, |
||||
#clock, |
||||
#cpu, |
||||
#disk, |
||||
#idle_inhibitor, |
||||
#keyboard-state label, |
||||
#keyboard-state label.locked, |
||||
#keyboard-state, |
||||
#memory, |
||||
#mode, |
||||
#mpd, |
||||
#network, |
||||
#pulseaudio, |
||||
#taskbar button, |
||||
#taskbar, |
||||
#temperature, |
||||
#tray, |
||||
#window, |
||||
#wireplumber, |
||||
#workspaces, |
||||
#custom-cycle_wall, |
||||
#custom-keybinds, |
||||
#custom-light_dark, |
||||
#custom-lock, |
||||
#custom-menu, |
||||
#custom-power_vertical, |
||||
#custom-power, |
||||
#custom-spotify, |
||||
#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: whitesmoke; |
||||
padding: 0px 10px; |
||||
|
||||
} |
||||
|
||||
#temperature.critical { |
||||
background-color: #ff0000; |
||||
} |
||||
|
||||
@keyframes blink { |
||||
to { |
||||
} |
||||
|
||||
window#waybar { |
||||
background:transparent; |
||||
border-radius: 1px; |
||||
color: whitesmoke; |
||||
} |
||||
|
||||
window#waybar.hidden { |
||||
opacity: 0.5; |
||||
} |
||||
window#waybar.empty { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
window#waybar.empty #window { |
||||
padding: 0px; |
||||
margin: 0px; |
||||
border: 0px; |
||||
/* background-color: rgba(66,66,66,0.5); */ /* transparent */ |
||||
background-color: transparent; |
||||
} |
||||
|
||||
|
||||
tooltip { |
||||
background: #1e1e2e; |
||||
border-radius: 10px; |
||||
border-width: 2px; |
||||
border-style: solid; |
||||
border-color: #11111b; |
||||
color: #cba6f7; |
||||
} |
||||
/*-----module groups----*/ |
||||
.modules-right { |
||||
|
||||
} |
||||
|
||||
.modules-center { |
||||
|
||||
|
||||
|
||||
} |
||||
|
||||
.modules-left { |
||||
|
||||
|
||||
} |
||||
|
||||
#workspaces button { |
||||
padding: 2px; |
||||
color: #6E6A86; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
#workspaces button.active { |
||||
color: whitesmoke; |
||||
|
||||
} |
||||
|
||||
#workspaces button.focused { |
||||
color: #d8dee9; |
||||
} |
||||
|
||||
#workspaces button.urgent { |
||||
color: #11111b; |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
#workspaces button:hover { |
||||
color: whitesmoke; |
||||
|
||||
} |
||||
|
||||
|
||||
|
||||
#backlight, |
||||
#battery, |
||||
#bluetooth, |
||||
#cava, |
||||
#clock, |
||||
#cpu, |
||||
#disk, |
||||
#idle_inhibitor, |
||||
#keyboard-state label, |
||||
#keyboard-state label.locked, |
||||
#keyboard-state, |
||||
#memory, |
||||
#mode, |
||||
#mpd, |
||||
#network, |
||||
#pulseaudio, |
||||
#taskbar button, |
||||
#taskbar, |
||||
#temperature, |
||||
#tray, |
||||
#window, |
||||
#wireplumber, |
||||
#workspaces, |
||||
#custom-cycle_wall, |
||||
#custom-keybinds, |
||||
#custom-light_dark, |
||||
#custom-lock, |
||||
#custom-menu, |
||||
#custom-power_vertical, |
||||
#custom-power, |
||||
#custom-spotify, |
||||
#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:whitesmoke; |
||||
padding: 0px 10px; |
||||
|
||||
} |
||||
|
||||
#temperature.critical { |
||||
background-color: #ff0000; |
||||
} |
||||
|
||||
@keyframes blink { |
||||
to { |
||||
color: #000000; |
||||
} |
||||
} |
||||
|
||||
#taskbar button.active { |
||||
background-color: #7f849c; |
||||
} |
||||
|
||||
#battery.critical:not(.charging) { |
||||
color: #f53c3c; |
||||
animation-name: blink; |
||||
animation-duration: 0.5s; |
||||
animation-timing-function: linear; |
||||
animation-iteration-count: infinite; |
||||
animation-direction: alternate; |
||||
} |
||||
|
||||
#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; /* Ajusta el ancho según tus preferencias */ |
||||
min-height: 10px; /* Ajusta la altura según tus preferencias */ |
||||
border-radius: 5px; |
||||
background-color: black; |
||||
} |
||||
|
||||
#pulseaudio-slider highlight { |
||||
min-height: 10px; /* Ajusta la altura según tus preferencias */ |
||||
border-radius: 5px; |
||||
background-color: wheat; |
||||
} |
||||
} |
||||
|
||||
#taskbar button.active { |
||||
background-color: #7f849c; |
||||
} |
||||
|
||||
#battery.critical:not(.charging) { |
||||
color: #f53c3c; |
||||
animation-name: blink; |
||||
animation-duration: 0.5s; |
||||
animation-timing-function: linear; |
||||
animation-iteration-count: infinite; |
||||
animation-direction: alternate; |
||||
} |
||||
|
||||
#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; |
||||
/* Ajusta el ancho según tus preferencias */ |
||||
min-height: 10px; |
||||
/* Ajusta la altura según tus preferencias */ |
||||
border-radius: 5px; |
||||
background-color: black; |
||||
} |
||||
|
||||
#pulseaudio-slider highlight { |
||||
min-height: 10px; |
||||
/* Ajusta la altura según tus preferencias */ |
||||
border-radius: 5px; |
||||
background-color: wheat; |
||||
} |
||||
|
||||
#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; |
||||
/* Ajusta el ancho según tus preferencias */ |
||||
min-height: 10px; |
||||
/* Ajusta la altura según tus preferencias */ |
||||
border-radius: 5px; |
||||
background-color: black; |
||||
} |
||||
|
||||
#backlight-slider highlight { |
||||
min-width: 10px; |
||||
/* Ajusta el ancho según tus preferencias */ |
||||
border-radius: 5px; |
||||
background-color: wheat; |
||||
} |
||||
#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; /* Ajusta el ancho según tus preferencias */ |
||||
min-height: 10px; /* Ajusta la altura según tus preferencias */ |
||||
border-radius: 5px; |
||||
background-color: black; |
||||
} |
||||
|
||||
#backlight-slider highlight { |
||||
min-width: 10px; /* Ajusta el ancho según tus preferencias */ |
||||
border-radius: 5px; |
||||
background-color: wheat; |
||||
} |
||||
|
||||
|
||||
Loading…
Reference in new issue