endoflife.date/docs/api dark by forivall

/* ==UserStyle==
@name           endoflife.date/docs/api dark
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://endoflife.date/docs/api") {
  :root {
    --text-l: 95%;
    --canvas-l: 5%;
    --color-canvas: hsla(var(--canvas-h),var(--canvas-s),var(--canvas-l),1);
    --color-canvas-pure: #fff;
    --color-canvas-tint: hsla(var(--canvas-h),var(--canvas-s),var(--canvas-l),0.7);
    --color-canvas-50: hsla(var(--canvas-h),var(--canvas-s),calc(var(--canvas-l) + 5%),1);
    --color-canvas-100: hsla(var(--canvas-h),var(--canvas-s),calc(var(--canvas-l) + 10%),1);
    --color-canvas-200: hsla(var(--canvas-h),var(--canvas-s),calc(var(--canvas-l) + 20%),1);
    --color-canvas-300: hsla(var(--canvas-h),var(--canvas-s),calc(var(--canvas-l) + 30%),1);
    --color-canvas-400: hsla(var(--canvas-h),var(--canvas-s),calc(var(--canvas-l) + 40%),1);
    --color-canvas-500: hsla(var(--canvas-h),var(--canvas-s),calc(var(--canvas-l) + 50%),1);
    --color-canvas-dialog: #fff;
  }
  body {
    background-color: var(--color-canvas);
  }
  [style*="color: rgb(24, 54, 145)"] {
    color: hsl(225, 71%, 60%) !important;
  }
  [style*="color: rgb(111, 66, 193);"] {
    color: hsl(261, 51%, 71%) !important;
  }
  [style*="color: rgb(3, 47, 98);"] {
    color: hsl(212, 94%, 60%) !important;
  }
  [style*="color: rgb(51, 51, 51);"] {
    color: hsl(0, 0%, 60%) !important;
  }
}