moparisthebest/android.moparisthebest.org
1
0
Fork 0
mirror of https://github.com/moparisthebest/android.moparisthebest.org synced 2024-10-31 23:35:00 -04:00
Code Issues Releases Wiki Activity

Syntax highlighting theme now defaults to the light color scheme. I also added new styles for marking lines of code, and a better custom/_colors.scss file

Browse Source
This commit is contained in:
Brandon Mathis 2012-06-03 00:26:39 -05:00
parent 120b4f7f0f
commit 09c3cd32f2
4 changed files with 35 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.themes/classic/sass/base/_solarized.scss
View File

@ -1,4 +1,4 @@
$solarized: dark !default; $solarized: light !default;
$pre-bg: default !default; $pre-bg: default !default;
$base03: #002b36 !default; //darkest blue $base03: #002b36 !default; //darkest blue
@ -66,4 +66,9 @@ $pre-color: $base1 !default;
$base1: $pre-color; $base1: $pre-color;
} }
$marker: rgba(#00baff, .5) !default;
$marker-bg: rgba($marker, .03) !default;
$marker-border: rgba($marker, .13) !default;
$marker-border-left: $marker !default;
$code-selection-color: false !default; $code-selection-color: false !default;

2
.themes/classic/sass/base/_theme.scss
View File

@ -1,5 +1,5 @@
$noise-bg: image-url('noise.png') top left !default; $noise-bg: image-url('noise.png') top left !default;
$img-border: inline-image('dotted-border.png'); $img-border: inline-image('dotted-border.png') !default;
// Main Link Colors // Main Link Colors
$link-color: lighten(#165b94, 3) !default; $link-color: lighten(#165b94, 3) !default;

14
.themes/classic/sass/custom/_colors.scss
View File

@ -13,15 +13,21 @@
//$sidebar-link-color-hover: darken(#7ab662, 9); //$sidebar-link-color-hover: darken(#7ab662, 9);
/* To use the light code highlighting theme uncomment the following line */ /* To use the dark code highlighting theme uncomment the following line */
//$solarized: light; //$solarized: dark;
/* To adjust the background color uncomment and edit the following line */ /* To adjust the background color uncomment and edit the following line */
/* If you intend to use a light background, uncomment $solarized: light; above*/ /* If you intend to use a dark background, uncomment $solarized: dark; above*/
//$pre-bg: $base03; //$pre-bg: #252525;
/* To change the color of the code markers, uncomment and change the following lines */
//$marker: rgba(#00baff, .5);
//$marker-bg: rgba($marker, .03);
//$marker-border: rgba($marker, .13);
//$marker-border-left: $marker;
/* For fine control over the syntax highlighting colors edit here */ /* For fine control over the syntax highlighting colors edit here */

18
.themes/classic/sass/partials/_syntax.scss
View File

@ -26,6 +26,24 @@ figure.code, .gist-file, pre {
.highlight pre { @include box-shadow(none); } .highlight pre { @include box-shadow(none); }
} }
pre .line.marked {
position: relative;
display: block;
&:after {
content: "";
position: absolute;
background: $marker-bg;
left: -.8em; top: 0; bottom: 0; right: -.8em;
border: 1px solid { left-color: $marker-border-left; left-width: 2px; right-color: $marker-border; top: 0; bottom: 0; }
}
&.start:after {
border-top: 1px solid $marker-border;
}
&.end:after {
border-bottom: 1px solid $marker-border;
}
}
html .gist .gist-file { html .gist .gist-file {
margin-bottom: 1.8em; margin-bottom: 1.8em;
position: relative; position: relative;