Sabrina-Online.com – Dark [Ath]

Dark theme for Sabrina-Online.com with layout fixes.

Install this script ? Install as user style ?

Visit the author's site for support, ask a question, post a review, or report the script.

Wrap lines

/* ==UserStyle==
@name           Sabrina-Online.com – Dark [Ath]
@namespace      athari
@version        1.0.0
@description    Dark theme for Sabrina-Online.com with layout fixes.
@author         Athari (https://github.com/Athari)
@homepageURL    https://github.com/Athari/AthariUserCSS
@supportURL     https://github.com/Athari/AthariUserCSS/issues
@license        MIT
@preprocessor   default
==/UserStyle== */

@-moz-document domain("sabrina-online.com") {
  :root {
    color-scheme: dark;
  }

  html, body {
    background: #111;
    color: #eee;
  }
  a {
    color: #88f;
    text-decoration: none;
    &:active, &:hover {
      color: #bbf;
      text-decoration: underline;
    }
    &:visited {
      color: #939;
      &:active, &:hover {
        color: #bbf;
      }
    }
  }
  hr {
    border-color: #999;
  }

  td[bgcolor="#E779F7"],
  td[bgcolor="#E779F7"] :is(img, input[type=image]),
  img[src*="title"][src$=".gif"]:not([src="sabtitle0.gif"]):not([src*="/"]) {
    filter: invert(1) hue-rotate(180deg);
  }
  img[src="sabtitle0.gif"],
  img[src="offiSM.gif"] {
    filter:
      drop-shadow(1px 1px 1px #fff)
      drop-shadow(1px -1px 1px #fff)
      drop-shadow(-1px 1px 1px #fff)
      drop-shadow(-1px -1px 1px #fff);
  }

  img[src^="strip"] {
    box-shadow: 2px 2px 2px #000;
  }

  body > table {
    border-spacing: 0px;
  }
  img[src="sabtitle2.gif"] {
    display: block;
  }
  td[width="80"][bgcolor="#E779F7" i][valign="top" i] {
    min-width: 80px !important;
    + td {
      padding: 0 16px;
    }
  }
}