moon.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /**
  2. * Solarized Dark theme for reveal.js.
  3. * Author: Achim Staebler
  4. */
  5. // Default mixins and settings -----------------
  6. @use "sass:color";
  7. @import "../template/mixins";
  8. @import "../template/settings";
  9. // ---------------------------------------------
  10. // Include theme-specific fonts
  11. @import url(./fonts/league-gothic/league-gothic.css);
  12. @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
  13. /**
  14. * Solarized colors by Ethan Schoonover
  15. */
  16. // Solarized colors
  17. $base03: #002b36;
  18. $base02: #073642;
  19. $base01: #586e75;
  20. $base00: #657b83;
  21. $base0: #839496;
  22. $base1: #93a1a1;
  23. $base2: #eee8d5;
  24. $base3: #fdf6e3;
  25. $yellow: #b58900;
  26. $orange: #cb4b16;
  27. $red: #dc322f;
  28. $magenta: #d33682;
  29. $violet: #6c71c4;
  30. $blue: #268bd2;
  31. $cyan: #2aa198;
  32. $green: #859900;
  33. // Override theme settings (see ../template/settings.scss)
  34. $mainColor: $base1;
  35. $headingColor: $base2;
  36. $headingTextShadow: none;
  37. $backgroundColor: $base03;
  38. $linkColor: $blue;
  39. $linkColorHover: color.scale( $linkColor, $lightness: 20% );
  40. $selectionBackgroundColor: $magenta;
  41. // Change text colors against light slide backgrounds
  42. @include light-bg-text-color(#222);
  43. // Theme template ------------------------------
  44. @import "../template/theme";
  45. // ---------------------------------------------