Template:Amaranth TV/entry/styles.css

.amaranth-tv-entry {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-sm);
	width: 150px;
	height: 200px;
	padding: var(--space-sm);
	background: var(--color-surface-2);
}

html.skin-theme-clientpref-day .amaranth-tv-entry {
	border: 4px solid var(--template-arg-color-light, var(--template-arg-color-dark));
	border-image: var(--template-arg-linear-gradient, unset);
	border-image-slice: var(--template-arg-border-image-slice, unset);
	box-shadow: var(--template-arg-color-light, var(--template-arg-color-dark)) 0 0 10px;
}

@media (prefers-color-scheme: light) {
	html.skin-theme-clientpref-os .amaranth-tv-entry {
		border: 4px solid var(--template-arg-color-light, var(--template-arg-color-dark));
		box-shadow: var(--template-arg-color-light, var(--template-arg-color-dark)) 0 0 10px;	
	}
}

html.skin-theme-clientpref-night .amaranth-tv-entry {
	border: 4px solid var(--template-arg-color-dark);
	box-shadow: var(--template-arg-color-dark) 0 0 10px;
}

@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .amaranth-tv-entry {
		border: 4px solid var(--template-arg-color-dark);
		box-shadow: var(--template-arg-color-dark) 0 0 10px;
	}
}