@use "sb-element/core/theming";
/*****************************************************************************
Checkbox / Theme
******************************************************************************/

// THEME
@mixin theme($theme) {
  @include theming.for-each-color($theme) using ($color) {
    .sb-checkbox.sb--#{$color} input {
        border-color: theming.get-accent($theme);

        &:checked {
          background: theming.get-color($theme, $color);
          border-color: theming.get-color($theme, $color);

          & ~.sb-icon {
            color: theming.get-text($theme, $color);
          }
        }
    }
  }
}