Sass variables
See styles config for more details on customization. Where's config value not provided colors are further adjusted automatically by finding light and dark variants of accessible colors (implementation based on jhogue's automated-a11y-sass).
Default
$poly-primary: map.get($poly-config, "primary-color") or #7257bc !default;
$poly-black: map.get($poly-config, "black") or #222 !default;
$poly-white: map.get($poly-config, "white") or #fdfdfd !default;
$poly-font-family: map.get($poly-config, "font-family") or "AR One Sans",
$poly-font-family-print: map.get($poly-config, "font-family-print") or serif !default;
$poly-ui-transition-time: map.get($poly-config, "ui-transition-time") or 250ms !default;
$poly-ui-transition-fn: map.get($poly-config, "ui-transition-fn") or ease-out !default;
$poly-body-size: map.get($poly-config, "body-size") or 16px !default;
$poly-body-size-print: map.get($poly-config, "body-size-print") or $poly-body-size * .82 !default;
$poly-darkness: map.get($poly-config, "text-darkness") or 90%;
$poly-accent-saturation: map.get($poly-config, "accent-saturation") or 70%;
$poly-lightness: map.get($poly-config, "background-lightness") or 99%;
$poly-saturation: map.get($poly-config, "background-saturation") or 5%;
$poly-text-saturation: map.get($poly-config, "text-saturation") or 10%;
$poly-mono-range: map.get($poly-config, "mono-range") or 30;
$_level: map.get($poly-config, "a11y-contrast") or "AA";
$poly-background: map.get($poly-config, "background-color");
$poly-text: map.get($poly-config, "text-color");
$poly-link: map.get($poly-config, "link-color");
$poly-info: map.get($poly-config, "info-color");
$poly-info-dark: map.get($poly-config, "info-color-dark") or
$poly-info-light: map.get($poly-config, "info-color-light") or
$poly-link-dark: map.get($poly-config, "link-color-dark") or
$poly-link-light: map.get($poly-config, "link-color-light") or
$poly-grid-pop: map.get($poly-config, "grid-pop-size") or .75rem !default;
$poly-hero-text-shadow: map.get($poly-config, "hero-text-shadow") or 0 .1em .15em rgba($poly-black, .75) !default;
$poly-hero-hover-background: map.get($poly-config, "hero-hover-background") or linear-gradient(
to bottom,
rgba($poly-link-light, 0),
rgba($poly-link-light, 0.25) 7%,
rgba($poly-link-light, 0.95)
) !default;
$poly-navigation-blocks-grid: map.get($poly-config, "navigation-blocks-grid") or (
mobile: 2,
tablet: 2,
desktop: 3,
widescreen: 4,
fullhd: 4
) !default;
Dark
Besides all variables from $poly-config
the $poly-config-dark
also has following defaults
$black: map.get($poly-config-dark, "black") or $poly-white !default;
$black-bis: map.get($poly-config-dark, "black-bis") or darken($poly-white, 7%) !default;
$black-ter: map.get($poly-config-dark, "black-ter") or darken($poly-white, 14%) !default;
$grey-darker: map.get($poly-config-dark, "grey-darker") or
darken($poly-white, 21%) !default;
$grey-dark: map.get($poly-config-dark, "grey-dark") or darken($poly-white, 29%) !default;
$grey: map.get($poly-config-dark, "grey") or darken($poly-white, 48%) !default;
$grey-light: map.get($poly-config-dark, "grey-light") or
lighten($poly-black, 100% - 71%) !default;
$grey-lighter: map.get($poly-config-dark, "grey-lighter") or
lighten($poly-black, 100% - 86%) !default;
$grey-lightest: map.get($poly-config-dark, "grey-lightest") or
lighten($poly-black, 100% - 93%) !default;
$white-ter: map.get($poly-config-dark, "white-ter") or
lighten($poly-black, 100% - 96%) !default;
$white-bis: map.get($poly-config-dark, "white-bis") or
lighten($poly-black, 100% - 98%) !default;
$white: map.get($poly-config-dark, "white") or $poly-black !default;