Template:Chapter List/styles.css

/* Citizen dark mode */
html.skin-citizen-dark [data-book-id="1"] {
	background: #0E1E5E; /* blue */
}

html.skin-citizen-dark [data-book-id="2"] {
	background: #541010; /* red */
}

html.skin-citizen-dark [data-book-id="3"] {
	background: #0D311C; /* green */
}

html.skin-citizen-dark [data-book-id="4"] {
	background: #480D54; /* purple */
}

html.skin-citizen-dark [data-book-id="5"] {
	background: #252527; /* grey */
} 

html.skin-citizen-dark [data-book-id="6"] {
	background: #26049d; /* purple */
} 

html.skin-citizen-dark [data-book-id="7"] {
	background: #250303; /* burgundy */
}

html.skin-citizen-dark [data-book-id="8"] {
	background: #202824; /* dark green/gray */
} 

html.skin-citizen-dark [data-book-id]:hover {
	filter: brightness(1.25);
}

/* Citizen light mode */
html.skin-citizen-light [data-book-id="1"] {
	background: #BECBFF; /* blue */
}

html.skin-citizen-light [data-book-id="2"] {
	background: #B87E7E; /* red */
}

html.skin-citizen-light [data-book-id="3"] {
	background: #74CF9A; /* green */
}

html.skin-citizen-light [data-book-id="4"] {
	background: #DE89FF; /* pink */
}

html.skin-citizen-light [data-book-id="5"] {
	background: #BABAC3; /* grey */
} 

html.skin-citizen-light [data-book-id="6"] {
	background: #B4A5EB; /* purple */
} 

html.skin-citizen-light [data-book-id="7"] {
	background: #B59B9B; /* tan */
}

html.skin-citizen-light [data-book-id="8"] {
	background: #A7B7AF; /* pale green */
} 

html.skin-citizen-light [data-book-id]:hover {
	filter: brightness(0.75);
}

/* Default settings */

[data-book-id] {
	overflow: hidden;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    font-family: monospace;
    font-size: 1.25em;
    border: 1px solid #626263;
    height: 100%;
}

[data-book-id] a {
	display: block;
    width: 100%;
    height: 100%;
}