| 1 | /** |
| 2 | * Beige theme for reveal.js. |
| 3 | * |
| 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se |
| 5 | */ |
| 6 | |
| 7 | // Load utils |
| 8 | @use 'sass:color'; |
| 9 | @use 'template/mixins' as mixins; |
| 10 | |
| 11 | $active-color: #8b743d; |
| 12 | |
| 13 | // Inject theme variables (with some overrides) |
| 14 | @use 'template/settings' with ( |
| 15 | $background-color: #f7f3de, |
| 16 | $background: radial-gradient(rgba(255, 255, 255, 1), rgba(247, 242, 211, 1)), |
| 17 | $main-font: "'Source Sans Pro', Helvetica, sans-serif", |
| 18 | $main-font-size: 42px, |
| 19 | $main-color: #333, |
| 20 | |
| 21 | $heading-color: #333, |
| 22 | $heading-font: "'Source Sans Pro', Helvetica, sans-serif", |
| 23 | $heading-font-weight: 600, |
| 24 | |
| 25 | $heading1-text-shadow: #{0 1px 0 #ccc, |
| 26 | 0 2px 0 #c9c9c9, |
| 27 | 0 3px 0 #bbb, |
| 28 | 0 4px 0 #b9b9b9, |
| 29 | 0 5px 0 #aaa, |
| 30 | 0 6px 1px rgba(0, 0, 0, 0.1), |
| 31 | 0 0 5px rgba(0, 0, 0, 0.1), |
| 32 | 0 1px 3px rgba(0, 0, 0, 0.3), |
| 33 | 0 3px 5px rgba(0, 0, 0, 0.2), |
| 34 | 0 5px 10px rgba(0, 0, 0, 0.25), |
| 35 | 0 20px 20px rgba(0, 0, 0, 0.15)}, |
| 36 | |
| 37 | $heading1-size: 2.5em, |
| 38 | $heading2-size: 1.6em, |
| 39 | $heading3-size: 1.3em, |
| 40 | $heading4-size: 1em, |
| 41 | |
| 42 | $link-color: $active-color, |
| 43 | $link-color-hover: color.scale($active-color, $lightness: 20%), |
| 44 | $selection-color: #333, |
| 45 | $selection-background-color: color.scale($active-color, $lightness: 35%), |
| 46 | $overlay-element-bg-color: '0 0 0', |
| 47 | $overlay-element-fg-color: '240 240 240' |
| 48 | ); |
| 49 | |
| 50 | // Inject the theme template |
| 51 | @use 'template/theme'; |
| 52 | |
| 53 | // Include theme-specific fonts |
| 54 | @import url('./fonts/league-gothic/league-gothic.css'); |
| 55 | @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic'); |
| 56 | |
| 57 | // Change text colors against light slide backgrounds |
| 58 | @include mixins.dark-bg-text-color(#fff); |
| 59 |