Simple and crude dark theme for often used domains of the Belgian government

be.user.css

/* ==UserStyle==
@name           Belgian government sites dark theme
@namespace      https://userstyles.world/user/sharethewisdom
@version        1.0.0
@description    Simple and crude dark theme for often used domains of the Belgian government
@author         Sharethewisdom
@license        MIT
@preprocessor   stylus
==/UserStyle== */

@-moz-document regexp("https:\\/\\/([a-z0-9-]+[.])*(belgie|belgium|fgov|cozo|socialsecurity|be-alert|rva|mypension)\\.be/.*") {
@media screen and (prefers-color-scheme: dark) {
  html {
    background-color: black;
    filter: invert(1) hue-rotate(180deg);
  }
  .title-image {
    display: none!important;
  }
  /* reinvert images */
  img {
    filter: invert(1) hue-rotate(180deg);
  }
  /* cookie banner */
  .orejime-Notice {
    display: none;
  }
}
}

@-moz-document domain("belgium.be") {
@media screen and (prefers-color-scheme: dark) {
  .purple {
    color: #b56987!important;
  }

  .cookiebar {
    background: white;
    color: black;
    display: none;
  }
  .language-bar {
    background: #eee;
  }
  .language-list li a.active,
  .language-list li a.active:hover,
  .language-list li a:hover {
    color: #000!important;
  }
  .language-list li {
    color: #222!important;
  }
}
}

@-moz-document domain("rjv.fgov.be") {
@media screen and (prefers-color-scheme: dark) {
  .banner {
    background: none;
  }
}
}

@-moz-document domain("belgium.be"), domain("www.belgium.be") {
@media screen and (prefers-color-scheme: dark) {
  body {
    background: #fff !important;
    color: #000 !important;
  }
  .page__section--header * {
    color: inherit !important;
  }
  .page__section--header .site--tools {
    background: none;
  }
}
}

@-moz-document domain("be-alert.be") {
@media screen and (prefers-color-scheme: dark) {
  img[alt="BE-Alert"] {
    background-color: #fff;
  }
}
}

belgium.be.png