openrat-cms

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

solarized.css (5426B)

      1 /*
      2 Solarized theme for code-mirror
      3 http://ethanschoonover.com/solarized
      4 */
      5 
      6 /*
      7 Solarized color palette
      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, .cm-s-solarized .cm-type { 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-error,
     91 .cm-s-solarized .cm-invalidchar {
     92   color: #586e75;
     93   border-bottom: 1px dotted #dc322f;
     94 }
     95 
     96 .cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #073642; }
     97 .cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); }
     98 .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); }
     99 
    100 .cm-s-solarized.cm-s-light div.CodeMirror-selected { background: #eee8d5; }
    101 .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; }
    102 .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; }
    103 
    104 /* Editor styling */
    105 
    106 
    107 
    108 /* Little shadow on the view-port of the buffer view */
    109 .cm-s-solarized.CodeMirror {
    110   -moz-box-shadow: inset 7px 0 12px -6px #000;
    111   -webkit-box-shadow: inset 7px 0 12px -6px #000;
    112   box-shadow: inset 7px 0 12px -6px #000;
    113 }
    114 
    115 /* Remove gutter border */
    116 .cm-s-solarized .CodeMirror-gutters {
    117   border-right: 0;
    118 }
    119 
    120 /* Gutter colors and line number styling based of color scheme (dark / light) */
    121 
    122 /* Dark */
    123 .cm-s-solarized.cm-s-dark .CodeMirror-gutters {
    124   background-color: #073642;
    125 }
    126 
    127 .cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
    128   color: #586e75;
    129   text-shadow: #021014 0 -1px;
    130 }
    131 
    132 /* Light */
    133 .cm-s-solarized.cm-s-light .CodeMirror-gutters {
    134   background-color: #eee8d5;
    135 }
    136 
    137 .cm-s-solarized.cm-s-light .CodeMirror-linenumber {
    138   color: #839496;
    139 }
    140 
    141 /* Common */
    142 .cm-s-solarized .CodeMirror-linenumber {
    143   padding: 0 5px;
    144 }
    145 .cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75; }
    146 .cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }
    147 .cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16; }
    148 
    149 .cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
    150   color: #586e75;
    151 }
    152 
    153 /* Cursor */
    154 .cm-s-solarized .CodeMirror-cursor { border-left: 1px solid #819090; }
    155 
    156 /* Fat cursor */
    157 .cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; }
    158 .cm-s-solarized.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; }
    159 .cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: #586e75; }
    160 .cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: #586e75; }
    161 
    162 /* Active line */
    163 .cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {
    164   background: rgba(255, 255, 255, 0.06);
    165 }
    166 .cm-s-solarized.cm-s-light .CodeMirror-activeline-background {
    167   background: rgba(0, 0, 0, 0.06);
    168 }