.color-scheme-toggle {
  .icon--sun { display: inline-flex; }
  .icon--moon { display: none; }

  [data-color-scheme="dark"] & {
    .icon--sun { display: none; }
    .icon--moon { display: inline-flex; }
  }
}