Edit

Editing: theme-reset.scss

$themeResetColors: () !default;
$themeResetColors: map-merge(
        (
            "primary": 'primary',
            "secondary": 'secondary',
        ),
        $themeResetColors
);

@each $name, $val in $themeResetColors {
    .bg-#{$name} {
        background-color: var(--#{$val}) !important;
    }

.text-#{$name} {
        color: var(--#{$val}) !important;
    }

.badge-#{$name} {
        background-color: var(--#{$val}) !important;
    }

.badge-circle-#{$name} {
        background-color: var(--#{$val}) !important;
    }

.btn-#{$name} {
        color: var(--#{$val}-btn-color);
        background-color: var(--#{$val});
        border-color: var(--#{$val}-border);
        box-shadow: var(--#{$val}-btn-shadow);
        transition: all 0.3s;

&:hover, &:active, &:focus, &:not(:disabled):not(.disabled):active {
            color: var(--#{$val}-btn-color-hover);
            background-color: var(--#{$val}-hover);
            border-color: var(--#{$val}-border-hover);
            box-shadow: var(--#{$val}-btn-shadow-hover);
            transition: all 0.3s;
        }

&.disabled, &:disabled {
            color: var(--#{$val}-btn-color);
            background-color: var(--#{$val});
            border-color: var(--#{$val}-border);
        }
    }

.btn-outline-#{$name} {
        color: var(--#{$val});
        border-color: var(--#{$val});

&:hover {
            color: var(--#{$val}-btn-color);
            background-color: var(--#{$val});
            border-color: var(--#{$val});
        }
    }
}

.input-group-text {
    background-color: var(--secondary) !important;
    border-color: var(--secondary-border) !important;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label:before, .custom-control-input:checked ~ .custom-control-label:before {
    color: var(--primary-btn-color) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary-border) !important;
    box-shadow: none;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    opacity: .6 !important;
}

Back