white-contrast.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /**
  2. * White compact & high contrast reveal.js theme, with headers not in capitals.
  3. *
  4. * By Peter Kehl. Based on white.(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: #fff;
  18. $mainColor: #000;
  19. $headingColor: #000;
  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: #2a76dd;
  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. $overlayElementBgColor: 0, 0, 0;
  35. $overlayElementFgColor: 240, 240, 240;
  36. // Change text colors against dark slide backgrounds
  37. @include dark-bg-text-color(#fff);
  38. // Theme template ------------------------------
  39. @import "../template/theme";
  40. // ---------------------------------------------