bulmil/src/styles/main.scss

// Bulma utilities
@import 'bulma-scss/utilities/initial-variables';
@import 'bulma-scss/utilities/functions';
@import 'bulma-scss/utilities/derived-variables';
@import 'bulma-scss/utilities/mixins';
@import 'bulma-scss/utilities/controls';

$purple: #5851ff;

// Set your colors
$primary: $purple;
$primary-invert: findColorInvert($purple);

$colors: (
  'white': (
    $white,
    $black,
  ),
  'black': (
    $black,
    $white,
  ),
  'light': (
    $light,
    $light-invert,
  ),
  'dark': (
    $dark,
    $dark-invert,
  ),
  'primary': (
    $primary,
    $primary-invert,
  ),
  'info': (
    $info,
    $info-invert,
  ),
  'success': (
    $success,
    $success-invert,
  ),
  'warning': (
    $warning,
    $warning-invert,
  ),
  'danger': (
    $danger,
    $danger-invert,
  ),
);

// Links
$link: $primary;
$link-invert: $primary-invert;
$link-focus-border: $primary;