solarized_dark.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /**
  2. * Solarized Dark 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(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
  21. /**
  22. * Primary styles (custom section, non htmlboilerplate)
  23. * Author: Ethan Schoonover
  24. */
  25. html * {
  26. color-profile: sRGB;
  27. rendering-intent: auto;
  28. }
  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: $base0;
  47. $headingColor: $yellow;
  48. $headingTextShadow: none;
  49. $backgroundColor: $base03;
  50. $linkColor: $blue;
  51. $linkColorHover: lighten( $linkColor, 20% );
  52. $selectionBackgroundColor: $magenta;
  53. $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
  54. // Theme template ------------------------------
  55. @import "../template/theme";
  56. // ---------------------------------------------