shop.balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

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 }