DOT-Files/Arch/archtop/home/user/.config/waybar/style.css.bak

      * {
        font-size: 16px;
	font-family: 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: #bf40bf;
      }
      #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, #955ae7, #bf40bf, #576ddb, #aa573c);
          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, #955ae7, #bf40bf, #576ddb, #aa573c);
          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: #8b8792;
	  background: #26232a;
	  border-radius: 10px;
      }
      #memory {
   	color: #bf40bf;
	background: #26232a;
	margin: 4px;
	padding: 2px 10px;
	border-radius: 10px;
      }
      #clock {
    	color: #26232a;
        background: linear-gradient(45deg, #398bc6, #bf40bf, #2a9292, #be4678);
        background-size: 300% 300%;
        animation: gradient_horizontal 15s ease infinite;

	margin: 4px;
	padding: 2px 10px;
	border-radius: 10px;
      }
      #cpu {
    	color: #efecf4;
	background: #26232a;
	margin: 4px;
	padding: 2px 10px;
	border-radius: 10px;
      }
      #disk {
    	color: #655f6d;
	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: #aa573c;
	background: #26232a;
	margin: 4px;
	padding: 2px 10px;
	border-radius: 10px;
      }
      #custom-hyprbindings {
    	color: #955ae7;
	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: #576ddb;
	background: #26232a;
	margin: 4px;
	padding: 2px 10px;
	border-radius: 10px;
      }
      #custom-notification {
    	color: #398bc6;
	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, #aa573c, #655f6d, #398bc6, #efecf4);
        background-size: 300% 300%;
        animation: gradient_horizontal 15s ease infinite;

	margin: 4px;
	padding: 2px 10px;
	border-radius: 10px;
      }
      #idle_inhibitor {
    	color: #aa573c;
	background: #26232a;
	margin: 4px 0px;
	padding: 2px 14px;
	border-radius: 0px;
      }
      #custom-exit {
    	color: #955ae7;
	background: #26232a;
	border-radius: 10px 0px 0px 10px;
	margin: 4px 0px;
	padding: 2px 5px 2px 15px;
      }