| 1 | /** |
| 2 | * Black compact & high contrast reveal.js theme, with headers not in capitals. |
| 3 | * |
| 4 | * By Peter Kehl. Based on black.(s)css by Hakim El Hattab, http://hakim.se |
| 5 | * |
| 6 | * - Keep the source similar to black.css - for easy comparison. |
| 7 | * - $mainFontSize controls code blocks, too (although under some ratio). |
| 8 | */ |
| 9 | |
| 10 | // Load utils |
| 11 | @use 'sass:color'; |
| 12 | @use 'template/mixins' as mixins; |
| 13 | |
| 14 | $active-color: #42affa; |
| 15 | |
| 16 | // Inject theme variables (with some overrides) |
| 17 | @use 'template/settings' with ( |
| 18 | $background-color: #000, |
| 19 | |
| 20 | $main-font: "'Source Sans Pro', Helvetica, sans-serif", |
| 21 | $main-font-size: 42px, |
| 22 | $main-color: #fff, |
| 23 | |
| 24 | $heading-color: #fff, |
| 25 | $heading-font: "'Source Sans Pro', Helvetica, sans-serif", |
| 26 | $heading-font-weight: 600, |
| 27 | |
| 28 | $heading1-size: 2.5em, |
| 29 | $heading2-size: 1.6em, |
| 30 | $heading3-size: 1.3em, |
| 31 | $heading4-size: 1em, |
| 32 | |
| 33 | $link-color: $active-color, |
| 34 | $link-color-hover: color.scale($active-color, $lightness: 15%), |
| 35 | $selection-color: #fff, |
| 36 | $selection-background-color: color.scale($active-color, $lightness: -35%) |
| 37 | ); |
| 38 | |
| 39 | // Inject the theme template |
| 40 | @use 'template/theme'; |
| 41 | |
| 42 | // Include theme-specific fonts |
| 43 | @import url('./fonts/source-sans-pro/source-sans-pro.css'); |
| 44 | |
| 45 | // Change text colors against light slide backgrounds |
| 46 | @include mixins.light-bg-text-color(#000); |
| 47 |