dark.css

@reference "tailwindcss";

[data-theme="dark"] {
  body {
    @apply bg-dark-bg text-dark-text;
  }

  .splash__section--dark {
    @apply bg-dark-surface;
  }

  .gitter__button {
    @apply bg-[#1c3b39];
  }

  .sponsors__content,
  .footer__inner {
    @apply border-dark-border;
  }

  .page-links__gap {
    @apply text-dark-muted;
  }

  .site {
    background: #121212 !important;
  }

  .sidebar__docs-version {
    @apply border-dark-border text-dark-sidebar-version;
  }

  .contributor .contributor__name {
    @apply bg-dark-bg text-dark-heading;
  }

  .footer-openjsf-logo {
    @apply invert;
  }

  .footer p {
    @apply text-white;
  }
}