solarized.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /**
  2. * Solarized Light theme for reveal.js.
  3. * Author: Achim Staebler
  4. */
  5. // Default mixins and settings -----------------
  6. @import "../template/mixins";
  7. @import "../template/settings";
  8. // ---------------------------------------------
  9. // Include theme-specific fonts
  10. @import url(./fonts/league-gothic/league-gothic.css);
  11. @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
  12. /**
  13. * Solarized colors by Ethan Schoonover
  14. */
  15. html * {
  16. color-profile: sRGB;
  17. rendering-intent: auto;
  18. }
  19. // Solarized colors
  20. $base03: #002b36;
  21. $base02: #073642;
  22. $base01: #586e75;
  23. $base00: #657b83;
  24. $base0: #839496;
  25. $base1: #93a1a1;
  26. $base2: #eee8d5;
  27. $base3: #fdf6e3;
  28. $yellow: #b58900;
  29. $orange: #cb4b16;
  30. $red: #dc322f;
  31. $magenta: #d33682;
  32. $violet: #6c71c4;
  33. $blue: #268bd2;
  34. $cyan: #2aa198;
  35. $green: #859900;
  36. // Override theme settings (see ../template/settings.scss)
  37. $mainColor: $base00;
  38. $headingColor: $base01;
  39. $headingTextShadow: none;
  40. $backgroundColor: $base3;
  41. $linkColor: $blue;
  42. $linkColorHover: lighten( $linkColor, 20% );
  43. $selectionBackgroundColor: $magenta;
  44. // Background generator
  45. // @mixin bodyBackground() {
  46. // @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) );
  47. // }
  48. // Theme template ------------------------------
  49. @import "../template/theme";
  50. // ---------------------------------------------