|
- /*
- * abbott.css
- * A warm, dark theme for prose and code, with pastels and pretty greens.
- *
- * Ported from abbott.vim (https://github.com/bcat/abbott.vim) version 2.1.
- * Original design and CodeMirror port by Jonathan Rascher.
- *
- * This theme shares the following color palette with the Vim color scheme.
- *
- * Brown shades:
- * bistre: #231c14
- * chocolate: #3c3022
- * cocoa: #745d42
- * vanilla_cream: #fef3b4
- *
- * Red shades:
- * crimson: #d80450
- * cinnabar: #f63f05
- *
- * Green shades:
- * dark_olive: #273900
- * forest_green: #24a507
- * chartreuse: #a0ea00
- * pastel_chartreuse: #d8ff84
- *
- * Yellow shades:
- * marigold: #fbb32f
- * lemon_meringue: #fbec5d
- *
- * Blue shades:
- * cornflower_blue: #3f91f1
- * periwinkle_blue: #8ccdf0
- *
- * Magenta shades:
- * french_pink: #ec6c99
- * lavender: #e6a2f3
- *
- * Cyan shades:
- * zomp: #39a78d
- * seafoam_green: #00ff7f
- */
-
- /* Style the UI: */
-
- /* Equivalent to Vim's Normal group. */
- .cm-s-abbott.CodeMirror {
- background: #231c14 /* bistre */;
- color: #d8ff84 /* pastel_chartreuse */;
- }
-
- /* Roughly equivalent to Vim's LineNr group. */
- .cm-s-abbott .CodeMirror-gutters {
- background: #231c14 /* bistre */;
- border: none;
- }
- .cm-s-abbott .CodeMirror-linenumber { color: #fbec5d /* lemon_meringue */; }
-
- .cm-s-abbott .CodeMirror-guttermarker { color: #f63f05 /* cinnabar */; }
-
- /* Roughly equivalent to Vim's FoldColumn group. */
- .cm-s-abbott .CodeMirror-guttermarker-subtle { color: #fbb32f /* marigold */; }
-
- /*
- * Roughly equivalent to Vim's CursorColumn group. (We use a brighter color
- * since Vim's cursorcolumn option highlights a whole column, whereas
- * CodeMirror's rule just highlights a thin line.)
- */
- .cm-s-abbott .CodeMirror-ruler { border-color: #745d42 /* cocoa */; }
-
- /* Equivalent to Vim's Cursor group in insert mode. */
- .cm-s-abbott .CodeMirror-cursor { border-color: #a0ea00 /* chartreuse */; }
-
- /* Equivalent to Vim's Cursor group in normal mode. */
- .cm-s-abbott.cm-fat-cursor .CodeMirror-cursor,
- .cm-s-abbott .cm-animate-fat-cursor {
- /*
- * CodeMirror doesn't allow changing the foreground color of the character
- * under the cursor, so we can't use a reverse video effect for the cursor.
- * Instead, make it semitransparent.
- */
- background: rgba(160, 234, 0, 0.5) /* chartreuse */;
- }
- .cm-s-abbott.cm-fat-cursor .CodeMirror-cursors {
- /*
- * Boost the z-index so the fat cursor shows up on top of text and
- * matchingbracket/matchingtag highlights.
- */
- z-index: 3;
- }
-
- /* Equivalent to Vim's Cursor group in replace mode. */
- .cm-s-abbott .CodeMirror-overwrite .CodeMirror-cursor {
- border-bottom: 1px solid #a0ea00 /* chartreuse */;
- border-left: none;
- width: auto;
- }
-
- /* Roughly equivalent to Vim's CursorIM group. */
- .cm-s-abbott .CodeMirror-secondarycursor {
- border-color: #00ff7f /* seafoam_green */;
- }
-
- /* Roughly equivalent to Vim's Visual group. */
- .cm-s-abbott .CodeMirror-selected,
- .cm-s-abbott.CodeMirror-focused .CodeMirror-selected {
- background: #273900 /* dark_olive */;
- }
- .cm-s-abbott .CodeMirror-line::selection,
- .cm-s-abbott .CodeMirror-line > span::selection,
- .cm-s-abbott .CodeMirror-line > span > span::selection {
- background: #273900 /* dark_olive */;
- }
- .cm-s-abbott .CodeMirror-line::-moz-selection,
- .cm-s-abbott .CodeMirror-line > span::-moz-selection,
- .cm-s-abbott .CodeMirror-line > span > span::-moz-selection {
- background: #273900 /* dark_olive */;
- }
-
- /* Roughly equivalent to Vim's SpecialKey group. */
- .cm-s-abbott .cm-tab { color: #00ff7f /* seafoam_green */; }
-
- /* Equivalent to Vim's Search group. */
- .cm-s-abbott .cm-searching {
- background: #fef3b4 /* vanilla_cream */ !important;
- color: #231c14 /* bistre */ !important;
- }
-
- /* Style syntax highlighting modes: */
-
- /* Equivalent to Vim's Comment group. */
- .cm-s-abbott span.cm-comment {
- color: #fbb32f /* marigold */;
- font-style: italic;
- }
-
- /* Equivalent to Vim's String group. */
- .cm-s-abbott span.cm-string,
- .cm-s-abbott span.cm-string-2 {
- color: #e6a2f3 /* lavender */;
- }
-
- /* Equivalent to Vim's Constant group. */
- .cm-s-abbott span.cm-number,
- .cm-s-abbott span.cm-string.cm-url { color: #f63f05 /* cinnabar */; }
-
- /* Roughly equivalent to Vim's SpecialKey group. */
- .cm-s-abbott span.cm-invalidchar { color: #00ff7f /* seafoam_green */; }
-
- /* Equivalent to Vim's Special group. */
- .cm-s-abbott span.cm-atom { color: #fef3b4 /* vanilla_cream */; }
-
- /* Equivalent to Vim's Delimiter group. */
- .cm-s-abbott span.cm-bracket,
- .cm-s-abbott span.cm-punctuation {
- color: #fef3b4 /* vanilla_cream */;
- }
-
- /* Equivalent Vim's Operator group. */
- .cm-s-abbott span.cm-operator { font-weight: bold; }
-
- /* Roughly equivalent to Vim's Identifier group. */
- .cm-s-abbott span.cm-def,
- .cm-s-abbott span.cm-variable,
- .cm-s-abbott span.cm-variable-2,
- .cm-s-abbott span.cm-variable-3 {
- color: #8ccdf0 /* periwinkle_blue */;
- }
-
- /* Roughly equivalent to Vim's Function group. */
- .cm-s-abbott span.cm-builtin,
- .cm-s-abbott span.cm-property,
- .cm-s-abbott span.cm-qualifier {
- color: #3f91f1 /* cornflower_blue */;
- }
-
- /* Equivalent to Vim's Type group. */
- .cm-s-abbott span.cm-type { color: #24a507 /* forest_green */; }
-
- /* Equivalent to Vim's Keyword group. */
- .cm-s-abbott span.cm-keyword {
- color: #d80450 /* crimson */;
- font-weight: bold;
- }
-
- /* Equivalent to Vim's PreProc group. */
- .cm-s-abbott span.cm-meta { color: #ec6c99 /* french_pink */; }
-
- /* Equivalent to Vim's htmlTagName group (linked to Statement). */
- .cm-s-abbott span.cm-tag {
- color: #d80450 /* crimson */;
- font-weight: bold;
- }
-
- /* Equivalent to Vim's htmlArg group (linked to Type). */
- .cm-s-abbott span.cm-attribute { color: #24a507 /* forest_green */; }
-
- /* Equivalent to Vim's htmlH1, markdownH1, etc. groups (linked to Title). */
- .cm-s-abbott span.cm-header {
- color: #d80450 /* crimson */;
- font-weight: bold;
- }
-
- /* Equivalent to Vim's markdownRule group (linked to PreProc). */
- .cm-s-abbott span.cm-hr { color: #ec6c99 /* french_pink */; }
-
- /* Roughly equivalent to Vim's Underlined group. */
- .cm-s-abbott span.cm-link { color: #e6a2f3 /* lavender */; }
-
- /* Equivalent to Vim's diffRemoved group. */
- .cm-s-abbott span.cm-negative {
- background: #d80450 /* crimson */;
- color: #231c14 /* bistre */;
- }
-
- /* Equivalent to Vim's diffAdded group. */
- .cm-s-abbott span.cm-positive {
- background: #a0ea00 /* chartreuse */;
- color: #231c14 /* bistre */;
- font-weight: bold;
- }
-
- /* Equivalent to Vim's Error group. */
- .cm-s-abbott span.cm-error {
- background: #d80450 /* crimson */;
- color: #231c14 /* bistre */;
- }
-
- /* Style addons: */
-
- /* Equivalent to Vim's MatchParen group. */
- .cm-s-abbott span.CodeMirror-matchingbracket {
- background: #745d42 /* cocoa */ !important;
- color: #231c14 /* bistre */ !important;
- font-weight: bold;
- }
-
- /*
- * Roughly equivalent to Vim's Error group. (Vim doesn't seem to have a direct
- * equivalent in its own matchparen plugin, but many syntax highlighting plugins
- * mark mismatched brackets as Error.)
- */
- .cm-s-abbott span.CodeMirror-nonmatchingbracket {
- background: #d80450 /* crimson */ !important;
- color: #231c14 /* bistre */ !important;
- }
-
- .cm-s-abbott .CodeMirror-matchingtag,
- .cm-s-abbott .cm-matchhighlight {
- outline: 1px solid #39a78d /* zomp */;
- }
-
- /* Equivalent to Vim's CursorLine group. */
- .cm-s-abbott .CodeMirror-activeline-background,
- .cm-s-abbott .CodeMirror-activeline-gutter {
- background: #3c3022 /* chocolate */;
- }
-
- /* Equivalent to Vim's CursorLineNr group. */
- .cm-s-abbott .CodeMirror-activeline-gutter .CodeMirror-linenumber {
- color: #d8ff84 /* pastel_chartreuse */;
- font-weight: bold;
- }
-
- /* Roughly equivalent to Vim's Folded group. */
- .cm-s-abbott .CodeMirror-foldmarker {
- color: #f63f05 /* cinnabar */;
- text-shadow: none;
- }
|