firezone/elixir/apps/domain/priv/static/emails/dark_mode.css

@media (prefers-color-scheme: dark) {
  body {
    background-color: #1a1a1a !important;
  }
  .email-container {
    background-color: #1a1a1a !important;
  }
  .content-box {
    background-color: #2d2d2d !important;
    color: #e5e5e5 !important;
  }
  .content-box h1,
  .content-box h2 {
    color: #ffffff !important;
  }
  .content-box p,
  .content-box td {
    color: #e5e5e5 !important;
  }
  .content-box th {
    color: #d4d4d4 !important;
  }
  .content-box table tr {
    background-color: #2d2d2d !important;
  }
  .content-box code {
    background-color: #1a1a1a !important;
    border-color: #525252 !important;
    color: #e5e5e5 !important;
  }
  .content-box pre {
    background-color: #1a1a1a !important;
    color: #e5e5e5 !important;
  }
  .separator {
    background-color: #525252 !important;
  }
  .footer-text {
    color: #a3a3a3 !important;
  }
  .footer-text a {
    color: #a78bfa !important;
  }
  .logo-light {
    display: none !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
  .logo-dark {
    display: inline-block !important;
  }
}
@media (prefers-color-scheme: light) {
  .logo-dark {
    display: none !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
}