Download as
Browse Code »

Commit b95a56c18130a0ac2d4cf21cf36c5de4bbc6f686

Authored by Dmitriy Zaporozhets
1 parent c7966a42
Exists in spb-stable and in 3 other branches 6-8-stable, 7-0-stable, 7-0-stable-spb

Modify white and solarized themes for hljs 

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Showing 2 changed files with 120 additions and 134 deletions   Show diff stats
app/assets/stylesheets/highlight/solarized_dark.scss
  Diff comments   View file @b95a56c
1   -.solarized-dark .highlight {
2   -
  1 +.solarized-dark {
3 2 background-color: #002B36;
4   -
  3 +
  4 + .highlight{
  5 + border-left: 1px solid #113b46;
  6 + }
  7 +
5 8 pre {
6 9 background-color: #002B36;
7 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
  Diff comments   View file @b95a56c
1   -.white .highlight {
2   -
  1 +.white {
3 2 background-color: #fff;
4   -
  3 +
  4 + .highlight{
  5 + border-left: 1px solid #ddd;
  6 + }
  7 +
5 8 pre {
6 9 background-color: #fff;
7 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 22 .shadow {
... ...