/*
*
* Catppuccin Mocha palette
* Maintainer: rubyowo
*
*/

@define-color base   #1e1e2e;
@define-color mantle #181825;
@define-color crust  #11111b;

@define-color text     #cdd6f4;
@define-color subtext0 #a6adc8;
@define-color subtext1 #bac2de;

@define-color surface0 #313244;
@define-color surface1 #45475a;
@define-color surface2 #585b70;

@define-color overlay0 #6c7086;
@define-color overlay1 #7f849c;
@define-color overlay2 #9399b2;

@define-color blue      #89b4fa;
@define-color lavender  #b4befe;
@define-color sapphire  #74c7ec;
@define-color sky       #89dceb;
@define-color teal      #94e2d5;
@define-color green     #a6e3a1;
@define-color yellow    #f9e2af;
@define-color peach     #fab387;
@define-color maroon    #eba0ac;
@define-color red       #f38ba8;
@define-color mauve     #cba6f7;
@define-color pink      #f5c2e7;
@define-color flamingo  #f2cdcd;
@define-color rosewater #f5e0dc;

@keyframes rainbow-gradient {
    0% {
        border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1;
    }
    50% {
        border-image: linear-gradient(270deg, violet, indigo, blue, green, yellow, orange, red) 1 1 1 1;
    }
    100% {
        border-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) 1;
    }
}

/* --- tray readability override (global) --- */
#tray > *,
#tray > .passive,
#tray > .active,
#tray > .needs-attention {
  background: rgba(137, 180, 250, 0.55);
  border-radius: 8px;
  border: 1px solid rgba(17, 17, 27, 0.35);
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 2px;
  padding-right: 2px;
  color: rgba(17, 17, 27, 0.98);
  -gtk-icon-effect: none;
}

#tray image {
  background: transparent;
  color: rgba(17, 17, 27, 0.98);
  -gtk-icon-style: symbolic;
  -gtk-icon-effect: none;
  opacity: 1;
}