docs/com/css/theme/source/solarized.scss

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