Commit b95a56c18130a0ac2d4cf21cf36c5de4bbc6f686

Authored by Dmitriy Zaporozhets
1 parent c7966a42

Modify white and solarized themes for hljs

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
app/assets/stylesheets/highlight/solarized_dark.scss
1 -.solarized-dark .highlight {  
2 - 1 +.solarized-dark {
3 background-color: #002B36; 2 background-color: #002B36;
4 - 3 +
  4 + .highlight{
  5 + border-left: 1px solid #113b46;
  6 + }
  7 +
5 pre { 8 pre {
6 background-color: #002B36; 9 background-color: #002B36;
7 color: #eee; 10 color: #eee;
8 } 11 }
9 12
10 - .hll { background-color: #073642 }  
11 - .c { color: #586E75 } /* Comment */  
12 - .err { color: #93A1A1 } /* Error */  
13 - .g { color: #93A1A1 } /* Generic */  
14 - .k { color: #859900 } /* Keyword */  
15 - .l { color: #93A1A1 } /* Literal */  
16 - .n { color: #93A1A1 } /* Name */  
17 - .o { color: #859900 } /* Operator */  
18 - .x { color: #CB4B16 } /* Other */  
19 - .p { color: #93A1A1 } /* Punctuation */  
20 - .cm { color: #586E75 } /* Comment.Multiline */  
21 - .cp { color: #859900 } /* Comment.Preproc */  
22 - .c1 { color: #586E75 } /* Comment.Single */  
23 - .cs { color: #859900 } /* Comment.Special */  
24 - .gd { color: #2AA198 } /* Generic.Deleted */  
25 - .ge { color: #93A1A1; font-style: italic } /* Generic.Emph */  
26 - .gr { color: #DC322F } /* Generic.Error */  
27 - .gh { color: #CB4B16 } /* Generic.Heading */  
28 - .gi { color: #859900 } /* Generic.Inserted */  
29 - .go { color: #93A1A1 } /* Generic.Output */  
30 - .gp { color: #93A1A1 } /* Generic.Prompt */  
31 - .gs { color: #93A1A1; font-weight: bold } /* Generic.Strong */  
32 - .gu { color: #CB4B16 } /* Generic.Subheading */  
33 - .gt { color: #93A1A1 } /* Generic.Traceback */  
34 - .kc { color: #CB4B16 } /* Keyword.Constant */  
35 - .kd { color: #268BD2 } /* Keyword.Declaration */  
36 - .kn { color: #859900 } /* Keyword.Namespace */  
37 - .kp { color: #859900 } /* Keyword.Pseudo */  
38 - .kr { color: #268BD2 } /* Keyword.Reserved */  
39 - .kt { color: #DC322F } /* Keyword.Type */  
40 - .ld { color: #93A1A1 } /* Literal.Date */  
41 - .m { color: #2AA198 } /* Literal.Number */  
42 - .s { color: #2AA198 } /* Literal.String */  
43 - .na { color: #93A1A1 } /* Name.Attribute */  
44 - .nb { color: #B58900 } /* Name.Builtin */  
45 - .nc { color: #268BD2 } /* Name.Class */  
46 - .no { color: #CB4B16 } /* Name.Constant */  
47 - .nd { color: #268BD2 } /* Name.Decorator */  
48 - .ni { color: #CB4B16 } /* Name.Entity */  
49 - .ne { color: #CB4B16 } /* Name.Exception */  
50 - .nf { color: #268BD2 } /* Name.Function */  
51 - .nl { color: #93A1A1 } /* Name.Label */  
52 - .nn { color: #93A1A1 } /* Name.Namespace */  
53 - .nx { color: #93A1A1 } /* Name.Other */  
54 - .py { color: #93A1A1 } /* Name.Property */  
55 - .nt { color: #268BD2 } /* Name.Tag */  
56 - .nv { color: #268BD2 } /* Name.Variable */  
57 - .ow { color: #859900 } /* Operator.Word */  
58 - .w { color: #93A1A1 } /* Text.Whitespace */  
59 - .mf { color: #2AA198 } /* Literal.Number.Float */  
60 - .mh { color: #2AA198 } /* Literal.Number.Hex */  
61 - .mi { color: #2AA198 } /* Literal.Number.Integer */  
62 - .mo { color: #2AA198 } /* Literal.Number.Oct */  
63 - .sb { color: #586E75 } /* Literal.String.Backtick */  
64 - .sc { color: #2AA198 } /* Literal.String.Char */  
65 - .sd { color: #93A1A1 } /* Literal.String.Doc */  
66 - .s2 { color: #2AA198 } /* Literal.String.Double */  
67 - .se { color: #CB4B16 } /* Literal.String.Escape */  
68 - .sh { color: #93A1A1 } /* Literal.String.Heredoc */  
69 - .si { color: #2AA198 } /* Literal.String.Interpol */  
70 - .sx { color: #2AA198 } /* Literal.String.Other */  
71 - .sr { color: #DC322F } /* Literal.String.Regex */  
72 - .s1 { color: #2AA198 } /* Literal.String.Single */  
73 - .ss { color: #2AA198 } /* Literal.String.Symbol */  
74 - .bp { color: #268BD2 } /* Name.Builtin.Pseudo */  
75 - .vc { color: #268BD2 } /* Name.Variable.Class */  
76 - .vg { color: #268BD2 } /* Name.Variable.Global */  
77 - .vi { color: #268BD2 } /* Name.Variable.Instance */  
78 - .il { color: #2AA198 } /* Literal.Number.Integer.Long */  
79 -} 13 + .hljs {
  14 + display: block;
  15 + padding: 0.5em;
  16 + background: #002b36;
  17 + color: #839496;
  18 + }
  19 +
  20 + .hljs-comment,
  21 + .hljs-template_comment,
  22 + .diff .hljs-header,
  23 + .hljs-doctype,
  24 + .hljs-pi,
  25 + .lisp .hljs-string,
  26 + .hljs-javadoc {
  27 + color: #586e75;
  28 + }
  29 +
  30 + /* Solarized Green */
  31 + .hljs-keyword,
  32 + .hljs-winutils,
  33 + .method,
  34 + .hljs-addition,
  35 + .css .hljs-tag,
  36 + .hljs-request,
  37 + .hljs-status,
  38 + .nginx .hljs-title {
  39 + color: #859900;
  40 + }
80 41
  42 + /* Solarized Cyan */
  43 + .hljs-number,
  44 + .hljs-command,
  45 + .hljs-string,
  46 + .hljs-tag .hljs-value,
  47 + .hljs-rules .hljs-value,
  48 + .hljs-phpdoc,
  49 + .tex .hljs-formula,
  50 + .hljs-regexp,
  51 + .hljs-hexcolor,
  52 + .hljs-link_url {
  53 + color: #2aa198;
  54 + }
  55 +
  56 + /* Solarized Blue */
  57 + .hljs-title,
  58 + .hljs-localvars,
  59 + .hljs-chunk,
  60 + .hljs-decorator,
  61 + .hljs-built_in,
  62 + .hljs-identifier,
  63 + .vhdl .hljs-literal,
  64 + .hljs-id,
  65 + .css .hljs-function {
  66 + color: #268bd2;
  67 + }
  68 +
  69 + /* Solarized Yellow */
  70 + .hljs-attribute,
  71 + .hljs-variable,
  72 + .lisp .hljs-body,
  73 + .smalltalk .hljs-number,
  74 + .hljs-constant,
  75 + .hljs-class .hljs-title,
  76 + .hljs-parent,
  77 + .haskell .hljs-type,
  78 + .hljs-link_reference {
  79 + color: #b58900;
  80 + }
  81 +
  82 + /* Solarized Orange */
  83 + .hljs-preprocessor,
  84 + .hljs-preprocessor .hljs-keyword,
  85 + .hljs-pragma,
  86 + .hljs-shebang,
  87 + .hljs-symbol,
  88 + .hljs-symbol .hljs-string,
  89 + .diff .hljs-change,
  90 + .hljs-special,
  91 + .hljs-attr_selector,
  92 + .hljs-subst,
  93 + .hljs-cdata,
  94 + .clojure .hljs-title,
  95 + .css .hljs-pseudo,
  96 + .hljs-header {
  97 + color: #cb4b16;
  98 + }
  99 +
  100 + /* Solarized Red */
  101 + .hljs-deletion,
  102 + .hljs-important {
  103 + color: #dc322f;
  104 + }
  105 +
  106 + /* Solarized Violet */
  107 + .hljs-link_label {
  108 + color: #6c71c4;
  109 + }
  110 +
  111 + .tex .hljs-formula {
  112 + background: #073642;
  113 + }
  114 +}
app/assets/stylesheets/highlight/white.scss
1 -.white .highlight {  
2 - 1 +.white {
3 background-color: #fff; 2 background-color: #fff;
4 - 3 +
  4 + .highlight{
  5 + border-left: 1px solid #ddd;
  6 + }
  7 +
5 pre { 8 pre {
6 background-color: #fff; 9 background-color: #fff;
7 color: #333; 10 color: #333;
8 } 11 }
9 12
10 - .hll { display: block; background-color: $hover }  
11 - .c { color: #888888; font-style: italic } /* Comment */  
12 - .err { color: #a61717; background-color: #e3d2d2 } /* Error */  
13 - .k { color: #000000; font-weight: bold } /* Keyword */  
14 - .cm { color: #888888 } /* Comment.Multiline */  
15 - .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */  
16 - .c1 { color: #888888 } /* Comment.Single */  
17 - .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */  
18 - .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */  
19 - .ge { font-style: italic } /* Generic.Emph */  
20 - .gr { color: #aa0000 } /* Generic.Error */  
21 - .gh { color: #303030 } /* Generic.Heading */  
22 - .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */  
23 - .go { color: #888888 } /* Generic.Output */  
24 - .gp { color: #555555 } /* Generic.Prompt */  
25 - .gs { font-weight: bold } /* Generic.Strong */  
26 - .gu { color: #606060 } /* Generic.Subheading */  
27 - .gt { color: #aa0000 } /* Generic.Traceback */  
28 - .kc{font-weight: bold;} /* Keyword.Constant */  
29 - .kd{font-weight: bold;} /* Keyword.Declaration */  
30 - .kn{font-weight: bold;} /* Keyword.Namespace */  
31 - .kp{font-weight: bold;} /* Keyword.Pseudo */  
32 - .kr{font-weight: bold;} /* Keyword.Reserved */  
33 - .kt{color: #458;font-weight: bold;} /* Keyword.Type */  
34 - .m { color: #0000DD; font-weight: bold } /* Literal.Number */  
35 - .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */  
36 - .na{color: #008080;} /* Name.Attribute */  
37 - .nb{color: #0086B3;} /* Name.Builtin */  
38 - .nc{color: #458;font-weight: bold;} /* Name.Class */  
39 - .no{color: #008080;} /* Name.Constant */  
40 - .ni{color: #800080;}  
41 - .ne{color: #900;font-weight: bold;} /* Name.Exception */  
42 - .nf{color: #900;font-weight: bold;} /* Name.Function */  
43 - .nn{color: #005;font-weight: bold;} /* Name.Namespace */  
44 - .nt{color: #000080;} /* Name.Tag */  
45 - .nv{color: #008080;} /* Name.Variable */  
46 - .py { color: #336699; font-weight: bold } /* Name.Property */  
47 - .ow { color: #008800 } /* Operator.Word */  
48 - .w { color: #bbbbbb } /* Text.Whitespace */  
49 - .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */  
50 - .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */  
51 - .mi {color: #099;} /* Literal.Number.Integer */  
52 - .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */  
53 - .sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */  
54 - .sc{color: #d14;} /* Literal.String.Char */  
55 - .sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */  
56 - .s2{color: #d14;} /* Literal.String.Double */  
57 - .se{color: #d14;} /* Literal.String.Escape */  
58 - .sh{color: #d14;} /* Literal.String.Heredoc */  
59 - .si{color: #d14;} /* Literal.String.Interpol */  
60 - .sx{color: #d14;} /* Literal.String.Other */  
61 - .sr{color: #d14;} /* Literal.String.Regex */  
62 - .s1{color: #d14;} /* Literal.String.Single */  
63 - .ss{color: #d14;} /* Literal.String.Symbol */  
64 - .bp { color: #003388 } /* Name.Builtin.Pseudo */  
65 - .vc { color: #336699 } /* Name.Variable.Class */  
66 - .vg { color: #dd7700 } /* Name.Variable.Global */  
67 - .vi { color: #3333bb } 13 + .hljs {
  14 + background: #FFF;
  15 + }
  16 +
  17 + .line-numbers a {
  18 + color: #999;
  19 + }
68 } 20 }
69 21
70 .shadow { 22 .shadow {