:root {
  --rainbow-red: #f21332;
  --rainbow-orange: #f27225;
  --rainbow-pink: #e20b88;
  --rainbow-yellow: #f2ad24;
  --rainbow-green: #00b249;
  --rainbow-blue: #1844b5;
  --rainbow-purple: #a033b3;
}

/* currently default is blue */
sml-grid .editable-cell-alternative {
  &::after {
    color: blueviolet;
  }
}

sml-grid .editable-cell-rainbow {

  &:nth-of-type(7n + 1)::after {
    color: var(--rainbow-red);
  }

  &:nth-of-type(7n + 2)::after {
    color: var(--rainbow-orange);
  }

  &:nth-of-type(7n + 3)::after {
    color: var(--rainbow-pink);
  }

  &:nth-of-type(7n + 4)::after {
    color: var(--rainbow-yellow);
  }

  &:nth-of-type(7n + 5)::after {
    color: var(--rainbow-green);
  }

  &:nth-of-type(7n + 6)::after {
    color: var(--rainbow-blue);
  }

  &:nth-of-type(7n + 7)::after {
    color: var(--rainbow-purple);
  }

}