|
| 1 | +/** |
| 2 | + * Black theme for reveal.js. This is the opposite of the 'white' theme. |
| 3 | + * |
| 4 | + * By Hakim El Hattab, http://hakim.se |
| 5 | + */ |
| 6 | + |
| 7 | + |
| 8 | +// Default mixins and settings ----------------- |
| 9 | +@import "../template/mixins"; |
| 10 | +@import "../template/settings"; |
| 11 | +// --------------------------------------------- |
| 12 | + |
| 13 | + |
| 14 | +// Include theme-specific fonts |
| 15 | +@import url("https://fonts.googleapis.com/css?family=Fira+Sans:300,400,600,700|Fira+Mono:300,400,600,700|Fire+Sans:100,200,300,400,500,600,700"); |
| 16 | + |
| 17 | +// Override theme settings (see ../template/settings.scss) |
| 18 | +$backgroundColor: #121619; |
| 19 | + |
| 20 | +$mainColor: #eeece1; |
| 21 | +$headingColor: #eeece1; |
| 22 | + |
| 23 | +$mainFontSize: 42px; |
| 24 | +$mainFont: 'Fira Sans', sans-serif; |
| 25 | +$headingFont: 'Fira Sans', sans-serif; |
| 26 | +$codeFont: 'Fira Mono',monospace; |
| 27 | +$headingTextShadow: none; |
| 28 | +$headingLetterSpacing: normal; |
| 29 | +$headingTextTransform: capitalize; |
| 30 | +$headingFontWeight: 800; |
| 31 | +$linkColor: #1191E8; |
| 32 | +$linkColorHover: #42BF64; |
| 33 | +$selectionBackgroundColor: rgba( $linkColor, 0.75 ); |
| 34 | + |
| 35 | +$heading1Size: 2.5em; |
| 36 | +$heading2Size: 1.6em; |
| 37 | +$heading3Size: 1.3em; |
| 38 | +$heading4Size: 1.0em; |
| 39 | + |
| 40 | +// Change text colors against light slide backgrounds |
| 41 | +@include light-bg-text-color(#222); |
| 42 | + |
| 43 | + |
| 44 | +// Theme template ------------------------------ |
| 45 | +@import "../template/theme"; |
| 46 | +// --------------------------------------------- |
| 47 | + |
| 48 | +.reveal h2::after, .reveal h3:after, .reveal h4:after { |
| 49 | + display: block; |
| 50 | + content: ""; |
| 51 | + width: 100px; |
| 52 | + height: 10px; |
| 53 | + margin-inline: auto; |
| 54 | +} |
| 55 | + |
| 56 | +.reveal h2::after { |
| 57 | + margin-block: 30px; |
| 58 | + background: #488bd1; |
| 59 | +} |
| 60 | + |
| 61 | +.reveal h3::after { |
| 62 | + margin-block: 20px; |
| 63 | + background: #4fc066; |
| 64 | +} |
| 65 | + |
| 66 | +.reveal h4::after { |
| 67 | + margin-block: 15px; |
| 68 | + background: #209e9b; |
| 69 | +} |
| 70 | + |
| 71 | +.reveal .slide-background { |
| 72 | + background-image: url("/img/servo-color-negative-no-container.png"); |
| 73 | + background-size: 10%; |
| 74 | + background-repeat: no-repeat; |
| 75 | + background-position: 5% 95%; |
| 76 | +} |
| 77 | +.reveal .slide-background::after { |
| 78 | + display: block; |
| 79 | + content: ""; |
| 80 | + width: .5%; |
| 81 | + background: linear-gradient(180deg, #42be65 15%, #009d9a 25%, #009d9a 55%, #1192e8 65%); |
| 82 | + background-repeat-x: no-repeat; |
| 83 | + position: absolute; |
| 84 | + top: 4%; |
| 85 | + bottom: 4%; |
| 86 | + left: 2%; |
| 87 | +} |
| 88 | +.reveal .slide-background.cover { |
| 89 | + background-image: url("/img/servo-color-negative-no-container.png"); |
| 90 | + background-size: 15%; |
| 91 | + background-repeat: no-repeat; |
| 92 | + background-position: 5% 90%; |
| 93 | +} |
| 94 | +.reveal .slide-background.last { |
| 95 | + |
| 96 | + background-image: url("/img/servo-color-negative-no-container.png"); |
| 97 | + background-size: 25%; |
| 98 | + background-repeat: no-repeat; |
| 99 | + background-position: 50% 75%; |
| 100 | +} |
| 101 | + |
| 102 | +.reveal section.cover > hr:nth-child(1), |
| 103 | +.reveal section.cover > p:nth-child(2), |
| 104 | +.reveal section.cover > hr:nth-child(3) { |
| 105 | + display: none; |
| 106 | +} |
| 107 | + |
| 108 | +.reveal blockquote { |
| 109 | + width: 75%; |
| 110 | + padding: 5px 50px; |
| 111 | +} |
| 112 | + |
| 113 | +.reveal blockquote::after { |
| 114 | + display: block; |
| 115 | + content: ""; |
| 116 | + position: absolute; |
| 117 | + width: 1.5em; |
| 118 | + height: 1.5em; |
| 119 | + bottom: 0; |
| 120 | + right: 0; |
| 121 | + background-image: url("/img/servo-symbol-color-no-container.png"); |
| 122 | + background-repeat: no-repeat; |
| 123 | + background-size: 4em; |
| 124 | +} |
| 125 | + |
| 126 | +html.print-pdf .reveal .slides section { |
| 127 | + padding-left: 1em !important; |
| 128 | +} |
| 129 | + |
| 130 | + |
| 131 | +.reveal pre { |
| 132 | + font-size: 0.35em; |
| 133 | +} |
0 commit comments