htmx-learning/style/_colors.scss

$primary-color: #7fb7be;

$secondary-color: #17172c;

$accent-color: #61aeae;

$text-color: #dedede;

$background-color: #232323;

@mixin bg-primary {
    background-color: $primary-color;
    color: $background-color;
}

@mixin bg-secondary {
    background-color: $secondary-color;
    color: $text-color;
}

@mixin bg-accent {
    background-color: $accent-color;
    color: $background-color;
}