:root {
  --background: #141D24;
  --surfacePrimary: #20292F;
  --surfaceSecondary: #3A4147;
  --divider: rgba(255, 255, 255, 0.12);
  --icon: #ffffff;
  --textPrimary: rgba(255, 255, 255, 0.87);
  --textSecondary: rgba(255, 255, 255, 0.6);
    --blue: #7e107e;
    --dark-blue: #7F3280;
    --red: #f44336;
    --dark-red: #d32f2f;
    --moon-grey: #f2f2f2;
    --icon-red: #da4453;
    --icon-orange: #f47750;
    --icon-yellow: #fdbc4b;
    --icon-green: #2ecc71;
    --icon-blue: #1d99f3;
    --icon-violet: #9b59b6;
}

#listing .item[aria-selected=true] {
    background: #7e107e !important;
    color: var(--item-selected)!important;
}

.button--flat {
    color: #540054 !important;
}

.button:hover {
    background-color: #7F3280;
}