black.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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. // Default mixins and settings -----------------
  7. @import "../template/mixins";
  8. @import "../template/settings";
  9. // ---------------------------------------------
  10. // Include theme-specific fonts
  11. @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
  12. // Override theme settings (see ../template/settings.scss)
  13. $backgroundColor: #222;
  14. $mainColor: #fff;
  15. $headingColor: #fff;
  16. $mainFontSize: 42px;
  17. $mainFont: 'Lato Light', 'Source Sans Pro', Helvetica, sans-serif;
  18. $headingFont: 'Lato Light', 'Source Sans Pro', Helvetica, sans-serif;
  19. $headingTextShadow: none;
  20. $headingLetterSpacing: normal;
  21. $headingTextTransform: uppercase;
  22. $headingFontWeight: 600;
  23. $linkColor: #42affa;
  24. $linkColorHover: lighten( $linkColor, 15% );
  25. $selectionBackgroundColor: lighten( $linkColor, 25% );
  26. $heading1Size: 2.5em;
  27. $heading2Size: 1.6em;
  28. $heading3Size: 1.3em;
  29. $heading4Size: 1.0em;
  30. section.has-light-background {
  31. &, h1, h2, h3, h4, h5, h6 {
  32. color: #222;
  33. }
  34. }
  35. // Theme template ------------------------------
  36. @import "../template/theme";
  37. // ---------------------------------------------