@import '../common/component.dark.theme.less';
@import '../common/component.common.less';
:host-context(.theme-dark) ::ng-deep {
    .ant-steps .ant-steps-head-inner{
        .cm-dark-step
    }

    .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner{
        .cm-dark-step-finish
    }
    .ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner{
        .cm-dark-step-wait
    }
    .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner{
        .cm-dark-step-progress
    }
    .ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner{
        .cm-dark-step-line-error
    }
    .ant-steps .ant-steps-tail > i::after{
        .cm-dark-step-line-wait
    }
    .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail > i::after,.theme-light[_nghost-c34] .ant-steps .ant-steps-tail > i::after, .theme-light [_nghost-c34] .ant-steps .ant-steps-tail > i::after{
        .cm-dark-step-line-progress
    }
    .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-description, .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-title,.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-description, .ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-title{
        .cm-dark-step-color1
    }
    
    .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon{
        .cm-dark-step-color2
    }
    .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon,.ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon{
        .cm-dark-step-color3
    }
    .ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-description, .ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-title{
        .cm-dark-step-color4
    }
    .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot,.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner > .ant-steps-icon .ant-steps-icon-dot{
        background-color:@dark-border-hignlight-color
    }
    .ant-progress-bg{
        .cm-dark-step-line-progress
    }
    .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-title{
        .cm-dark-step-color5
    }
    .ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner{
        border-color: @dark-border-hignlight-color;
    }
    .ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner{
        background:none
    }
}