TYPO3Dark

Fixes for TYPO3 dashboards when using Dark Reader.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

/* ==UserStyle==
@name               TYPO3Dark
@namespace          sun/userstyles
@version            1.5.14
@description        Fixes for TYPO3 dashboards when using Dark Reader.
@compatible         chrome
@compatible         edge
@compatible         firefox
@compatible         opera
@compatible         safari
@homepageURL        https://forgejo.sny.sh/sun/userstyles
@supportURL         https://forgejo.sny.sh/sun/userstyles/issues
@contributionURL    https://liberapay.com/sun
@contributionAmount €1.00
@author             Sunny <[email protected]>
@icon               https://forgejo.sny.sh/sun/userstyles/raw/branch/main/icons/TYPO3Dark.ico
@copyright          2020-present, Sunny (https://sny.sh/)
@license            Hippocratic License; https://forgejo.sny.sh/sun/userstyles/src/branch/main/LICENSE.md
@preprocessor       stylus
@var                checkbox fixmm "Fix module menu"      1
@var                checkbox fixpt "Fix page tree"        1
@var                checkbox fixic "Fix icons and images" 1
@var                checkbox fixal "Fix access legend"    1
@var                checkbox fixad "Fix Adminer"          1
@var                checkbox fixpm "Fix phpMyAdmin"       1
@var                checkbox supt7 "Support TYPO3 v7"     1
@var                checkbox supt6 "Support TYPO3 v6"     1
==/UserStyle== */

@-moz-document regexp(".*/typo3/.*") {
  @media not print {
    if fixmm {
      .modulemenu-action:not(:disabled):hover,
      .modulemenu-action-active {
        background-color: rgba(255, 255, 255, 0.125) !important;
        box-shadow: none !important;
      }
      .modulemenu-action:not(:disabled):focus {
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
      }
    }
    if fixpt {
      .svg-tree-wrapper {
        .node-name {
          filter: invert(1);
        }
        .node-selected {
          fill: rgba(255, 255, 255, 0.125);
        }
        .node-over:not(.node-selected) {
          fill: rgba(255, 255, 255, 0.25);
        }
        .node-selected,
        .node-over:not(.node-selected) {
          stroke: none;
        }
        .links {
          opacity: 0.5;
        }
        .nodes-wrapper--dragging .node-over {
          filter: invert(1) hue-rotate(180deg);
        }
      }
    }
    if fixic {
      img {
        &[src^="/typo3/sysext/core/Resources/Public/Icons/T3Icons/actions"],
        &[src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/spinner/spinner-circle.svg"],
        &[src="/typo3/sysext/core/Resources/Public/Icons/T3Icons/spinner/spinner-circle-dark.svg"],
        &[src="/typo3conf/ext/news/Resources/Public/Icons/donation.svg"] {
          filter: invert(1) hue-rotate(180deg);
        }
        &[src="/typo3/sysext/backend/Resources/Public/Images/typo3_black.svg"],
        &[src="/typo3/sysext/backend/Resources/Public/Images/typo3_orange.svg"],
        &[src="/typo3/sysext/install/Resources/Public/Images/typo3_orange.svg"] {
          filter: invert(1) hue-rotate(180deg) brightness(1.54);
        }
      }
      select.form-control:not(.form-select-no-siblings) {
        &:not([size]),
        &[size="1"] {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M8.37 10.47a.506.506 0 0 1-.72 0L4.11 6.93c-.2-.2-.2-.5 0-.7l.7-.7c.2-.2.5-.2.7 0l2.5 2.5 2.5-2.5c.2-.2.5-.2.7 0l.7.7c.2.2.2.5 0 .7l-3.54 3.54z'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: right;
        }
      }
    }
    if fixal {
      .access-legend {
        .vr,
        .hr,
        .edge {
          filter: invert(1);
        }
      }
    }
    if supt7 {
      .typo3-topbar-navigation-items > li > a,
      [id="typo3-menu"] .typo3-module-menu-group {
        border: none;
      }
    }
    if supt6 {
      #typo3-index-php {
        background-color: #494949;
      }
      div.typo3-dyntabmenu-divs {
        background-image: none;
      }
    }
  }
}

@-moz-document regexp(".*/typo3conf/ext/t3adminer/.*/t3adminer.php.*"), regexp(".*/typo3/index.php\\?route=%2Fmodule%2Ftools%2Ftxt3adminer.*") {
  @media not print {
    if fixad {
      .footer {
        border-image: linear-gradient(rgba(24, 26, 27, 0.2), #181a1b) 100% 0;
      }
      .links,
      #tables,
      td {
        a::before {
          filter: invert(1);
        }
      }
    }
  }
}

@-moz-document regexp(".*/typo3conf/ext/phpmyadmin/.*/index.php.*"), regexp(".*/typo3/index.php\\?route=%2Fmodule%2Ftools%2FPhpmyadmin.*") {
  @media not print {
    if fixpm {
      #pma_navigation,
      .ui-widget-header,
      .ui-dialog-buttonpane button,
      .ui-dialog-buttonpane button:hover {
        background-image: none;
      }
    }
  }
}