Mercurial
comparison .cms/lib/codemirror/theme/abbott.css @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
1 /* | |
2 * abbott.css | |
3 * A warm, dark theme for prose and code, with pastels and pretty greens. | |
4 * | |
5 * Ported from abbott.vim (https://github.com/bcat/abbott.vim) version 2.1. | |
6 * Original design and CodeMirror port by Jonathan Rascher. | |
7 * | |
8 * This theme shares the following color palette with the Vim color scheme. | |
9 * | |
10 * Brown shades: | |
11 * bistre: #231c14 | |
12 * chocolate: #3c3022 | |
13 * cocoa: #745d42 | |
14 * vanilla_cream: #fef3b4 | |
15 * | |
16 * Red shades: | |
17 * crimson: #d80450 | |
18 * cinnabar: #f63f05 | |
19 * | |
20 * Green shades: | |
21 * dark_olive: #273900 | |
22 * forest_green: #24a507 | |
23 * chartreuse: #a0ea00 | |
24 * pastel_chartreuse: #d8ff84 | |
25 * | |
26 * Yellow shades: | |
27 * marigold: #fbb32f | |
28 * lemon_meringue: #fbec5d | |
29 * | |
30 * Blue shades: | |
31 * cornflower_blue: #3f91f1 | |
32 * periwinkle_blue: #8ccdf0 | |
33 * | |
34 * Magenta shades: | |
35 * french_pink: #ec6c99 | |
36 * lavender: #e6a2f3 | |
37 * | |
38 * Cyan shades: | |
39 * zomp: #39a78d | |
40 * seafoam_green: #00ff7f | |
41 */ | |
42 | |
43 /* Style the UI: */ | |
44 | |
45 /* Equivalent to Vim's Normal group. */ | |
46 .cm-s-abbott.CodeMirror { | |
47 background: #231c14 /* bistre */; | |
48 color: #d8ff84 /* pastel_chartreuse */; | |
49 } | |
50 | |
51 /* Roughly equivalent to Vim's LineNr group. */ | |
52 .cm-s-abbott .CodeMirror-gutters { | |
53 background: #231c14 /* bistre */; | |
54 border: none; | |
55 } | |
56 .cm-s-abbott .CodeMirror-linenumber { color: #fbec5d /* lemon_meringue */; } | |
57 | |
58 .cm-s-abbott .CodeMirror-guttermarker { color: #f63f05 /* cinnabar */; } | |
59 | |
60 /* Roughly equivalent to Vim's FoldColumn group. */ | |
61 .cm-s-abbott .CodeMirror-guttermarker-subtle { color: #fbb32f /* marigold */; } | |
62 | |
63 /* | |
64 * Roughly equivalent to Vim's CursorColumn group. (We use a brighter color | |
65 * since Vim's cursorcolumn option highlights a whole column, whereas | |
66 * CodeMirror's rule just highlights a thin line.) | |
67 */ | |
68 .cm-s-abbott .CodeMirror-ruler { border-color: #745d42 /* cocoa */; } | |
69 | |
70 /* Equivalent to Vim's Cursor group in insert mode. */ | |
71 .cm-s-abbott .CodeMirror-cursor { border-color: #a0ea00 /* chartreuse */; } | |
72 | |
73 /* Equivalent to Vim's Cursor group in normal mode. */ | |
74 .cm-s-abbott.cm-fat-cursor .CodeMirror-cursor, | |
75 .cm-s-abbott .cm-animate-fat-cursor { | |
76 /* | |
77 * CodeMirror doesn't allow changing the foreground color of the character | |
78 * under the cursor, so we can't use a reverse video effect for the cursor. | |
79 * Instead, make it semitransparent. | |
80 */ | |
81 background: rgba(160, 234, 0, 0.5) /* chartreuse */; | |
82 } | |
83 .cm-s-abbott.cm-fat-cursor .CodeMirror-cursors { | |
84 /* | |
85 * Boost the z-index so the fat cursor shows up on top of text and | |
86 * matchingbracket/matchingtag highlights. | |
87 */ | |
88 z-index: 3; | |
89 } | |
90 | |
91 /* Equivalent to Vim's Cursor group in replace mode. */ | |
92 .cm-s-abbott .CodeMirror-overwrite .CodeMirror-cursor { | |
93 border-bottom: 1px solid #a0ea00 /* chartreuse */; | |
94 border-left: none; | |
95 width: auto; | |
96 } | |
97 | |
98 /* Roughly equivalent to Vim's CursorIM group. */ | |
99 .cm-s-abbott .CodeMirror-secondarycursor { | |
100 border-color: #00ff7f /* seafoam_green */; | |
101 } | |
102 | |
103 /* Roughly equivalent to Vim's Visual group. */ | |
104 .cm-s-abbott .CodeMirror-selected, | |
105 .cm-s-abbott.CodeMirror-focused .CodeMirror-selected { | |
106 background: #273900 /* dark_olive */; | |
107 } | |
108 .cm-s-abbott .CodeMirror-line::selection, | |
109 .cm-s-abbott .CodeMirror-line > span::selection, | |
110 .cm-s-abbott .CodeMirror-line > span > span::selection { | |
111 background: #273900 /* dark_olive */; | |
112 } | |
113 .cm-s-abbott .CodeMirror-line::-moz-selection, | |
114 .cm-s-abbott .CodeMirror-line > span::-moz-selection, | |
115 .cm-s-abbott .CodeMirror-line > span > span::-moz-selection { | |
116 background: #273900 /* dark_olive */; | |
117 } | |
118 | |
119 /* Roughly equivalent to Vim's SpecialKey group. */ | |
120 .cm-s-abbott .cm-tab { color: #00ff7f /* seafoam_green */; } | |
121 | |
122 /* Equivalent to Vim's Search group. */ | |
123 .cm-s-abbott .cm-searching { | |
124 background: #fef3b4 /* vanilla_cream */ !important; | |
125 color: #231c14 /* bistre */ !important; | |
126 } | |
127 | |
128 /* Style syntax highlighting modes: */ | |
129 | |
130 /* Equivalent to Vim's Comment group. */ | |
131 .cm-s-abbott span.cm-comment { | |
132 color: #fbb32f /* marigold */; | |
133 font-style: italic; | |
134 } | |
135 | |
136 /* Equivalent to Vim's String group. */ | |
137 .cm-s-abbott span.cm-string, | |
138 .cm-s-abbott span.cm-string-2 { | |
139 color: #e6a2f3 /* lavender */; | |
140 } | |
141 | |
142 /* Equivalent to Vim's Constant group. */ | |
143 .cm-s-abbott span.cm-number, | |
144 .cm-s-abbott span.cm-string.cm-url { color: #f63f05 /* cinnabar */; } | |
145 | |
146 /* Roughly equivalent to Vim's SpecialKey group. */ | |
147 .cm-s-abbott span.cm-invalidchar { color: #00ff7f /* seafoam_green */; } | |
148 | |
149 /* Equivalent to Vim's Special group. */ | |
150 .cm-s-abbott span.cm-atom { color: #fef3b4 /* vanilla_cream */; } | |
151 | |
152 /* Equivalent to Vim's Delimiter group. */ | |
153 .cm-s-abbott span.cm-bracket, | |
154 .cm-s-abbott span.cm-punctuation { | |
155 color: #fef3b4 /* vanilla_cream */; | |
156 } | |
157 | |
158 /* Equivalent Vim's Operator group. */ | |
159 .cm-s-abbott span.cm-operator { font-weight: bold; } | |
160 | |
161 /* Roughly equivalent to Vim's Identifier group. */ | |
162 .cm-s-abbott span.cm-def, | |
163 .cm-s-abbott span.cm-variable, | |
164 .cm-s-abbott span.cm-variable-2, | |
165 .cm-s-abbott span.cm-variable-3 { | |
166 color: #8ccdf0 /* periwinkle_blue */; | |
167 } | |
168 | |
169 /* Roughly equivalent to Vim's Function group. */ | |
170 .cm-s-abbott span.cm-builtin, | |
171 .cm-s-abbott span.cm-property, | |
172 .cm-s-abbott span.cm-qualifier { | |
173 color: #3f91f1 /* cornflower_blue */; | |
174 } | |
175 | |
176 /* Equivalent to Vim's Type group. */ | |
177 .cm-s-abbott span.cm-type { color: #24a507 /* forest_green */; } | |
178 | |
179 /* Equivalent to Vim's Keyword group. */ | |
180 .cm-s-abbott span.cm-keyword { | |
181 color: #d80450 /* crimson */; | |
182 font-weight: bold; | |
183 } | |
184 | |
185 /* Equivalent to Vim's PreProc group. */ | |
186 .cm-s-abbott span.cm-meta { color: #ec6c99 /* french_pink */; } | |
187 | |
188 /* Equivalent to Vim's htmlTagName group (linked to Statement). */ | |
189 .cm-s-abbott span.cm-tag { | |
190 color: #d80450 /* crimson */; | |
191 font-weight: bold; | |
192 } | |
193 | |
194 /* Equivalent to Vim's htmlArg group (linked to Type). */ | |
195 .cm-s-abbott span.cm-attribute { color: #24a507 /* forest_green */; } | |
196 | |
197 /* Equivalent to Vim's htmlH1, markdownH1, etc. groups (linked to Title). */ | |
198 .cm-s-abbott span.cm-header { | |
199 color: #d80450 /* crimson */; | |
200 font-weight: bold; | |
201 } | |
202 | |
203 /* Equivalent to Vim's markdownRule group (linked to PreProc). */ | |
204 .cm-s-abbott span.cm-hr { color: #ec6c99 /* french_pink */; } | |
205 | |
206 /* Roughly equivalent to Vim's Underlined group. */ | |
207 .cm-s-abbott span.cm-link { color: #e6a2f3 /* lavender */; } | |
208 | |
209 /* Equivalent to Vim's diffRemoved group. */ | |
210 .cm-s-abbott span.cm-negative { | |
211 background: #d80450 /* crimson */; | |
212 color: #231c14 /* bistre */; | |
213 } | |
214 | |
215 /* Equivalent to Vim's diffAdded group. */ | |
216 .cm-s-abbott span.cm-positive { | |
217 background: #a0ea00 /* chartreuse */; | |
218 color: #231c14 /* bistre */; | |
219 font-weight: bold; | |
220 } | |
221 | |
222 /* Equivalent to Vim's Error group. */ | |
223 .cm-s-abbott span.cm-error { | |
224 background: #d80450 /* crimson */; | |
225 color: #231c14 /* bistre */; | |
226 } | |
227 | |
228 /* Style addons: */ | |
229 | |
230 /* Equivalent to Vim's MatchParen group. */ | |
231 .cm-s-abbott span.CodeMirror-matchingbracket { | |
232 background: #745d42 /* cocoa */ !important; | |
233 color: #231c14 /* bistre */ !important; | |
234 font-weight: bold; | |
235 } | |
236 | |
237 /* | |
238 * Roughly equivalent to Vim's Error group. (Vim doesn't seem to have a direct | |
239 * equivalent in its own matchparen plugin, but many syntax highlighting plugins | |
240 * mark mismatched brackets as Error.) | |
241 */ | |
242 .cm-s-abbott span.CodeMirror-nonmatchingbracket { | |
243 background: #d80450 /* crimson */ !important; | |
244 color: #231c14 /* bistre */ !important; | |
245 } | |
246 | |
247 .cm-s-abbott .CodeMirror-matchingtag, | |
248 .cm-s-abbott .cm-matchhighlight { | |
249 outline: 1px solid #39a78d /* zomp */; | |
250 } | |
251 | |
252 /* Equivalent to Vim's CursorLine group. */ | |
253 .cm-s-abbott .CodeMirror-activeline-background, | |
254 .cm-s-abbott .CodeMirror-activeline-gutter { | |
255 background: #3c3022 /* chocolate */; | |
256 } | |
257 | |
258 /* Equivalent to Vim's CursorLineNr group. */ | |
259 .cm-s-abbott .CodeMirror-activeline-gutter .CodeMirror-linenumber { | |
260 color: #d8ff84 /* pastel_chartreuse */; | |
261 font-weight: bold; | |
262 } | |
263 | |
264 /* Roughly equivalent to Vim's Folded group. */ | |
265 .cm-s-abbott .CodeMirror-foldmarker { | |
266 color: #f63f05 /* cinnabar */; | |
267 text-shadow: none; | |
268 } |