solarized.css (5321B)
1 /* 2 Solarized theme for code-mirror 3 http://ethanschoonover.com/solarized 4 */ 5 6 /* 7 Solarized color pallet 8 http://ethanschoonover.com/solarized/img/solarized-palette.png 9 */ 10 11 .solarized.base03 { color: #002b36; } 12 .solarized.base02 { color: #073642; } 13 .solarized.base01 { color: #586e75; } 14 .solarized.base00 { color: #657b83; } 15 .solarized.base0 { color: #839496; } 16 .solarized.base1 { color: #93a1a1; } 17 .solarized.base2 { color: #eee8d5; } 18 .solarized.base3 { color: #fdf6e3; } 19 .solarized.solar-yellow { color: #b58900; } 20 .solarized.solar-orange { color: #cb4b16; } 21 .solarized.solar-red { color: #dc322f; } 22 .solarized.solar-magenta { color: #d33682; } 23 .solarized.solar-violet { color: #6c71c4; } 24 .solarized.solar-blue { color: #268bd2; } 25 .solarized.solar-cyan { color: #2aa198; } 26 .solarized.solar-green { color: #859900; } 27 28 /* Color scheme for code-mirror */ 29 30 .cm-s-solarized { 31 line-height: 1.45em; 32 color-profile: sRGB; 33 rendering-intent: auto; 34 } 35 .cm-s-solarized.cm-s-dark { 36 color: #839496; 37 background-color: #002b36; 38 text-shadow: #002b36 0 1px; 39 } 40 .cm-s-solarized.cm-s-light { 41 background-color: #fdf6e3; 42 color: #657b83; 43 text-shadow: #eee8d5 0 1px; 44 } 45 46 .cm-s-solarized .CodeMirror-widget { 47 text-shadow: none; 48 } 49 50 .cm-s-solarized .cm-header { color: #586e75; } 51 .cm-s-solarized .cm-quote { color: #93a1a1; } 52 53 .cm-s-solarized .cm-keyword { color: #cb4b16; } 54 .cm-s-solarized .cm-atom { color: #d33682; } 55 .cm-s-solarized .cm-number { color: #d33682; } 56 .cm-s-solarized .cm-def { color: #2aa198; } 57 58 .cm-s-solarized .cm-variable { color: #839496; } 59 .cm-s-solarized .cm-variable-2 { color: #b58900; } 60 .cm-s-solarized .cm-variable-3 { color: #6c71c4; } 61 62 .cm-s-solarized .cm-property { color: #2aa198; } 63 .cm-s-solarized .cm-operator { color: #6c71c4; } 64 65 .cm-s-solarized .cm-comment { color: #586e75; font-style:italic; } 66 67 .cm-s-solarized .cm-string { color: #859900; } 68 .cm-s-solarized .cm-string-2 { color: #b58900; } 69 70 .cm-s-solarized .cm-meta { color: #859900; } 71 .cm-s-solarized .cm-qualifier { color: #b58900; } 72 .cm-s-solarized .cm-builtin { color: #d33682; } 73 .cm-s-solarized .cm-bracket { color: #cb4b16; } 74 .cm-s-solarized .CodeMirror-matchingbracket { color: #859900; } 75 .cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f; } 76 .cm-s-solarized .cm-tag { color: #93a1a1; } 77 .cm-s-solarized .cm-attribute { color: #2aa198; } 78 .cm-s-solarized .cm-hr { 79 color: transparent; 80 border-top: 1px solid #586e75; 81 display: block; 82 } 83 .cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer; } 84 .cm-s-solarized .cm-special { color: #6c71c4; } 85 .cm-s-solarized .cm-em { 86 color: #999; 87 text-decoration: underline; 88 text-decoration-style: dotted; 89 } 90 .cm-s-solarized .cm-strong { color: #eee; } 91 .cm-s-solarized .cm-error, 92 .cm-s-solarized .cm-invalidchar { 93 color: #586e75; 94 border-bottom: 1px dotted #dc322f; 95 } 96 97 .cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #073642; } 98 .cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); } 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); } 100 101 .cm-s-solarized.cm-s-light div.CodeMirror-selected { background: #eee8d5; } 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; } 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; } 104 105 /* Editor styling */ 106 107 108 109 /* Little shadow on the view-port of the buffer view */ 110 .cm-s-solarized.CodeMirror { 111 -moz-box-shadow: inset 7px 0 12px -6px #000; 112 -webkit-box-shadow: inset 7px 0 12px -6px #000; 113 box-shadow: inset 7px 0 12px -6px #000; 114 } 115 116 /* Gutter border and some shadow from it */ 117 .cm-s-solarized .CodeMirror-gutters { 118 border-right: 1px solid; 119 } 120 121 /* Gutter colors and line number styling based of color scheme (dark / light) */ 122 123 /* Dark */ 124 .cm-s-solarized.cm-s-dark .CodeMirror-gutters { 125 background-color: #002b36; 126 border-color: #00232c; 127 } 128 129 .cm-s-solarized.cm-s-dark .CodeMirror-linenumber { 130 text-shadow: #021014 0 -1px; 131 } 132 133 /* Light */ 134 .cm-s-solarized.cm-s-light .CodeMirror-gutters { 135 background-color: #fdf6e3; 136 border-color: #eee8d5; 137 } 138 139 /* Common */ 140 .cm-s-solarized .CodeMirror-linenumber { 141 color: #586e75; 142 padding: 0 5px; 143 } 144 .cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75; } 145 .cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; } 146 .cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16; } 147 148 .cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text { 149 color: #586e75; 150 } 151 152 .cm-s-solarized .CodeMirror-cursor { border-left: 1px solid #819090; } 153 154 /* 155 Active line. Negative margin compensates left padding of the text in the 156 view-port 157 */ 158 .cm-s-solarized.cm-s-dark .CodeMirror-activeline-background { 159 background: rgba(255, 255, 255, 0.10); 160 } 161 .cm-s-solarized.cm-s-light .CodeMirror-activeline-background { 162 background: rgba(0, 0, 0, 0.10); 163 }