auseft.platform.datav/src/app/routes/data-v/s1/s1.component.less

.sys-status-title{
    font-size: 18px;
    font-weight: 600;
    color: #94DDF3;
    text-align: center;
}

.ag-theme-datav {
    --ag-border-color: #74FAFB;
    --ag-foreground-color: #74FAFB;
    --ag-background-color: #0A1632;
    --ag-header-foreground-color: #74FAFB;
    --ag-header-background-color: #0A1632;
    --ag-odd-row-background-color: #0A1632;
    --ag-header-column-resize-handle-color: rgb(126 46 132);
    --ag-font-size: 17px;
    --ag-font-family: monospace;

    height: 6rem;
}

.centered-element {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* 如果需要垂直居中，可以设置高度为 100% */
  }

  .status-container {
    display: flex;
    align-items: center;
    padding: 0.5rem;
  }

  .status-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;

    &.red{
        background-color: red;
    }

    &.green{
        background-color:green;
    }
  }

  .status-text {
    margin-left: 10px; /* 调整文字与圆形之间的间距 */
    font-size: 18px;
    font-weight: 600;
    color: #74FAFB;
  }

.progress-container{
    display: flex;
    color: white;
}

.progress-display{
    color: white;
    text-align: right;
}

.statistic-item-container{
    display: flex;
    padding: 1rem 0;
    color: white;
}


/* 设置 Checkbox 组件中文字的颜色 */
::ng-deep .ant-checkbox-wrapper input  {
    color: red; /* 这里设置文字颜色为红色，你可以根据需要修改颜色值 */
}

// ::ng-deep .ant-checkbox-inner::after {
//     color: white;colorcolorcolorcolorcolor
// }

// ::ng-deep .ant-checkbox-input:focus + .ant-checkbox-inner::after {
//     border-color: #1890ff;border-colorborder-colorborder-colorborder-colorborder-color
// }