@define-color rosewater #f2d5cf;
@define-color flamingo #eebebe;
@define-color pink #f4b8e4;
@define-color mauve #ca9ee6;
@define-color red #e78284;
@define-color maroon #ea999c;
@define-color peach #ef9f76;
@define-color yellow #e5c890;
@define-color green #a6d189;
@define-color teal #81c8be;
@define-color sky #99d1db;
@define-color sapphire #85c1dc;
@define-color blue #8caaee;
@define-color lavender #babbf1;
@define-color text #c6d0f5;
@define-color subtext1 #b5bfe2;
@define-color subtext0 #a5adce;
@define-color overlay2 #949cbb;
@define-color overlay1 #838ba7;
@define-color overlay0 #737994;
@define-color surface2 #626880;
@define-color surface1 #51576d;
@define-color surface0 #414559;
@define-color base #303446;
@define-color mantle #292c3c;
@define-color crust #232634;

/* --- 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;
}