* { font-size: 16px; font-family: Font Awesome Free, NotoSansM Nerd Font, JetBrainsMono Nerd Font, sans-serif; font-weight: bold; } window#waybar { background-color: #19171c; border-bottom: 1px solid rgba(26,27,38,0); border-radius: 0px; color: #0066ff; } #workspaces { background: #26232a; margin: 2px; padding: 0px 1px; border-radius: 15px; border: 0px; font-style: normal; color: #19171c; } #workspaces button { padding: 0px 5px; margin: 4px 3px; border-radius: 10px; border: 0px; color: #19171c; background: linear-gradient(45deg, #e6ffe6, #80ff80, #8533ff, #a366ff); background-size: 300% 300%; animation: gradient_horizontal 15s ease infinite; opacity: 0.5; transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } #workspaces button.active { padding: 0px 5px; margin: 4px 3px; border-radius: 10px; border: 0px; color: #19171c; background: linear-gradient(45deg, #e6ffe6, #80ff80, #8533ff, #a366ff); background-size: 300% 300%; animation: gradient_horizontal 15s ease infinite; transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); opacity: 1.0; min-width: 40px; } #workspaces button:hover { border-radius: 10px; color: #19171c; background: linear-gradient(45deg, #955ae7, #bf40bf, #576ddb, #aa573c); background-size: 300% 300%; animation: gradient_horizontal 15s ease infinite; opacity: 0.8; transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } @keyframes gradient_horizontal { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes swiping { 0% { background-position: 0% 200%; } 100% { background-position: 200% 200%; } } tooltip { background: #19171c; border: 1px solid #955ae7; border-radius: 10px; } tooltip label { color: #efecf4; } #window { margin: 4px; padding: 2px 10px; color: #00ffff; background: #26232a; border-radius: 10px; } #memory { color: #0066ff; background: #26232a; margin: 4px; padding: 2px 10px; border-radius: 10px; } #clock { color: #0066ff; background: linear-gradient(45deg, #e6ffe6, #80ff80, #8533ff, #a366ff); background-size: 300% 300%; animation: gradient_horizontal 15s ease infinite; margin: 4px; padding: 2px 10px; border-radius: 10px; } #cpu { color: #0066ff; background: #26232a; margin: 4px; padding: 2px 10px; border-radius: 10px; } #disk { color: #0066ff; background: #26232a; margin: 4px; padding: 2px 10px; border-radius: 10px; } #battery { color: #be4678; background: #26232a; margin: 4px; padding: 2px 10px; border-radius: 10px; } #network { color: #0066ff; background: #26232a; margin: 4px; padding: 2px 10px; border-radius: 10px; } #custom-hyprbindings { color: #0066ff; background: #26232a; margin: 4px; padding: 2px 10px; border-radius: 10px; } #tray { color: #8b8792; background: #26232a; margin: 4px; padding: 2px 10px; border-radius: 10px; } #pulseaudio { color: #0066ff; background: #26232a; margin: 4px; padding: 2px 10px; border-radius: 10px; } #custom-notification { color: #0066ff; background: #26232a; margin: 4px; padding: 2px 10px; border-radius: 10px; } #custom-themeselector { color: #576ddb; background: #26232a; margin: 4px 0px; padding: 2px 10px 2px 5px; border-radius: 0px 10px 10px 0px; } #custom-startmenu { color: #19171c; background: linear-gradient(45deg, #e6ffe6, #80ff80, #8533ff, #a366ff); background-size: 300% 300%; animation: gradient_horizontal 15s ease infinite; margin: 4px; padding: 2px 10px; border-radius: 10px; } #idle_inhibitor { color: #0066ff; background: #26232a; margin: 4px 0px; padding: 2px 14px; border-radius: 0px; } #custom-exit { color: #ff0000; background: #26232a; border-radius: 10px 0px 0px 10px; margin: 4px 0px; padding: 2px 5px 2px 15px; }