:root {

	--themehue: 202;
	--themesat: 85%;

	--themedark: hsl(var(--themehue), var(--themesat), 35%);
	--themelight: hsl(var(--themehue), var(--themesat), 50%);
	--themeaccent: hsl(var(--themehue), var(--themesat), 76%);
	--themehighlight: hsl(var(--themehue), var(--themesat), 85%);


}

*{
	scrollbar-color: var(--themedark) var(--themeaccent);
}

#header,
#collageEditor .header {
	background-color: var(--themelight);
	border-bottom-color: var(--themedark);
}

div.dropMenuButton.as_button:hover,
div.dropMenuButton.as_button.showing {
	background-color: var(--themelight);
}

div.dropMenuItem:hover {
	background-color: var(--themelight);
	color: white;
}

#exifData {
	background-color: hsla(var(--themehue),var(--themesat),76%,0.85);
	color: var(--textcolor);
}

div.tagContainer span.tag,
div.tagContainer.meta span.tag {
	color: white;
}

div.tagContainer span.tag:hover,
div.tagContainer.meta span.tag:hover {
	background-color: var(--themeaccent);
	border-color: black;
	color: black;
}

.thumbNail.selected div.body {
	background-color: var(--themeaccent);
}