|
| 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 | +// Include theme-specific fonts |
| 14 | +@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap); |
| 15 | +@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); |
| 16 | +/* Container for the pseudo-elements */ |
| 17 | +.reveal-viewport { |
| 18 | + position: relative; |
| 19 | +} |
| 20 | + |
| 21 | +/* For the Logo */ |
| 22 | +.reveal-viewport::after { |
| 23 | + content: '© 2025'; /* Empty content, we only want the background image */ |
| 24 | + |
| 25 | + font-family: 'Poppins', sans-serif; /* Good to be consistent */ |
| 26 | + |
| 27 | + background-image: url('../../assets/AND-logo.png'); /* Note the path change */ |
| 28 | + background-size: contain; |
| 29 | + |
| 30 | + background-repeat: no-repeat; |
| 31 | + background-position: left center; |
| 32 | + position: fixed; |
| 33 | + bottom: 20px; |
| 34 | + right: 20px; |
| 35 | + color: white; |
| 36 | + z-index: 100; |
| 37 | + box-sizing: border-box; |
| 38 | + height: 80px; |
| 39 | + width: 270px; |
| 40 | + padding-left: 110px; |
| 41 | + line-height: 80px; |
| 42 | +} |
| 43 | + |
| 44 | + |
| 45 | +// Override theme settings (see ../template/settings.scss) |
| 46 | +$backgroundColor: #191919; |
| 47 | + |
| 48 | +$mainColor: #fff; |
| 49 | +$headingColor: #fff; |
| 50 | + |
| 51 | +$mainFontSize: 42px; |
| 52 | +$mainFont: 'Source Sans Pro', Helvetica, sans-serif; |
| 53 | +$headingFont: 'Source Sans Pro', Helvetica, sans-serif; |
| 54 | +$headingTextShadow: none; |
| 55 | +$headingLetterSpacing: normal; |
| 56 | +$headingTextTransform: uppercase; |
| 57 | +$headingFontWeight: 600; |
| 58 | +$linkColor: #42affa; |
| 59 | +$linkColorHover: lighten( $linkColor, 15% ); |
| 60 | +$selectionBackgroundColor: rgba( $linkColor, 0.75 ); |
| 61 | + |
| 62 | +$heading1Size: 2.5em; |
| 63 | +$heading2Size: 1.6em; |
| 64 | +$heading3Size: 1.3em; |
| 65 | +$heading4Size: 1.0em; |
| 66 | + |
| 67 | +// Change text colors against light slide backgrounds |
| 68 | +@include light-bg-text-color(#222); |
| 69 | + |
| 70 | + |
| 71 | +// Theme template ------------------------------ |
| 72 | +@import "../template/theme"; |
| 73 | +// --------------------------------------------- |
| 74 | + |
| 75 | + |
| 76 | + |
| 77 | + |
0 commit comments