theme.scss

@import './app/scss/variables';
@import './app/scss/colors';

//-- Color configuration
$color-divider: $palette-grey-200 !default;
$color-background: $color-white !default;
$color-text: $palette-grey-900 !default;
$color-text-secondary: $palette-grey-600 !default;

$color-primary: $palette-indigo-500 !default;
$color-primary-dark: $palette-indigo-700 !default;
$color-accent: $palette-pink-a200 !default;
$color-accent-dark: $palette-pink-700 !default;
$color-primary-contrast: $color-dark-contrast !default;
$color-accent-contrast: $color-dark-contrast !default;

//-- Sizing
$unit: 0.75rem !default;

// -- Fonts
$preferred-font: "Roboto", "Helvetica", "Arial", sans-serif !default;
$font-size: 1.3 * $unit !default;
$font-size-tiny: $unit !default;
$font-size-small: 1.1 * $unit !default;
$font-size-normal: $font-size !default;
$font-size-big: 1.5 * $unit !default;
$font-weight-thin: 300 !default;
$font-weight-normal: 400 !default;
$font-weight-semi-bold: 500 !default;
$font-weight-bold: 700 !default;

$color-text: $primary-text !default;
$input-text-label-color: $secondary-text !default;
$input-text-bottom-border-color: $secondary-text !default;
$input-text-highlight-color: $accent-color !default;
$input-text-disabled-text-color: invert($secondary-text) !default;
$input-text-error-color: $error-text !default;