@media (prefers-color-scheme: light) {
  body {
    background-color: #fff;
    /* Light mode background color */
    color: #000;
    /* Light mode text color */
  }

  #status {
    background-color: #636363;
    /* Light mode status background color */
    color: #fff;
    /* Light mode status text color */
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    /* Dark mode background color */
    color: #fff;
    /* Dark mode text color */
  }

  #status {
    background-color: #333;
    /* Dark mode status background color */
    color: #fff;
    /* Dark mode status text color */
  }
}