GitList
Browse code

improved support for solarized light theme

Brandon Mathis authored on 01/10/2011 at 20:57:02
Showing 3 changed files
.themes/classic/sass/base/_solarized.scss
History View file @ ff20095
... ... 
@@ -4,8 +4,8 @@ $base01:          #586e75 !default; //darkest gray
4 4 
 $base00:          #657b83 !default; //dark gray
5 5 
 $base0:           #839496 !default; //medium gray
6 6 
 $base1:           #93a1a1 !default; //medium light gray
7 
-$base2:           #eee8d5 !default; //cream
8 
-$base3:           #fdf6e3 !default; //white
7 
+$base2:           #f2f2f2 !default; //cream
8 
+$base3:           #ffffff !default; //white
9 9 
 $solar-yellow:    #b58900 !default;
10 10 
 $solar-orange:    #cb4b16 !default;
11 11 
 $solar-red:       #dc322f !default;
... ... 
@@ -18,17 +18,29 @@ $solar-green:     #859900 !default;
18 18 
 $solarized: dark !default;
19 19
20 20 
 @if $solarized == light {
21 
-  $base03: #fdf6e3;
22 
-  $base02: #eee8d5;
23 
-  $base01: #93a1a1;
24 
-  $base00: #839496;
25 
-  $base0:  #657b83;
26 
-  $base1:  #586e75;
27 
-  $base2:  #073642;
28 
-  $base3:  #002b36;
21 
+
22 
+  $_base03: $base03;
23 
+  $_base02: $base02;
24 
+  $_base01: $base01;
25 
+  $_base00: $base00;
26 
+  $_base0:  $base0;
27 
+  $_base1:  $base1;
28 
+  $_base2:  $base2;
29 
+  $_base3:  $base3;
30 
+
31 
+  $base03:  $_base3;
32 
+  $base02:  $_base2;
33 
+  $base01:  $_base1;
34 
+  $base00:  $_base0;
35 
+  $base0:   $_base00;
36 
+  $base1:   $_base01;
37 
+  $base2:   $_base02;
38 
+  $base3:   $_base03;
29 39 
 }
30 40
31 41 
 /* non highlighted code colors */
32 42 
 $pre-bg: $base03 !default;
33 
-$pre-border: $base02 !default;
43 
+$pre-border: darken($base02, 5) !default;
34 44 
 $pre-color: $base1 !default;
45 
+
46 
+
.themes/classic/sass/custom/_colors.scss
History View file @ ff20095
... ... 
@@ -11,7 +11,7 @@
11 11
12 12
13 13 
 /* To use the light Solarized highlighting theme uncomment the following line */
14 
-//$solarized: light
14 
+//$solarized: light;
15 15
16 16 
 /* If you want to tweak the Solarized colors you can do that here */
17 17 
 //$base03:          #002b36; //darkest blue
... ... 
@@ -34,5 +34,5 @@
34 34
35 35 
 /* Non highlighted code colors */
36 36 
 //$pre-bg: $base03;
37 
-//$pre-border: $base02;
37 
+//$pre-border: darken($base02, 5);
38 38 
 //$pre-color: $base1;
.themes/classic/sass/partials/_syntax.scss
History View file @ ff20095
... ... 
@@ -21,17 +21,19 @@
21 21 
   }
22 22 
   border: 1px solid $pre-border !important;
23 23 
 }
24 
+figure.code, .gist-file, pre {
25 
+  @include box-shadow(rgba(#000, .06) 0 0 10px);
26 
+  .highlight pre { @include box-shadow(none); }
27 
+}
28 
+
24 29 
 html .gist .gist-file {
25 30 
   margin-bottom: 1.8em;
26 31 
   position: relative;
27 32 
   border: none;
28 33 
   padding-top: image-height("code_bg.png") !important;
29 34 
   .gist-syntax {
30 
-    @if $solarized == dark {
31 
-      border-bottom: 1px solid $base03 !important;
32 
-    } @else if $solarized == light {
33 
-      border-bottom: 0px;
34 
-    }
35 
+    border-bottom: 0 !important;
36 
+    background: none !important;
35 37 
     .gist-highlight{
36 38 
       background: $base03 !important;
37 39 
       pre {
... ... 
@@ -46,6 +48,7 @@ html .gist .gist-file {
46 46 
    font-size: .7em !important;
47 47 
    @if $solarized == light {
48 48 
      background: lighten($base03, 2) $noise-bg;
49 
+     border: 1px solid $pre-border !important;
49 50 
      border-top: 1px solid lighten($base03, 2) !important;
50 51 
    } @else {
51 52 
      background: $base02 $noise-bg;