for_client/src/styles/app/theme.scss

//通用样式
html {
    color: #333333;
    background-color: #F5F5F5;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    --hc-body-bg-color: #F5F5F5;
    --hc-bg-color: #ffffff;
    --hc-text-color: #333333;
    --hc-shadow: 4px 4px 8px 0 rgba(54,92,167,0.15), -4px -4px 8px 0 #ffffff;
}

//深色主题设置
html.dark {
    background-color: #101014;
    color: rgba(255, 255, 255, 0.82);
    --hc-body-bg-color: #101014;
    --hc-bg-color: #18181c;
    --hc-text-color: rgba(255, 255, 255, 0.82);
    --hc-shadow: 4px 4px 8px 0 rgba(54,92,167,0.15), -4px -4px 8px 0 #ffffff;
    .n-layout .n-layout-scroll-container {
        background-color: inherit;
    }
    .n-card.hc-card-overflow-p-box .n-card__action,
    .n-card.hc-card-overflow-box .n-card__action {
        background-color: inherit;
    }
    .pover-menu-list .list-item:hover {
        background-color: #404041;
    }
    .data-fill-list-box .n-collapse .n-collapse-item {
        border: 1px solid #303030;
        background-color: #212121;
    }
    .data-fill-list-box .n-collapse .n-collapse-item .n-collapse-item__header.n-collapse-item__header--active {
        background-color: #404041;
        border-bottom: 1px solid #303030;
    }
    .data-fill-list-box .data-fill-list-item-content .data-fill-table-tip-box {
        border-left: 1px solid #303030;
    }
    .hc-layout-box .hc-layout-content-box .data-fill-foot-box {
        background-color: var(--hc-bg-color) !important;
        color: var(--hc-text-color) !important;
        border: 1px solid #303030;
    }
    .hc-image-data-content-box .n-collapse .n-collapse-item {
        border: 1px solid #303030;
        background-color: #212121;
    }
    .hc-image-data-content-box .n-collapse .n-collapse-item .n-collapse-item__header.n-collapse-item__header--active {
        color: var(--hc-primary);
        background-color: #404041;
    }
    .hc-image-data-content-box .hc-collapse-list-box .item-box:hover {
        color: var(--hc-primary);
        background-color: #303030;
    }
    .hc-line-menu {
        background: var(--hc-bg-color);
        border-top: 1px solid #303030;
    }
}