/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ /* pywal - Simple */ /* @define-color foreground #e3dee0; @define-color background #05050A; @define-color cursor #e3dee0; @define-color color0 #05050A; @define-color color1 #3E4BB0; @define-color color2 #626396; @define-color color3 #8D769E; @define-color color4 #718DB1; @define-color color5 #A599A7; @define-color color6 #C9BDBE; @define-color color7 #e3dee0; @define-color color8 #9e9b9c; @define-color color9 #3E4BB0; @define-color color10 #626396; @define-color color11 #8D769E; @define-color color12 #718DB1; @define-color color13 #A599A7; @define-color color14 #C9BDBE; @define-color color15 #e3dee0; */ @import '../../../.cache/wal/colors-waybar.css'; *{ font-family: "JetBrainsMono Nerd Font"; color:#ffffff; 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-top: 1px; padding-bottom: 1px; } window#waybar { background: transparent; } #waybar.empty, #waybar.tiled, #waybar.floating { background-color: transparent; } tooltip { color: @color2; background: @color0; opacity: 0.8; border-radius: 10px; border-width: 1px; border-style: solid; border-color: @color15; } /*-----module groups----*/ .modules-right { background-color: @color2; border: 0.5px solid @color15; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; padding-right: 4px; padding-left: 4px; } .modules-center { background-color: @color1; border: 0.5px solid @color15; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; padding-right: 4px; padding-left: 4px; } .modules-left { background-color: @color2; border: 0.5px solid @color15; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; padding-right: 4px; padding-left: 4px; } /*-----modules indv----*/ #workspaces button { color: @color2; 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.active { color: @foreground; background-color: @color2; 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.focused { color: @color4; } #workspaces button.urgent { color: #11111b; border-radius: 10px; } #workspaces button:hover { color: @color4; 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); } #backlight, #backlight-slider, #battery, #bluetooth, #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-changewaybar, #custom-changewaybarcss, #custom-cava_mviz, #custom-cycle_wall, #custom-keybinds, #custom-keyboard, #custom-light_dark, #custom-lock, #custom-menu, #custom-power_vertical, #custom-power, #custom-swaync, #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: #ffffff; padding-top: 3px; padding-bottom: 3px; padding-right: 6px; padding-left: 6px; } #mode { color: #cc3436; font-weight: bold; } #custom-power { padding: 1px 3px; } /*-----Indicators----*/ #idle_inhibitor.activated { color: #2dcc36; } #pulseaudio.muted { color: #cc3436; } #pulseaudio-microphone.muted { color: #cc3436; } #temperature.critical { background-color: #ff0000; } @keyframes blink { to { color: #000000; } } #taskbar button.active { color: @foreground; background-color: @color2; border-radius: 30px; animation: gradient_f 20s ease-in infinite; transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } #taskbar button:hover { padding-left: 3px; padding-right: 3px; border-radius: 15px; animation: gradient_f 20s ease-in infinite; transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } #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; 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 { min-width: 80px; min-height: 10px; border-radius: 5px; } #backlight-slider highlight { min-width: 10px; border-radius: 5px; }