black-contrast.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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. // Default mixins and settings -----------------
  10. @use "sass:color";
  11. @import "../template/mixins";
  12. @import "../template/settings";
  13. // ---------------------------------------------
  14. // Include theme-specific fonts
  15. @import url(./fonts/source-sans-pro/source-sans-pro.css);
  16. // Override theme settings (see ../template/settings.scss)
  17. $backgroundColor: #000000;
  18. $mainColor: #fff;
  19. $headingColor: #fff;
  20. $mainFontSize: 42px;
  21. $mainFont: 'Source Sans Pro', Helvetica, sans-serif;
  22. $headingFont: 'Source Sans Pro', Helvetica, sans-serif;
  23. $headingTextShadow: none;
  24. $headingLetterSpacing: normal;
  25. $headingTextTransform: uppercase;
  26. $headingFontWeight: 600;
  27. $linkColor: #42affa;
  28. $linkColorHover: color.scale( $linkColor, $lightness: 15% );
  29. $selectionBackgroundColor: color.scale( $linkColor, $lightness: 25% );
  30. $heading1Size: 2.5em;
  31. $heading2Size: 1.6em;
  32. $heading3Size: 1.3em;
  33. $heading4Size: 1.0em;
  34. // Change text colors against light slide backgrounds
  35. @include light-bg-text-color(#000);
  36. // Theme template ------------------------------
  37. @import "../template/theme";
  38. // ---------------------------------------------