@import '../setting.less';

#appBody.light {
	// 状态监视
	.status-panel {
		.pause{
			color:@white;
			background-color: fade(@deepblue,40);
		}
		.status-com-panel {
			.panel-body {
				padding: 0;
				.p-body {
					.item-box .data-item {
						background-color: @white;
						border-top: 1px solid @gray-3;
						.f3,
						.f5 {
							color: @deepblue;
						}
						&.light {
							&:first-child {
								background-color: @gray-3;
		
								div {
									color: @black;
								}
								&::after {
									background-color: @deepblue;
								}
							}
							&::after {
								background-color: transparent;
							}
							div {
								&.f3,
								&.f5 {
									color: @deepblue;
								}
								color: @gray;
							}
							background-color: @white;
						}
					}
					.category-box {
						width: 100%;
						background-color: @white;
						transition: @transition;
						display: flex;
						margin-bottom: 0.37vh;
						.score span {
							color: @deepblue;
							background-color: fade(@deepblue, 10%);
							border: 0.093vh solid @deepblue;
						}
						.category-item{
							.green{
								color:rgb(6,186,76) ;
							}
							.purple{
								color: @deepblue;
							}
							.yellow{
								color:rgb(249,222,89) ;
							}
							.orange{
								color: rgb(225,125,37);
							}
							.red{
								color: rgb(186,49,56);
							}
							.blue{
								color: rgb(20,40,233);
							}
							.gray{
								color: #606769;
							}
						}
					}
				}
			}
		}
	}
}
