improved support for solarized light theme

This commit is contained in:
Brandon Mathis 2011-10-01 15:57:02 -05:00
parent 362d93d938
commit ff2009577d
3 changed files with 33 additions and 18 deletions

View File

@ -4,8 +4,8 @@ $base01: #586e75 !default; //darkest gray
$base00: #657b83 !default; //dark gray $base00: #657b83 !default; //dark gray
$base0: #839496 !default; //medium gray $base0: #839496 !default; //medium gray
$base1: #93a1a1 !default; //medium light gray $base1: #93a1a1 !default; //medium light gray
$base2: #eee8d5 !default; //cream $base2: #f2f2f2 !default; //cream
$base3: #fdf6e3 !default; //white $base3: #ffffff !default; //white
$solar-yellow: #b58900 !default; $solar-yellow: #b58900 !default;
$solar-orange: #cb4b16 !default; $solar-orange: #cb4b16 !default;
$solar-red: #dc322f !default; $solar-red: #dc322f !default;
@ -18,17 +18,29 @@ $solar-green: #859900 !default;
$solarized: dark !default; $solarized: dark !default;
@if $solarized == light { @if $solarized == light {
$base03: #fdf6e3;
$base02: #eee8d5; $_base03: $base03;
$base01: #93a1a1; $_base02: $base02;
$base00: #839496; $_base01: $base01;
$base0: #657b83; $_base00: $base00;
$base1: #586e75; $_base0: $base0;
$base2: #073642; $_base1: $base1;
$base3: #002b36; $_base2: $base2;
$_base3: $base3;
$base03: $_base3;
$base02: $_base2;
$base01: $_base1;
$base00: $_base0;
$base0: $_base00;
$base1: $_base01;
$base2: $_base02;
$base3: $_base03;
} }
/* non highlighted code colors */ /* non highlighted code colors */
$pre-bg: $base03 !default; $pre-bg: $base03 !default;
$pre-border: $base02 !default; $pre-border: darken($base02, 5) !default;
$pre-color: $base1 !default; $pre-color: $base1 !default;

View File

@ -11,7 +11,7 @@
/* To use the light Solarized highlighting theme uncomment the following line */ /* To use the light Solarized highlighting theme uncomment the following line */
//$solarized: light //$solarized: light;
/* If you want to tweak the Solarized colors you can do that here */ /* If you want to tweak the Solarized colors you can do that here */
//$base03: #002b36; //darkest blue //$base03: #002b36; //darkest blue
@ -34,5 +34,5 @@
/* Non highlighted code colors */ /* Non highlighted code colors */
//$pre-bg: $base03; //$pre-bg: $base03;
//$pre-border: $base02; //$pre-border: darken($base02, 5);
//$pre-color: $base1; //$pre-color: $base1;

View File

@ -21,17 +21,19 @@
} }
border: 1px solid $pre-border !important; border: 1px solid $pre-border !important;
} }
figure.code, .gist-file, pre {
@include box-shadow(rgba(#000, .06) 0 0 10px);
.highlight pre { @include box-shadow(none); }
}
html .gist .gist-file { html .gist .gist-file {
margin-bottom: 1.8em; margin-bottom: 1.8em;
position: relative; position: relative;
border: none; border: none;
padding-top: image-height("code_bg.png") !important; padding-top: image-height("code_bg.png") !important;
.gist-syntax { .gist-syntax {
@if $solarized == dark { border-bottom: 0 !important;
border-bottom: 1px solid $base03 !important; background: none !important;
} @else if $solarized == light {
border-bottom: 0px;
}
.gist-highlight{ .gist-highlight{
background: $base03 !important; background: $base03 !important;
pre { pre {
@ -46,6 +48,7 @@ html .gist .gist-file {
font-size: .7em !important; font-size: .7em !important;
@if $solarized == light { @if $solarized == light {
background: lighten($base03, 2) $noise-bg; background: lighten($base03, 2) $noise-bg;
border: 1px solid $pre-border !important;
border-top: 1px solid lighten($base03, 2) !important; border-top: 1px solid lighten($base03, 2) !important;
} @else { } @else {
background: $base02 $noise-bg; background: $base02 $noise-bg;