@media (prefers-color-scheme: dark) {
  body, .nes-container, .nes-balloon, .nes-input, .nes-btn, .nes-text, .nes-field {
    background-color: var(--bulma-body-background-color) !important;
    color: #fafafa !important;
  }
  .nes-container.is-dark {
    background-color: var(--bulma-body-background-color) !important;
    color: #fafafa !important;
  }
  .nes-container {
    border-color: white;
  }
  .nes-balloon.is-dark {
    background-color: var(--bulma-body-background-color) !important;
    color: #fafafa !important;
  }
  .nes-btn.is-error {
    background-color: #e76e55 !important;
    color: #fff !important;
  }
  .nes-btn.is-link {
    background-color: #209cee !important;
    color: #fff !important;
  }
  .nes-input {
    background-color: var(--bulma-body-background-color) !important;
    color: #fafafa !important;
    border-color: #444 !important;
  }
  .nes-text.is-primary {
    color: #8ecae6 !important;
  }
  .nes-text.is-error {
    color: #e76e55 !important;
  }
  .nes-btn.is-primary {
    background-color: var(--bulma-link) !important;
  }
  @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    .nes-btn {
      border-image-repeat: initial;
    }
  }
  .nes-progress, .nes-input, .nes-textarea {
    border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(255,255,255)" /></svg>');
  }
  progress.nes-progress {
    background-color: black;
  }
  progress.nes-progress::-webkit-progress-bar  {
    background-color: black !important;
  }
  .nes-balloon.is-light{
    background-color: #fff !important;
  }
  .nes-balloon.is-primary {
    color:  #209cee !important;
  }

  .nes-balloon.is-error {
    color: #e76e55 !important;
  }
}