#spotlight article {
  transition: opacity 200ms ease;
  opacity: 0.2;
}

#spotlight article.is-active {
  opacity: 1;
}

article.is-active[data-theme="light"] [data-componenet="pill"] {
  color: var(--color-white);
  border-color: var(--color-white);
}

article.is-active[data-theme="light"] .project-data {
  color: var(--color-white);
}

article.is-active[data-theme="light"] .button {
  color: var(--color-black);
  background-color: var(--color-white);
}
