2 Solarized theme for code-mirror
\r
3 http://ethanschoonover.com/solarized
\r
7 Solarized color palette
\r
8 http://ethanschoonover.com/solarized/img/solarized-palette.png
\r
11 .solarized.base03 { color: #002b36; }
\r
12 .solarized.base02 { color: #073642; }
\r
13 .solarized.base01 { color: #586e75; }
\r
14 .solarized.base00 { color: #657b83; }
\r
15 .solarized.base0 { color: #839496; }
\r
16 .solarized.base1 { color: #93a1a1; }
\r
17 .solarized.base2 { color: #eee8d5; }
\r
18 .solarized.base3 { color: #fdf6e3; }
\r
19 .solarized.solar-yellow { color: #b58900; }
\r
20 .solarized.solar-orange { color: #cb4b16; }
\r
21 .solarized.solar-red { color: #dc322f; }
\r
22 .solarized.solar-magenta { color: #d33682; }
\r
23 .solarized.solar-violet { color: #6c71c4; }
\r
24 .solarized.solar-blue { color: #268bd2; }
\r
25 .solarized.solar-cyan { color: #2aa198; }
\r
26 .solarized.solar-green { color: #859900; }
\r
28 /* Color scheme for code-mirror */
\r
31 line-height: 1.45em;
\r
32 color-profile: sRGB;
\r
33 rendering-intent: auto;
\r
35 .cm-s-solarized.cm-s-dark {
\r
37 background-color: #002b36;
\r
38 text-shadow: #002b36 0 1px;
\r
40 .cm-s-solarized.cm-s-light {
\r
41 background-color: #fdf6e3;
\r
43 text-shadow: #eee8d5 0 1px;
\r
46 .cm-s-solarized .CodeMirror-widget {
\r
50 .cm-s-solarized .cm-header { color: #586e75; }
\r
51 .cm-s-solarized .cm-quote { color: #93a1a1; }
\r
53 .cm-s-solarized .cm-keyword { color: #cb4b16; }
\r
54 .cm-s-solarized .cm-atom { color: #d33682; }
\r
55 .cm-s-solarized .cm-number { color: #d33682; }
\r
56 .cm-s-solarized .cm-def { color: #2aa198; }
\r
58 .cm-s-solarized .cm-variable { color: #839496; }
\r
59 .cm-s-solarized .cm-variable-2 { color: #b58900; }
\r
60 .cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type { color: #6c71c4; }
\r
62 .cm-s-solarized .cm-property { color: #2aa198; }
\r
63 .cm-s-solarized .cm-operator { color: #6c71c4; }
\r
65 .cm-s-solarized .cm-comment { color: #586e75; font-style:italic; }
\r
67 .cm-s-solarized .cm-string { color: #859900; }
\r
68 .cm-s-solarized .cm-string-2 { color: #b58900; }
\r
70 .cm-s-solarized .cm-meta { color: #859900; }
\r
71 .cm-s-solarized .cm-qualifier { color: #b58900; }
\r
72 .cm-s-solarized .cm-builtin { color: #d33682; }
\r
73 .cm-s-solarized .cm-bracket { color: #cb4b16; }
\r
74 .cm-s-solarized .CodeMirror-matchingbracket { color: #859900; }
\r
75 .cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f; }
\r
76 .cm-s-solarized .cm-tag { color: #93a1a1; }
\r
77 .cm-s-solarized .cm-attribute { color: #2aa198; }
\r
78 .cm-s-solarized .cm-hr {
\r
80 border-top: 1px solid #586e75;
\r
83 .cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer; }
\r
84 .cm-s-solarized .cm-special { color: #6c71c4; }
\r
85 .cm-s-solarized .cm-em {
\r
87 text-decoration: underline;
\r
88 text-decoration-style: dotted;
\r
90 .cm-s-solarized .cm-strong { color: #eee; }
\r
91 .cm-s-solarized .cm-error,
\r
92 .cm-s-solarized .cm-invalidchar {
\r
94 border-bottom: 1px dotted #dc322f;
\r
97 .cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #073642; }
\r
98 .cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); }
\r
99 .cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(7, 54, 66, 0.99); }
\r
101 .cm-s-solarized.cm-s-light div.CodeMirror-selected { background: #eee8d5; }
\r
102 .cm-s-solarized.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection { background: #eee8d5; }
\r
103 .cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-ligh .CodeMirror-line > span::-moz-selection, .cm-s-ligh .CodeMirror-line > span > span::-moz-selection { background: #eee8d5; }
\r
105 /* Editor styling */
\r
109 /* Little shadow on the view-port of the buffer view */
\r
110 .cm-s-solarized.CodeMirror {
\r
111 -moz-box-shadow: inset 7px 0 12px -6px #000;
\r
112 -webkit-box-shadow: inset 7px 0 12px -6px #000;
\r
113 box-shadow: inset 7px 0 12px -6px #000;
\r
116 /* Remove gutter border */
\r
117 .cm-s-solarized .CodeMirror-gutters {
\r
121 /* Gutter colors and line number styling based of color scheme (dark / light) */
\r
124 .cm-s-solarized.cm-s-dark .CodeMirror-gutters {
\r
125 background-color: #073642;
\r
128 .cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
\r
130 text-shadow: #021014 0 -1px;
\r
134 .cm-s-solarized.cm-s-light .CodeMirror-gutters {
\r
135 background-color: #eee8d5;
\r
138 .cm-s-solarized.cm-s-light .CodeMirror-linenumber {
\r
143 .cm-s-solarized .CodeMirror-linenumber {
\r
146 .cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75; }
\r
147 .cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }
\r
148 .cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16; }
\r
150 .cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
\r
155 .cm-s-solarized .CodeMirror-cursor { border-left: 1px solid #819090; }
\r
158 .cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; }
\r
159 .cm-s-solarized.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; }
\r
160 .cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: #586e75; }
\r
161 .cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: #586e75; }
\r
164 .cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {
\r
165 background: rgba(255, 255, 255, 0.06);
\r
167 .cm-s-solarized.cm-s-light .CodeMirror-activeline-background {
\r
168 background: rgba(0, 0, 0, 0.06);
\r