
:root {
	// MAIN
	--main-color: #333;
	--main-bg-color: #eee;
	--main-bg-image: url("@{base}images/background.jpg");

	// LOADING
	--loading-color: #000;

	// LOGIN
	--login-color: #eee;
	--login-bg-color: rgba(0,0,0,0.5);
	--login-box-shadow: none;
	--login-border: none;
	--login-border-radius: 7px;

	// MENU
	--dropdown-menu-color: #333;
	--dropdown-menu-bg-color: #fff;
	--dropdown-menu-hover-bg-color: #757575;
	--dropdown-menu-hover-color: #eee;
	--dropdown-menu-disable-color: #999;

	// FOLDERS
	--folders-color: #333;
	--folders-disabled-color: #999;
	--folders-selected-color: #eee;
	--folders-selected-bg-color: rgba(0,0,0,0.5);
	--folders-focused-color: #eee;
	--folders-focused-bg-color: rgba(0,0,0,0.7);
	--folders-hover-color: #eee;
	--folders-hover-bg-color: rgba(0,0,0,0.5);
	--folders-drop-color: #eee;
	--folders-drop-bg-color: rgba(0,0,0,0.5);

	// SETTINGS
	--settings-menu-color: #333;
	--settings-menu-selected-color: #eee;
	--settings-menu-selected-bg-color: rgba(0,0,0,0.5);
	--settings-menu-hover-color: #eee;
	--settings-menu-hover-bg-color: rgba(0,0,0,0.5);

	// MESSAGE LIST
	--message-list-toolbar-bg-color: #eee;
}

.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
    background-image: linear-gradient(to bottom, #f4f4f4, #dfdfdf) !important;
    background-repeat: repeat-x !important;
}
