Commit b95a56c18130a0ac2d4cf21cf36c5de4bbc6f686
1 parent
c7966a42
Exists in
spb-stable
and in
3 other branches
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
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 { |