| 1 |
// Default, Light Theme |
| 2 |
// - Gray Semantics |
| 3 |
$eps-gray-800: $color-gray-lamp-post; |
| 4 |
$eps-gray-700: $color-gray-blue-planet; |
| 5 |
$eps-gray-600: $color-gray-sheffield; |
| 6 |
$eps-gray-500: $color-gray-special-delivery; |
| 7 |
$eps-gray-400: $color-gray-stone-golem; |
| 8 |
$eps-gray-300: $color-gray-hidden-creek; |
| 9 |
$eps-gray-200: $color-gray-anti-flash; |
| 10 |
$eps-gray-100: $color-gray-emptiness; |
| 11 |
|
| 12 |
// Theme semantics |
| 13 |
// - data context |
| 14 |
$eps-theme-text-muted: $eps-gray-300; |
| 15 |
$eps-theme-disabled: $eps-gray-400; |
| 16 |
// |
| 17 |
$eps-theme-light: $color-white; |
| 18 |
$eps-theme-dark: $color-black; |
| 19 |
// |
| 20 |
$eps-theme-info: $color-cyan-ionized-air-glow; |
| 21 |
$eps-theme-accent: $color-cyan-ionized-air-glow; |
| 22 |
$eps-theme-danger: $color-red-carnelian; |
| 23 |
$eps-theme-cta: $color-red-rose-garnet; |
| 24 |
$eps-theme-warning: $color-yellow-hot-sun; |
| 25 |
$eps-theme-success: $color-green-spandex; |
| 26 |
|
| 27 |
// -use context |
| 28 |
$eps-body-color: $eps-gray-600; |
| 29 |
$eps-body-bg: null; |
| 30 |
$eps-link-color: $color-cyan-ionized-air-glow; |
| 31 |
$eps-link-hover-color: darken($eps-link-color, 15%); |
| 32 |
$eps-hr-color: $eps-gray-300; |
| 33 |
$eps-display-1-color: $eps-gray-800; |
| 34 |
$eps-display-2-color: $eps-gray-800; |
| 35 |
$eps-display-3-color: $eps-gray-600; |
| 36 |
$eps-display-4-color: $eps-gray-800; |
| 37 |
$eps-h1-color: $eps-gray-600; |
| 38 |
$eps-h2-color: $eps-gray-600; |
| 39 |
$eps-h3-color: $eps-gray-800; |
| 40 |
$eps-h4-color: $eps-gray-800; |
| 41 |
$eps-h5-color: $eps-gray-800; |
| 42 |
$eps-h6-color: $eps-gray-800; |
| 43 |
$eps-text-base-color: $eps-gray-800; |
| 44 |
$eps-text-xl-color: $eps-gray-800; |
| 45 |
$eps-text-lg-color: $eps-gray-800; |
| 46 |
$eps-text-sm-color: $eps-gray-800; |
| 47 |
$eps-text-xs-color: $eps-gray-800; |
| 48 |
$eps-text-xxs-color: $eps-gray-800; |
| 49 |
|
