Mercurial

comparison .cms/lib/codemirror/theme/solarized.css @ 0:78edf6b517a0 draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 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 }
39 .cm-s-solarized.cm-s-light {
40 background-color: #fdf6e3;
41 color: #657b83;
42 }
43
44 .cm-s-solarized .CodeMirror-widget {
45 text-shadow: none;
46 }
47
48 .cm-s-solarized .cm-header { color: #586e75; }
49 .cm-s-solarized .cm-quote { color: #93a1a1; }
50
51 .cm-s-solarized .cm-keyword { color: #cb4b16; }
52 .cm-s-solarized .cm-atom { color: #d33682; }
53 .cm-s-solarized .cm-number { color: #d33682; }
54 .cm-s-solarized .cm-def { color: #2aa198; }
55
56 .cm-s-solarized .cm-variable { color: #839496; }
57 .cm-s-solarized .cm-variable-2 { color: #b58900; }
58 .cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type { color: #6c71c4; }
59
60 .cm-s-solarized .cm-property { color: #2aa198; }
61 .cm-s-solarized .cm-operator { color: #6c71c4; }
62
63 .cm-s-solarized .cm-comment { color: #586e75; font-style:italic; }
64
65 .cm-s-solarized .cm-string { color: #859900; }
66 .cm-s-solarized .cm-string-2 { color: #b58900; }
67
68 .cm-s-solarized .cm-meta { color: #859900; }
69 .cm-s-solarized .cm-qualifier { color: #b58900; }
70 .cm-s-solarized .cm-builtin { color: #d33682; }
71 .cm-s-solarized .cm-bracket { color: #cb4b16; }
72 .cm-s-solarized .CodeMirror-matchingbracket { color: #859900; }
73 .cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f; }
74 .cm-s-solarized .cm-tag { color: #93a1a1; }
75 .cm-s-solarized .cm-attribute { color: #2aa198; }
76 .cm-s-solarized .cm-hr {
77 color: transparent;
78 border-top: 1px solid #586e75;
79 display: block;
80 }
81 .cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer; }
82 .cm-s-solarized .cm-special { color: #6c71c4; }
83 .cm-s-solarized .cm-em {
84 color: #999;
85 text-decoration: underline;
86 text-decoration-style: dotted;
87 }
88 .cm-s-solarized .cm-error,
89 .cm-s-solarized .cm-invalidchar {
90 color: #586e75;
91 border-bottom: 1px dotted #dc322f;
92 }
93
94 .cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #073642; }
95 .cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); }
96 .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); }
97
98 .cm-s-solarized.cm-s-light div.CodeMirror-selected { background: #eee8d5; }
99 .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; }
100 .cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-light .CodeMirror-line > span::-moz-selection, .cm-s-light .CodeMirror-line > span > span::-moz-selection { background: #eee8d5; }
101
102 /* Editor styling */
103
104
105
106 /* Little shadow on the view-port of the buffer view */
107 .cm-s-solarized.CodeMirror {
108 -moz-box-shadow: inset 7px 0 12px -6px #000;
109 -webkit-box-shadow: inset 7px 0 12px -6px #000;
110 box-shadow: inset 7px 0 12px -6px #000;
111 }
112
113 /* Remove gutter border */
114 .cm-s-solarized .CodeMirror-gutters {
115 border-right: 0;
116 }
117
118 /* Gutter colors and line number styling based of color scheme (dark / light) */
119
120 /* Dark */
121 .cm-s-solarized.cm-s-dark .CodeMirror-gutters {
122 background-color: #073642;
123 }
124
125 .cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
126 color: #586e75;
127 }
128
129 /* Light */
130 .cm-s-solarized.cm-s-light .CodeMirror-gutters {
131 background-color: #eee8d5;
132 }
133
134 .cm-s-solarized.cm-s-light .CodeMirror-linenumber {
135 color: #839496;
136 }
137
138 /* Common */
139 .cm-s-solarized .CodeMirror-linenumber {
140 padding: 0 5px;
141 }
142 .cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75; }
143 .cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }
144 .cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16; }
145
146 .cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
147 color: #586e75;
148 }
149
150 /* Cursor */
151 .cm-s-solarized .CodeMirror-cursor { border-left: 1px solid #819090; }
152
153 /* Fat cursor */
154 .cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; }
155 .cm-s-solarized.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; }
156 .cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: #586e75; }
157 .cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: #586e75; }
158
159 /* Active line */
160 .cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {
161 background: rgba(255, 255, 255, 0.06);
162 }
163 .cm-s-solarized.cm-s-light .CodeMirror-activeline-background {
164 background: rgba(0, 0, 0, 0.06);
165 }