JJ Allaire | efa6ad4 | 2016-01-30 13:12:05 -0500 | [diff] [blame] | 1 | /** |
| 2 | * Blood theme for reveal.js |
| 3 | * Author: Walther http://github.com/Walther |
| 4 | * |
| 5 | * Designed to be used with highlight.js theme |
| 6 | * "monokai_sublime.css" available from |
| 7 | * https://github.com/isagalaev/highlight.js/ |
| 8 | * |
| 9 | * For other themes, change $codeBackground accordingly. |
| 10 | * |
| 11 | */ |
| 12 | |
| 13 | // Default mixins and settings ----------------- |
| 14 | @import "../template/mixins"; |
| 15 | @import "../template/settings"; |
| 16 | // --------------------------------------------- |
| 17 | |
| 18 | // Include theme-specific fonts |
| 19 | |
| 20 | @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); |
| 21 | |
| 22 | // Colors used in the theme |
| 23 | $blood: #a23; |
| 24 | $coal: #222; |
| 25 | $codeBackground: #23241f; |
| 26 | |
| 27 | $backgroundColor: $coal; |
| 28 | |
| 29 | // Main text |
| 30 | $mainFont: Ubuntu, 'sans-serif'; |
JJ Allaire | efa6ad4 | 2016-01-30 13:12:05 -0500 | [diff] [blame] | 31 | $mainColor: #eee; |
| 32 | |
| 33 | // Headings |
| 34 | $headingFont: Ubuntu, 'sans-serif'; |
| 35 | $headingTextShadow: 2px 2px 2px $coal; |
| 36 | |
| 37 | // h1 shadow, borrowed humbly from |
| 38 | // (c) Default theme by Hakim El Hattab |
| 39 | $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15); |
| 40 | |
| 41 | // Links |
| 42 | $linkColor: $blood; |
| 43 | $linkColorHover: lighten( $linkColor, 20% ); |
| 44 | |
| 45 | // Text selection |
| 46 | $selectionBackgroundColor: $blood; |
| 47 | $selectionColor: #fff; |
| 48 | |
Christophe Dervieux | e1893ae | 2021-10-07 17:09:02 +0200 | [diff] [blame] | 49 | // Change text colors against dark slide backgrounds |
| 50 | @include light-bg-text-color(#222); |
| 51 | |
JJ Allaire | efa6ad4 | 2016-01-30 13:12:05 -0500 | [diff] [blame] | 52 | |
| 53 | // Theme template ------------------------------ |
| 54 | @import "../template/theme"; |
| 55 | // --------------------------------------------- |
| 56 | |
| 57 | // some overrides after theme template import |
| 58 | |
| 59 | .reveal p { |
| 60 | font-weight: 300; |
| 61 | text-shadow: 1px 1px $coal; |
| 62 | } |
| 63 | |
Christophe Dervieux | e1893ae | 2021-10-07 17:09:02 +0200 | [diff] [blame] | 64 | section.has-light-background { |
| 65 | p, h1, h2, h3, h4 { |
| 66 | text-shadow: none; |
| 67 | } |
| 68 | } |
| 69 | |
JJ Allaire | efa6ad4 | 2016-01-30 13:12:05 -0500 | [diff] [blame] | 70 | .reveal h1, |
| 71 | .reveal h2, |
| 72 | .reveal h3, |
| 73 | .reveal h4, |
| 74 | .reveal h5, |
| 75 | .reveal h6 { |
| 76 | font-weight: 700; |
| 77 | } |
| 78 | |
| 79 | .reveal p code { |
| 80 | background-color: $codeBackground; |
| 81 | display: inline-block; |
| 82 | border-radius: 7px; |
| 83 | } |
| 84 | |
| 85 | .reveal small code { |
| 86 | vertical-align: baseline; |
| 87 | } |