1
0

solarized.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /**
  2. * Solarized Light 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. html * {
  17. color-profile: sRGB;
  18. rendering-intent: auto;
  19. }
  20. // Solarized colors
  21. $base03: #002b36;
  22. $base02: #073642;
  23. $base01: #586e75;
  24. $base00: #657b83;
  25. $base0: #839496;
  26. $base1: #93a1a1;
  27. $base2: #eee8d5;
  28. $base3: #fdf6e3;
  29. $yellow: #b58900;
  30. $orange: #cb4b16;
  31. $red: #dc322f;
  32. $magenta: #d33682;
  33. $violet: #6c71c4;
  34. $blue: #268bd2;
  35. $cyan: #2aa198;
  36. $green: #859900;
  37. // Override theme settings (see ../template/settings.scss)
  38. $mainColor: $base00;
  39. $headingColor: $base01;
  40. $headingTextShadow: none;
  41. $backgroundColor: $base3;
  42. $linkColor: $blue;
  43. $linkColorHover: color.scale( $linkColor, $lightness: 20% );
  44. $selectionBackgroundColor: $magenta;
  45. $overlayElementBgColor: 0, 0, 0;
  46. $overlayElementFgColor: 240, 240, 240;
  47. // Background generator
  48. // @mixin bodyBackground() {
  49. // @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) );
  50. // }
  51. // Theme template ------------------------------
  52. @import "../template/theme";
  53. // ---------------------------------------------