Module:Signatures/Signatures.css

/** DARK MODE **/
@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;
}

/** TYPES **/
.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: 1px;
    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.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 > .external.external:hover {
    color: #000000;
    text-decoration: underline;
}
.lua-type-explicit > a:visited {
    color: #000000;
}

/** TYPE COLORS **/

.lua-type-explicit[data-name="nil"] a {
	background-color: #ffffff;
	border: 1px solid #808080;
}
.lua-type-explicit[data-name="any"] a {
	background-color: #ffffff;
	border: 1px dotted #808080;
}
.lua-type-explicit[data-name="table"] a {
	background-color: #ffffdd;
}
.lua-type-explicit[data-name="function"] a {
	background-color: #eeddff;
}
.lua-type-explicit[data-name="string"] a {
	background-color: #ddffdd;
}
.lua-type-explicit[data-name="boolean"] a {
	background-color: #ffddff;
}
.lua-type-explicit[data-name="number"] a, .lua-type-explicit[data-name="integer"] {
	background-color: #ddddff;
}
.lua-type-explicit[data-name^="Vector"] a {
	background-color: #ffeedd;
}
.lua-type-explicit[data-name^="Matrix"] a {
	background-color: #ffddee;
}