chriseppstein/compass

// Dark Theme

$background: none;

$line_highlighted_background:    #323E41;
$line_highlighted_number:        #b9bdb6;

$gutter_text:                    #afafaf;
$gutter_border_color:            rgba(#fff, .15);

$toolbar_collapsed_a:            #5ba1cf;
$toolbar_collapsed_a_hover:        #5ce638;
$toolbar_collapsed_background:    #000;

$toolbar_a:                        #fff;
$toolbar_a_hover:                #e0e8ff;

$code_plain:                    #dadbb1;
$code_comments:                    #878a85;
$code_string:                    #64b041;
$code_keyword:                    #6cc7eb;
$code_preprocessor:                #cd5c57;
$code_variable:                    $code_keyword;
$code_value:                    #ffa0a0;
$code_functions:                #3d95e6;
$code_constants:                #e0e8ff;
$code_script:                    $code_keyword;
$code_script_background:        none;
$code_color1:                    #b0b76b;
$code_color2:                    #98f77a;
$code_color3:                    #ffaa3e;
$code_color4:                    $code_plain;

//@import "theme_template.scss";

// Interface elements.
html.dark .syntaxhighlighter {
    // Actual syntax highlighter colors.
    .plain, .plain a { color: $code_plain; }
    .comments, .comments a { color: $code_comments; }
    .string, .string a { color: $code_string; }
    .keyword { color: $code_keyword; }
    .preprocessor { color: $code_preprocessor; }
    .variable { color: $code_variable; }
    .value { color: $code_value; }
    .functions { color: $code_functions; }
    .constants { color: $code_constants; }
    .script {
        font-weight: bold;
        color: $code_script;
        background-color: $code_script_background;
    }
    .color1, .color1 a { color: $code_color1; }
    .color2, .color2 a { color: $code_color2; }
    .color3, .color3 a { color: $code_color3; }
    .color4, .color4 a { color: $code_color4; }
}

// Light Theme

$background: none;

$line_highlighted_background:    #c3defe;
$line_highlighted_number:        #fff;

$gutter_text:                    #787878;
$gutter_border_color:            #d4d0c8;

$toolbar_collapsed_a:            #3f5fbf;
$toolbar_collapsed_a_hover:        #aa7700;
$toolbar_collapsed_background:    #fff;

$toolbar_a:                        #a0a0a0;
$toolbar_a_hover:                red;

$code_plain:                    black;
$code_comments:                    #3f5fbf;
$code_string:                    #4fa33f;
$code_keyword:                    #7f0055;
$code_preprocessor:                #006699;
$code_variable:                    #aa7700;
$code_value:                    #4fa33f;
$code_functions:                #b553ba;
$code_constants:                #0066cc;
$code_color1:                    gray;
$code_color2:                    #ca6436;
$code_color3:                    red;
$code_color4:                    $code_plain;

// Interface elements.
html.light .syntaxhighlighter {
    // Actual syntax highlighter colors.
    .plain, .plain a { color: $code_plain; }
    .comments, .comments a { color: $code_comments; }
    .string, .string a { color: $code_string; }
    .keyword { color: $code_keyword; }
    .preprocessor { color: $code_preprocessor; }
    .variable { color: $code_variable; }
    .value { color: $code_value; }
    .functions { color: $code_functions; }
    .constants { color: $code_constants; }
    .script {
        font-weight: bold;
        color: $code_script;
        background-color: $code_script_background;
    }
    .color1, .color1 a { color: $code_color1; }
    .color2, .color2 a { color: $code_color2; }
    .color3, .color3 a { color: $code_color3; }
    .color4, .color4 a { color: $code_color4; }
}