Template:Frame data diagram/styles.css

.frame-data-diagram {
	--own-panel-color: #f8b898;
	--opponent-panel-color: #80d0f8;
}

.frame-data-diagram td {
	width: 6em;
	height: 6em;
	text-align: center;
}

.frame-data-diagram td:nth-child(1),
.frame-data-diagram td:nth-child(2),
.frame-data-diagram td:nth-child(3) {
	background: var(--own-panel-color);
}

.frame-data-diagram td:nth-child(4),
.frame-data-diagram td:nth-child(5),
.frame-data-diagram td:nth-child(6) {
	background: var(--opponent-panel-color);
}