@media (prefers-color-scheme: dark) {
  :root {
    --color-default: #ccc;
    --color-black: #efefef;
    --color-grey: #aaa;
    --color-light-grey: #4e4e4e;
    --color-light-bg: #2f2f2f;
    --color-white: #222;
    --color-success: #239c23;

    --page-bg: #1f1f1f;
    --color-headings: var(--color-black) !important;

    --color-box-background: var(--color-light-bg);
    --banner-background: var(--color-light-bg);
    --banner-text: var(--color-grey);
  }
}