Template:Type/style.css

.lua-type {
	display: inline-flex;
	align-items: stretch;
	flex-flow: row nowrap;
	width: max-content;
	border-radius: 3px;
	overflow: hidden;
	font-family: monospace;
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .lua-type {
		filter: invert() hue-rotate(180deg) brightness(110%);
	}
}

html.skin-theme-clientpref-night .lua-type {
	filter: invert() hue-rotate(180deg);
}

.lua-type a {
	border-radius: 3px;
	background-color: #eeeeee;
	padding: 0 3px;
	background-image: none;
	z-index: 2;
}

.lua-type a.external.text:after {
	display: none;
}

.lua-type .lua-type-mod {
	margin-left: -3px;
	padding: 0 3px 0 6px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	z-index: 1;
	color: #000 /* stopgap until actual dark support is added */;
}
.lua-type a, .lua-type a:visited {
	color: #000000;
}
.lua-type[data-name="nil"] a {
	background-color: #ffffff;
	border: 1px solid #808080;
}
.lua-type[data-name="any"] a {
	background-color: #ffffff;
	border: 1px dotted #808080;
}
.lua-type[data-name="table"] a {
	background-color: #ffffdd;
}
.lua-type[data-name="function"] a {
	background-color: #eeddff;
}
.lua-type[data-name="string"] a {
	background-color: #ddffdd;
}
.lua-type[data-name="boolean"] a {
	background-color: #ffddff;
}
.lua-type[data-name="number"] a, .lua-type[data-name="integer"] {
	background-color: #ddddff;
}
.lua-type[data-name="Vector"] a {
	background-color: #ffeedd;
}
.lua-type[data-name="Matrix"] a {
	background-color: #ffddee;
}
.lua-type.lua-type[data-missing] a {
	background-color: #ffdddd;
	color: #d73333;
}