.fresk-logo-dark {
    display: none !important;
    @include fresk-dark {
        display: inline-block !important;
    }
}

.fresk-logo-light {
    @include fresk-dark {
        display: none !important;
    }
}

#loginlogo.login-logo .fresk-logo-dark {
    @include fresk-dark {
        max-height: 120px;
        max-width: 100% !important;
    }
}

.login-logo .fresk-logo-plate {
    @include fresk-dark {
        background-color: #fff;
        border-radius: .5rem;
        padding: .5rem .75rem;
    }
}

@if $fresk-dark-mode {
    @if $fresk-dark-navbar-bg != $backgroundmenucolor {
        .navbar .fresk-logo-plate {
            @include fresk-dark {
                background-color: #fff;
                border-radius: .375rem;
                padding: .125rem .375rem;
            }
        }
    }
}

.fresk-icon-mono {
    @include fresk-dark {
        filter: invert(1) hue-rotate(180deg);
    }
}

[style*="--fresk-cmicon-color-dark"] {
    @include fresk-dark {
        --fresk-cmicon-color: var(--fresk-cmicon-color-dark) !important;
        --fresk-cmicon-bg: var(--fresk-cmicon-bg-dark) !important;
    }
}

[style*="--fresk-coursekpi-colour-dark"] {
    @include fresk-dark {
        --fresk-coursekpi-colour: var(--fresk-coursekpi-colour-dark) !important;
    }
}

.progress,
.block-kpis-progress,
.block-kpis-manager-program-progress,
.fresk-usermenu-course-progress {
    @include fresk-dark {
        --fresk-primary: var(--fresk-primary-ui);
        --fresk-secondary: var(--fresk-secondary-ui);
    }
}

.progress-bar[style*="--fresk-progress-dark"] {
    @include fresk-dark {
        background-color: var(--fresk-progress-dark) !important;
    }
}

@if $fresk-dark-mode {
    [data-bs-theme="dark"] [data-bs-theme="light"] {
        color-scheme: light;
        color: var(--bs-body-color);
        background-color: var(--bs-body-bg);
        --mds-bg-surface-default: #{$mds-bg-surface-default};
        --mds-bg-surface-strong: #{$mds-bg-surface-strong};
        --mds-bg-surface-subtle: #{$mds-bg-surface-subtle};
        --mds-bg-interactive-secondary-default: #{$mds-bg-interactive-secondary-default};
        --mds-bg-interactive-secondary-hover: #{$mds-bg-interactive-secondary-hover};
        --mds-bg-interactive-secondary-active: #{$mds-bg-interactive-secondary-active};
        --mds-bg-interactive-secondary-disabled: #{$mds-bg-interactive-secondary-disabled};
        --mds-bg-interactive-primary-default-light: #{$mds-bg-interactive-primary-default-light};
        --mds-bg-interactive-danger-default-light: #{$mds-bg-interactive-danger-default-light};
        --mds-bg-nav-pill-hover: #{$mds-bg-nav-pill-hover};
        --mds-bg-nav-pill-pressed: #{$mds-bg-nav-pill-pressed};
        --mds-bg-nav-pill-selected: #{$mds-bg-nav-pill-selected};
        --mds-bg-feedback-secondary-default: #{$mds-bg-feedback-secondary-default};
        --mds-bg-feedback-secondary-subtle: #{$mds-bg-feedback-secondary-subtle};
        --mds-border-default: #{$mds-border-default};
        --mds-border-subtle: #{$mds-border-subtle};
        --mds-border-translucent: #{$mds-border-translucent};
        --mds-border-feedback-secondary: #{$mds-border-feedback-secondary};
        --mds-border-interactive-primary-default: #{$mds-border-interactive-primary-default};
        --mds-border-interactive-primary-hover: #{$mds-border-interactive-primary-hover};
        --mds-border-interactive-primary-active: #{$mds-border-interactive-primary-active};
        --mds-border-interactive-primary-disabled: #{$mds-border-interactive-primary-disabled};
        --mds-border-interactive-secondary-default: #{$mds-border-interactive-secondary-default};
        --mds-border-interactive-secondary-hover: #{$mds-border-interactive-secondary-hover};
        --mds-border-interactive-secondary-active: #{$mds-border-interactive-secondary-active};
        --mds-border-interactive-secondary-disabled: #{$mds-border-interactive-secondary-disabled};
        --mds-text-default: #{$mds-text-default};
        --mds-text-emphasis: #{$mds-text-emphasis};
        --mds-text-subtle: #{$mds-text-subtle};
        --mds-text-muted: #{$mds-text-muted};
        --mds-text-inverse: #{$mds-text-inverse};
        --mds-text-danger: #{$mds-text-danger};
        --mds-text-danger-disabled: #{$mds-text-danger-disabled};
        --mds-text-link-primary-default: #{$mds-text-link-primary-default};
        --mds-text-link-primary-hover: #{$mds-text-link-primary-hover};
        --mds-text-link-primary-disabled: #{$mds-text-link-primary-disabled};
        --mds-text-feedback-primary: #{$mds-text-feedback-primary};
        --mds-text-feedback-secondary: #{$mds-text-feedback-secondary};
        --mds-text-feedback-danger: #{$mds-text-feedback-danger};
        --mds-text-feedback-info: #{$mds-text-feedback-info};
        --mds-text-feedback-success: #{$mds-text-feedback-success};
        --mds-text-feedback-warning: #{$mds-text-feedback-warning};
        --mds-bg-feedback-primary-light: #{$mds-bg-feedback-primary-light};
        --mds-bg-feedback-primary-subtle: #{$mds-bg-feedback-primary-subtle};
        --mds-border-feedback-primary: #{$mds-border-feedback-primary};
        --mds-bg-feedback-danger-light: #{$mds-bg-feedback-danger-light};
        --mds-bg-feedback-danger-subtle: #{$mds-bg-feedback-danger-subtle};
        --mds-border-feedback-danger: #{$mds-border-feedback-danger};
        --mds-bg-feedback-info-light: #{$mds-bg-feedback-info-light};
        --mds-bg-feedback-info-subtle: #{$mds-bg-feedback-info-subtle};
        --mds-border-feedback-info: #{$mds-border-feedback-info};
        --mds-bg-feedback-success-light: #{$mds-bg-feedback-success-light};
        --mds-bg-feedback-success-subtle: #{$mds-bg-feedback-success-subtle};
        --mds-border-feedback-success: #{$mds-border-feedback-success};
        --mds-bg-feedback-warning-light: #{$mds-bg-feedback-warning-light};
        --mds-bg-feedback-warning-subtle: #{$mds-bg-feedback-warning-subtle};
        --mds-border-feedback-warning: #{$mds-border-feedback-warning};
    }
}