/**
 * BDE Anti Dark Mode CSS
 * Prevents UI from changing based on Browser Dark Mode
 */

/* Force Light Mode Only */
:root {
  color-scheme: light only !important;
  -webkit-color-scheme: light only !important;
}

html {
  color-scheme: light only !important;
  -webkit-color-scheme: light only !important;
}

body {
  color-scheme: light only !important;
  -webkit-color-scheme: light only !important;
}

/* Block prefers-color-scheme: dark */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light !important;
    -webkit-color-scheme: light !important;
  }

  html {
    color-scheme: light !important;
    -webkit-color-scheme: light !important;
  }

  body {
    color-scheme: light !important;
    -webkit-color-scheme: light !important;
  }
}

/* Override CSS Variables that might be changed by Dark Mode */
:root,
html,
body {
  /* Prevent background and text color changes */
  background-color: inherit !important;
  color: inherit !important;
}

/* Block Browser Extensions trying to add Dark Mode */
html[data-darkreader-scheme],
html[data-darkreader-mode],
body[data-darkreader-scheme],
body[data-darkreader-mode] {
  color-scheme: light !important;
  -webkit-color-scheme: light !important;
}

/* Disable Dark Reader and other Extensions */
#darkreader,
.darkreader,
dark-reader,
[data-darkreader],
[class*="dark-mode"],
[id*="dark-mode"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Prevent meta tag color-scheme changes */
meta[name="color-scheme"] {
  content: "light" !important;
}