@media (prefers-color-scheme: dark) { /*
 * WARNING! DO NOT MAKE CHANGES TO ZSM DEFAULT THEME!
 *
 * Changes in these files may be deleted on update.
 * Copy files and make your own theme insted.
 *
 */

:root {
	--theme-color : #820f14;
	--alt-text-color : #FFFFFF;
	--hover-color : #590b0f;
	--hover-text-color : #999999;
	--page-background-color : #111111;
	--menu-background-color : #222222;
	--menu-border-color : #202020;
	--submenu-background-color : #121212;
	--page-text-color : #EEEEEE;
	--table-title-color : #AAAAAA;
	--table-title-click-color : #AAAAAA;
	--table-title-background-color : #111111;
	--table-row-background-color-even : #333333;
	--table-row-background-color-odd : #444444;
	--table-row-text-color : #AAAAAA;
	--error-text-color : #980915;
	--notice-info-background-color : #005511;
	--notice-info-icon-color : #335599;
	--notice-error-background-color : #590b0f;
	--notice-error-icon-color : #980915;
	--notice-text-color : #DDDDDD;
	--form-border-color : #820f14;
	--form-background-color : #111111;
	--form-text-color : #DDDDDD;
	--disabled-form-background-color : #222222;
	--faded-button-color : #444444;
	--faded-button-text-color : #999999;
	--no-user-photo-background-color : #222222;
	--no-user-photo-text-color : #999999;
	--loggedout-box-background-color : #222222;
	--loggedout-box-border-color : #999999;
	
	--filter-header-footer : drop-shadow(0 0 0.1rem #000);
	--filter-menus : drop-shadow(0 0 0.1rem #000);
	--filter-form :  drop-shadow(0 0 0.1rem #000);
	--filter-dialog : drop-shadow(0 0 0.8rem #000);
	--filter-notice : drop-shadow(0 0 0.2rem #000);
}

/* Normally a dark icon */
.zsmIcon {
	filter: invert(1);
}

/* Normally a white icon */
.zsmIconInverted {
	filter: invert(1);
}

/* Change behavior of icons in menu groups */
.menu a img, .menu .menuGroup p img {	
 	filter: invert(1);
}
.menu a:hover img, .menu .menuGroup p:hover img {
	filter: invert(1);
}

/* Change image to ui-icons_ffffff_256x240.png for white and ui-icons_000000_256x240.png for black */
.ui-icon {
	background-image:url("../../zsm_include/styles/images/ui-icons_000000_256x240.png") !important;
}

.ui-button .ui-icon, .ui-state-active .ui-icon,.ui-button:active .ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
	background-image:url("../../zsm_include/styles/images/ui-icons_FFFFFF_256x240.png") !important;
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
	background-image:url("../../zsm_include/styles/images/ui-icons_FFFFFF_256x240.png") !important;
}

.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon,.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
	background-image:url("../../zsm_include/styles/images/ui-icons_FFFFFF_256x240.png") !important;
} }