/*Dark mode theme
Color invert : https://pinetools.com/invert-color
*/

html[data-theme='dark'] {
	/*background-color: #181a1b !important;
	border-color: #736b5e;
	color: #e8e6e3;*/
	filter: invert(1) hue-rotate(180deg);
	background-color: #fff;
	height: 100%;

}

html[data-theme='dark'] img{
    filter: invert(1) hue-rotate(180deg);
}

html[data-theme='dark'] body{
    min-height: 100%;
}

html[data-theme='dark'] .btn-secondary{
    color: #fff;
	background-color: #dedad6;
	border-color: #dedad6;

}

html[data-theme='dark'] .context-menu {
  background-color: #dedad6;
}

html[data-theme='dark'] .sub-context-menu {
  background-color: #dedad6;
}

/*Light mode theme*/

html[data-theme='light'] {

}

/*Translation between themes*/

html {
    transition: color 300ms, background-color 300ms, filter 300ms;
}