Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Dark mode styles makes our page unreadable

See original GitHub issue

The “dark mode styles” was added with: https://github.com/django-import-export/django-import-export/commit/7fc06627e2f12d719c03a6528cb63f05da256ca1 for: https://github.com/django-import-export/django-import-export/issues/1318

Our page doesn’t support dark mode yet. So these styles makes the diff unreadable.

A work-a-round, that we currently use is to add these styles in our css file:

@media (prefers-color-scheme: dark) {
  /*
  Work-a-round for https://github.com/django-import-export/django-import-export/pull/1323
  */
  html table.import-preview tr.skip {
    background-color: #d2d2d2;
  }

  html table.import-preview tr.new {
    background-color: #bdd8b2;
  }

  html table.import-preview tr.delete {
    background-color: #f9bebf;
  }

  html table.import-preview tr.update {
    background-color: #fdfdcf;
  }

  html .validation-error-container {
    background-color: #ffc1c1;
  }

  /*
  these declarations are necessary to forcibly override the
  formatting applied by the diff-match-patch python library
   */
  html table.import-preview td ins {
    background-color: #bdd8b2 !important;
  }

  html table.import-preview td del {
    background-color: #f9bebf !important;
  }
}

That will “reset” the dark colors to “normal” ones…