@mixin themer($property, $values) {

@if $site-ui-mode == 'auto' {
    @media (prefers-color-scheme: dark) {
        & {
            #{$property}: map-get($values, 'dark');
        }
    }

    @media (prefers-color-scheme: light) {
        & {
            #{$property}: map-get($values, 'light');
        }
    }
}
@else if $site-ui-mode == 'dark' or $site-ui-mode == 'light' {
    #{$property}: map-get($values, $site-ui-mode);
}

}