solarized.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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. @font-face {
  11. font-family: 'League Gothic';
  12. src: url('../../lib/font/league_gothic-webfont.eot');
  13. src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
  14. url('../../lib/font/league_gothic-webfont.woff') format('woff'),
  15. url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
  16. url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
  17. font-weight: normal;
  18. font-style: normal;
  19. }
  20. @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
  21. /**
  22. * Solarized colors by Ethan Schoonover
  23. */
  24. html * {
  25. color-profile: sRGB;
  26. rendering-intent: auto;
  27. }
  28. // Solarized colors
  29. $base03: #002b36;
  30. $base02: #073642;
  31. $base01: #586e75;
  32. $base00: #657b83;
  33. $base0: #839496;
  34. $base1: #93a1a1;
  35. $base2: #eee8d5;
  36. $base3: #fdf6e3;
  37. $yellow: #b58900;
  38. $orange: #cb4b16;
  39. $red: #dc322f;
  40. $magenta: #d33682;
  41. $violet: #6c71c4;
  42. $blue: #268bd2;
  43. $cyan: #2aa198;
  44. $green: #859900;
  45. // Override theme settings (see ../template/settings.scss)
  46. $mainColor: $base00;
  47. $headingColor: $base01;
  48. $headingTextShadow: none;
  49. $backgroundColor: $base3;
  50. $linkColor: $blue;
  51. $linkColorHover: lighten( $linkColor, 20% );
  52. $selectionBackgroundColor: $magenta;
  53. // Background generator
  54. // @mixin bodyBackground() {
  55. // @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) );
  56. // }
  57. // Theme template ------------------------------
  58. @import "../template/theme";
  59. // ---------------------------------------------