114 lines
2.9 KiB
SCSS
114 lines
2.9 KiB
SCSS
|
|
// 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; }
|
|
}
|
|
|