@import '../setting.less';

#appBody.light {
	// 单机状态监视
	.wind-site-warning .search .options .option-item {
		background: @white;
		transition: @transition;
		.count,
		.text {
			border-radius: 0.3125rem;
			border: none;
			background: @gray-3;
		}
		&.active {
			.count,
			.text {
				background: @fadePurple;
				color: @deepblue;
			}
		}
	}

	//右侧导航栏第一个-天气
	.wind-site-weather {
		border-radius: 10px;
		border: none;
		background: @white;
		transition: @transition;
	}
	.generator .info-panel .panel-title {
		background: @gray-3;
	}
	.wind-site-base-info {
		.power-load {
			background-color: @white;
		}
		.wind-site-tag {
			background: @gray-3;
			.tag-value {
				color: @deepblue;
			}
		}
		.info-panel {
			.panel-title {
				background: @gray-3;
			}
		}
		.generation {
			background: @white;
		}
		.wind-site-name {
			border: none;
			background-color: @fadePurple;
		}
		.wind-site-other {
			.wind-site-tag {
				background-color: @white;
			}
		}
	}
	.wind-site-info {
		.wind-site-menu {
			border-radius: 0 15px 0 0;
			color: @black;
			background: @gray-3;
		}
	}
	.wind-site .page-common-body .page-common-body-menu .page-common-body-menu-box {
		background-color: @white;
		transition: @transition;
		border: none;
		border-radius: 5px;
		.page-common-body-menu-item {
			border: none;
			.svg-icon svg use {
				fill: @gray-font;
			}
			&.active {
				background: @fadePurple;
				border: none;
				&::after {
					box-shadow: none;
					border: none;
				}
				.svg-icon.svg-icon-yellow svg use {
					fill: @deepblue;
				}
			}
		}
		.page-common-body-menu-border {
			background-color: transparent;
		}
	}
}
