herbie.scss 1.54 KB
/*! Themestr.app `Herbie` Bootstrap 4.3.1 theme */

@use 'sass:map';


///==========================================
///   Theme variable overrides
///==========================================

@import "./abstract";


// Fonts
@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,700);
$font-family-base: "Nunito";

@import url(https://fonts.googleapis.com/css?family=Crete+Round:200,300,400,700);
$headings-font-family: "Crete Round";

// Colors
$primary    :#083358;
$secondary  :#F67280;
$success    :#0074E4;
$danger     :#FF4057;
$info       :#74DBEF;
$warning    :#FC3C3C;
$light      :#F2F2F0;
$dark       :#072247;

// Palettes
$theme-colors: map.merge(
  $theme-colors,
  (
    'primary': $primary,
    'secondary': $secondary,
    'success': $success,
    'danger': $danger,
    'info': $info,
    'warning': $warning,
    'light': $light,
    'dark': $dark,
  )
);
$palette-semantic: $theme-colors;

$palette-gray: (
  '0':    $white,
  '50':   $gray-50,
  '100':  $gray-100,
  '150':  $gray-150,
  '175':  $gray-175,
  '200':  $gray-200,
  '300':  $gray-300,
  '400':  $gray-400,
  '500':  $gray-500,
  '600':  $gray-600,
  '700':  $gray-700,
  '800':  $gray-800,
  '900':  $gray-900,
  '1000': $black
);

$palette-pastel: (
  'green':  $pastel-green,
  'blue':   $pastel-blue,
  'yellow': $pastel-yellow,
  'red':    $pastel-red,
  'orange': $pastel-orange,
  'purple': $pastel-purple
);


///==========================================
///   Custom styles specific to the theme
///==========================================

@import './_base';