html.dark {
    .hc-config-index {
        &.el-card{
            color: white;
            box-shadow: none;
            --el-card-padding: 0;
            --el-card-border-radius: 0;
            border: 0;
        }
        .hc-theme-box .item {
            background: transparent;
            border-color: var(--el-color-primary);
            .demo.auto {
                background: linear-gradient(-45deg, var(--hc-bg-color) 115px, #ffffff 0);
            }
            .demo.dark {
                background: var(--hc-bg-color);
            }
            .action {
                background: transparent;
                border-color: var(--el-color-primary);
            }
            &.active {
                box-shadow: none;
            }
        }
        .hc-screenshot-box .item .label {
            color: white;
        }
        .el-card__body .hc-card-action-box {
            background: transparent;
            border-color: var(--el-color-primary);
        }
    }
}
