Module:Signatures/Signatures.css

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .lua-type-explicit > a {
		filter: invert() hue-rotate(180deg) brightness(110%);
	}
    html.skin-theme-clientpref-os .lua-type-recolor-border {
        border: 1px solid #404040 !important;
    }
    html.skin-theme-clientpref-os .lua-type-recolor-bar {
        background-color: #b0b0b0 !important;
    }
}

html.skin-theme-clientpref-night .lua-type-explicit > a {
	filter: invert() hue-rotate(180deg) brightness(110%);
}
html.skin-theme-clientpref-night .lua-type-recolor-border {
    border: 1px solid #404040 !important;
}
html.skin-theme-clientpref-night .lua-type-recolor-bar {
    background-color: #b0b0b0 !important;
}


.lua-type-union {
    display: inline-flex;
    flex-flow: row nowrap;
    padding: 1px 1px;
    gap: 3px;
    border-radius: 4px;
    border: 1px solid #b0b0b0;
}
.lua-type-union > .lua-type-union-bar {
    display: block;
    width: 2px;
    margin: 3px 0;
    align-self: stretch;
    background-color: #404040;
}

.lua-type-explicit {
    font-family: monospace;
    display: contents; /* flatten 'a' as flex element */
}
.lua-type-explicit > .external::after {
    display: none;
}
.lua-type-explicit > a {
    border-radius: 4px;
    border: 1px solid #b0b0b0;
    color: #000000;
    text-decoration: none;
    padding: 0 4px;
}
.lua-type-explicit > a:hover {
    color: #000000;
    text-decoration: underline;
}
.lua-type-explicit > a:visited {
    color: #000000;
}