rax-medical/src/assets/css/custom-element.scss

.el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px $main-color inset;
}
.el-select-dropdown__item.selected {
    color: $main-color;
}

.el-select {
    --el-select-input-focus-border-color: var(--main-color);
    width: 100%;
}
.el-input.el-date-editor {
    width: 100%;
}

.el-radio {
    .el-radio__input.is-checked .el-radio__inner {
        border-color: $main-color;
        background: $main-color;
    }

    .el-radio__input.is-checked+.el-radio__label {
        color: $main-color;
    }
}
.el-button:not(.el-button--primary) {
    color: $main-color;
}
.el-button.is-link {
    color: $main-color;
    &.el-button--danger {
        color: red;
    }
    &:hover:not(.el-button--danger),
    &:active:not(.el-button--danger) {
        color: rgba($main-color, .8);
    }

    &:focus:not(.el-button--danger) {
        color: rgba($main-color, .7);
    }
    &:focus-visible {
        outline: 0;
    }
}
.el-button.is-text:not(.is-disabled) {
    &:focus-visible {
        outline: 0;
    }
}
.el-button.el-button--primary {
    background-color: $main-color;
    border-color: $main-color;
    opacity: 1;
    transition: all .6s;

    &:hover,
    &:active {
        opacity: .7;
        transition: all .6s;
    }

    &:focus {
        opacity: .9;
        transition: all .6s;
    }
}
.el-form-item {
    margin-bottom: 25px;
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background-color: rgba($main-color, .1);
    color: $main-color;
}

.el-dialog {
    border-radius: 20px;
    &.header-none {
        .el-dialog__header {
            padding: 15px;
        }
        .el-dialog__body {
            padding: 0 50px 30px 50px;
        }
    }
    .el-dialog__header {
        padding: 30px 30px 0 30px;
        .el-dialog__headerbtn {
            top: 20px;
            right: 20px;
        }
    }
    .el-dialog__title {
        color: $main-color;
        font-weight: 600;
        font-size: 20px;
    }
    .el-dialog__body {
        padding: 30px 50px 30px 50px;
    }

    .el-button {
        --el-button-hover-text-color: $main-color;
        --el-button-hover-bg-color: rgba(0, 96, 128, .1);
        --el-button-hover-border-color: rgba(0, 96, 128, .8);
        --el-button-active-text-color: $main-color;
        --el-button-active-border-color: rgba(0, 96, 128, .8);
        --el-button-active-bg-color: rgba(0, 96, 128, .1);
    }

    .el-button--primary {
        --el-button-text-color: white;
        --el-button-bg-color: $main-color;
        --el-button-border-color: $main-color;
        --el-button-outline-color: rgba(0, 96, 128, .5);
        --el-button-active-color: rgba(0, 96, 128, .8);
        --el-button-hover-text-color: white;
        --el-button-hover-link-text-color: rgba(0, 96, 128, .5);
        --el-button-hover-bg-color: rgba(0, 96, 128, .7);
        --el-button-hover-border-color: rgba(0, 96, 128, .7);
        --el-button-active-bg-color: rgba(0, 96, 128, .8);
        --el-button-active-border-color: rgba(0, 96, 128, .8);
    }

}

// 自定义月份下拉窗
.week-calendar-picker {
    .el-date-picker {
        width: 260px;
        span:hover {
            color: $main-color;
        }
        .el-date-picker__header {
            padding-bottom: 0;
            border-bottom: 0;
            .el-picker-panel__icon-btn {
                margin-top: 0;
            }
        }
        .el-picker-panel__content {
            width: 100%;
            margin: 0;
            padding: 10px;
        }

        .el-month-table td, .el-year-table td {
            padding: 0;
            &.today .cell {
                color: $main-color;
            }
            &.current:not(.disabled) .cell {
                color: white;
                background: $main-color;
                border-radius: 5px;
            }
            div {
                height: 30px;
                padding: 0;

                .cell {
                    width: 46px;
                    height: 30px;
                    line-height: 30px;
                }
            }
        }
    }
}