Fixes for TYPO3 dashboards when using Dark Reader.
/* ==UserStyle==
@name TYPO3Dark
@namespace sun/userstyles
@version 1.5.13
@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 <sunny@sny.sh>
@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;
}
}
}
}