.colorize--white {
  filter: invert(100%);

  &[data-color-scheme="dark"] {
    filter: invert(0%);
  }

  @media (prefers-color-scheme: dark) {
    &:not([data-color-scheme="light"]) {
      filter: invert(100%);
    }
  }
}

.colorize--black {
  filter: invert(0%);

  &[data-color-scheme="dark"] {
    filter: invert(100%);
  }

  @media (prefers-color-scheme: dark) {
    &:not([data-color-scheme="light"]) {
      filter: invert(0%);
    }
  }
}