hb_sis_zhfx/src/assets/styles/theme/light/zhjx.less

@import "./setting.less";
#appBody.light {
	// 故障诊断
	.el-table{
		th{
			color:@black;
		}
		
		.el-table__body tr.hover-row.current-row > td,
		.el-table__body tr.hover-row.el-table__row--striped.current-row > td,
		.el-table__body tr.hover-row.el-table__row--striped > td,
		.el-table__body tr.hover-row > td {
		  color: @blue;
		}
		
		.ascending .sort-caret.ascending {
		  border-bottom-color: @deepblue;
		}
		
		.descending .sort-caret.descending {
		  border-top-color: @deepblue;
		}
	} 
	
	
	// 故障回溯
	.el-checkbox {
	  color: @black;
	
	  &.is-bordered {
	    &.is-checked {
	      border-color: @deepblue;
	    }
	  }
	
	  .el-checkbox__input.is-checked + .el-checkbox__label {
	    color: @deepblue;
	  }
	  .el-checkbox__input.is-disabled+span.el-checkbox__label{
		  color: @black;
	  }
	  .el-checkbox__input.is-checked .el-checkbox__inner,
	  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
	    background-color: @deepblue;
	    border-color: @deepblue;
	  }
	
	  .el-checkbox__input.is-focus .el-checkbox__inner {
	    border-color: @deepblue;
	  }
	}
	
	.time-axis-box {
	    .time-axis-progress-box {
	        .time-axis-progress {
	            background: fade(@deepblue, 60);
	        }
	        .time-axis-progress-scale {
	            border: 1px solid @deepblue;
	        }
	    }
	}
	
	.fdp-sub-title {
	    color: @deepblue;
	}
	
	// 健康推荐
  .selections {
	.item {
	  color: @black;
	  background: fade(@black, 20);
	  border: 1px solid fade(@black, 20);

	  &:hover,
	  &.active {
		background: fade(@deepblue, 20);
		border: 1px solid @deepblue;
		color: @deepblue;
	  }
	}
  }

  .power-info {

	.info-tab {
	  .tab {
		color: @black;
		background: fade(@black, 20);
		border: 1px solid fade(@black, 20);
		i {
		  svg use {
			fill: @black;
		  }
		}

		&:hover,
		&.active {
		  background: fade(@deepblue, 20);
		  border: 1px solid @deepblue;
		  color: @deepblue;

		  i svg use {
			fill: @deepblue;
		  }
		}

		&.active::after {
		  border-bottom: 9px solid @deepblue;
		}

		&.active::before {
		  border-bottom: 9px solid #063319;
		}
	  }

	}
  }

  .health-report {
	// 健康报告 按钮样式
	.actions {
		.active{
			border: 1px solid @deepblue;
		}
	  .item {
		color: fade(@white, 75);
		&.green {
		  background: @deepblue;
		}

		&.purple {
		  background: @purple;
		}

		&.gray {
		  background: @black;
		}
	  }
	}

	.report-items {

	  .item {
		.title {
		  background: fade(@black, 40);
		  color: @black;
		}

		.info {
		  background: fade(@black, 20);
		  color: @font-color;
		  .actions {
			.success {
			  border-color:@deepblue;
			  color: @deepblue;
			  background: fade(@deepblue,20);
			}
		  }
		}
	  }
	}
  }
  
  // 健康推荐-已分配任务
  .track-info {
    .form-info {
      .work-flow {
        background: fade(@gray, 20);
        .work-flow-line {
          background: @deepblue;
        }
  
        .work-flow-item {
          &.active {
			  background: none;
            .work-flow-icon-item {
              .work-flow-icon-o {
                  border: 1px solid @deepblue;
                }
  
                .work-flow-icon-i {
                  border: 2px solid @deepblue;
                  background: linear-gradient(to bottom, @gray-l 0%,@gray-l 20%,@deepblue 100%);
                }
  
                .svg-icon {
                  svg {
                    use {
                      fill: @deepblue;
                    }
                  }
                }
            }
  
            .work-flow-text {
              color: @deepblue;
            }
          }
  
          .work-flow-icon-item {
            .work-flow-icon-o {
              border: 1px solid #B3BDC0;
            }
  
            .work-flow-icon-m {
              border: 4px solid #212b2b;
            }
  
            .work-flow-icon-i {
              border: 2px solid @gray-l;
              background: linear-gradient(to bottom, @gray 0%,@gray 20%,@gray-l 100%);
            }
  
            .svg-icon {
              svg {
                use {
                  fill: @gray-l;
                }
              }
            }
          }
          .work-flow-text {
              color: @black;
            }
        }
      }
    }
  
    .evaluate {
  
      .evaluate-item {
        .evaluate-label,
        .evaluate-unit {
          color: @black;
        }
      }
    }
    .tabs {
      border-left: 1px solid #53626833;
  
      .tab-box {
  
      .tab-item {
        &.active {
          color: @deepblue;
          background-image: @deepblueLinearTop;
  
          &::after {
            border: 1px solid @deepblue;
          }
        }
      }
    }
    }
  }
  
  .el-textarea {
    .el-textarea__inner {
      color: @black;
	  background: fade(@gray-l, 20);
    }
  }
  
  .defect-elimination-tracking {
	  background: fade(@white, 95);
	  border: 1px solid fade(@deepblue, 50);
	  
    .defect-elimination-tracking-close {
      &:hover {
        i {
          color: @blue;
        }
      }
    }
  
    .header-tile-box {
      .header-tile {
  
        .info-form-box {
          .info-form {
            .info-form-label {
              color: @gray;
            }
            .info-form-value {
              color: @black;
            }
          }
        }
      }
    }
    .det-chart-title {
      color: @black;
    }
  
    .det-chart-sub-title {
      color: @black;
    }
  
    .det-chart-sub-title-big {
      color: @black;
    }
  }
  
  .health-2 {
    // 电量健康情况
    .power-info {
      .info-tab {
  
        .tab {
          color: @black;
  
          &:hover,
          &.active {
            background: fade(@deepblue, 20);
            border: 1px solid @deepblue;
            color: @deepblue;
            i {
              svg use {
                fill: @deepblue;
              }
            }
          }
  
          &.active::after {
            border-bottom: 9px solid @deepblue;
          }
        }
      }
  
    }
    // 风场信息
    .fc-info {
      .fc-item {
  
        & > .title {
          color: fade(@black, 75);
        }
  
  
        .tags {
          .tag {
            .tag-title {
              color: @black;
            }
  
            .tag-value {
              color: @deepblue;
              .unit {
                color: @gray;
              }
            }
          }
        }
        .health-info {
          .title {
            color: @black;
            .actions {
              .action {
				  color: @gray;
				  svg use {
				    fill: @gray;
				  }
                &.active,
                &:hover {
					background: none;
                  color: @deepblue;
                  svg use {
                    fill: @deepblue;
                  }
                }
              }
            }
          }
  
          .info-body {
            .device-list {
              .item {
                color: @black;
                &.green {
                  color: @green;
                  background: fade(@green, 20);
                  border-color: @green;
                }
              }
            }
          }
        }
      }
    }
  }
  
  .health-3{
	  .com-panel{
		  .green{
		  		color:@green;
				&.lengend{
					background:@blue;
				}
		  }
	  }
  }
  .el-time-panel__btn.confirm {
    color: @deepblue;
  }
  
  // .el-time-panel__btn.cancel {
  //   color: @gray;
  // }
  .health-6 .header-info .selections .item:hover i svg use, .health-6 .header-info .selections .item.active i svg use {
      fill: @deepblue;
  }
  .health-matrix{
	  .green{
		  color:@green;
	  }
	  .health-matrix-panel {
		  .header{
			  .svg-icon svg use{
				  fill:@black;
			  }
			  .tools .tool-block .legend-value{
			  		color: @black;
			  }
		  } 
	  }
  }
  
  .wind-site .page-common-body .page-common-body-menu .page-common-body-menu-box {
	  .page-common-body-menu-item{
	  	  border: 0.093vh solid rgba(@deepblue, 0.4);
		  &.active{
			  background:transparent;
			  border: 0.093vh solid #edbf03;
			  &::after{
				border: 0.093vh solid #edbf03;
			  }
		  }
	  }
  }
  .main-body input{
	  color:@black;
	  background:@white;
  }
}