1/* Code editor style */
  2
  3.codeflask {
  4    color: #ccc;
  5    background: #282936;
  6}
  7.codeflask textarea {
  8    color: #282936;
  9    caret-color: rgba(241, 250, 140, 1);
 10}
 11
 12.codeflask .codeflask__flatten {
 13    font-size: 15px;
 14}
 15
 16.codeflask textarea::-moz-selection,
 17.codeflask textarea ::-moz-selection {
 18    text-shadow: none;
 19    background-color: #5a5f80;
 20    color: #5a5f80;
 21}
 22
 23.codeflask textarea::selection,
 24.codeflask textarea ::selection {
 25    text-shadow: none;
 26    background-color: #5a5f80;
 27    color: #5a5f80;
 28}
 29
 30.codeflask__lines {
 31    background: #3b3b47;
 32}
 33
 34.token.comment {
 35    color: rgba(98, 114, 164, 1);
 36}
 37
 38.token.prolog {
 39    color: rgba(207, 207, 194, 1);
 40}
 41
 42.token.tag {
 43    color: rgba(220, 104, 170, 1);
 44}
 45
 46.token.entity {
 47    color: rgba(139, 233, 253, 1);
 48}
 49
 50.token.atrule {
 51    color: rgba(98, 239, 117, 1);
 52}
 53
 54.token.url {
 55    color: rgba(102, 217, 239, 1);
 56}
 57
 58.token.selector {
 59    color: rgba(207, 207, 194, 1);
 60}
 61
 62.token.string {
 63    color: rgba(241, 250, 140, 1);
 64}
 65
 66.token.property {
 67    color: rgba(255, 184, 108, 1);
 68}
 69
 70.token.important {
 71    color: rgba(255, 121, 198, 1);
 72    font-weight: bold;
 73}
 74
 75.token.punctuation {
 76    color: white;
 77}
 78
 79.token.number {
 80    color: rgba(189, 147, 249, 1);
 81}
 82
 83.token.function {
 84    color: rgba(80, 250, 123, 1);
 85}
 86
 87.token.class-name {
 88    color: rgba(255, 184, 108, 1);
 89}
 90
 91.token.keyword {
 92    color: rgba(255, 121, 198, 1);
 93}
 94
 95.token.boolean {
 96    color: rgba(255, 184, 108, 1);
 97}
 98
 99.token.operator {
100    color: rgba(139, 233, 253, 1);
101}
102
103.token.char {
104    color: rgba(255, 135, 157, 1);
105}
106
107.token.regex {
108    color: rgba(80, 250, 123, 1);
109}
110
111.token.variable {
112    color: rgba(80, 250, 123, 1);
113}
114
115.token.constant {
116    color: rgba(255, 184, 108, 1);
117}
118
119.token.symbol {
120    color: rgba(255, 184, 108, 1);
121}
122
123.token.builtin {
124    color: rgba(255, 121, 198, 1);
125}
126
127.token.attr-value {
128    color: #7ec699;
129}
130
131.token.deleted {
132    color: #e2777a;
133}
134
135.token.namespace {
136    color: #e2777a;
137}
138
139.token.bold {
140    font-weight: bold;
141}
142
143.token.italic {
144    font-style: italic;
145}
146
147.token {
148    color: #ff79c6;
149}
150
151.language-cpp .token.string {
152    color: #8be9fd;
153}
154
155.language-c .token.string {
156    color: #8be9fd;
157}
158
159.language-css .token.selector {
160    color: rgba(80, 250, 123, 1);
161}
162
163.language-css .token.property {
164    color: rgba(255, 184, 108, 1);
165}
166
167.language-java span.token.class-name {
168    color: #8be9fd;
169}
170
171.language-java .token.class-name {
172    color: #8be9fd;
173}
174
175.language-markup .token.attr-value {
176    color: rgba(102, 217, 239, 1);
177}
178
179.language-markup .token.tag {
180    color: rgba(80, 250, 123, 1);
181}
182
183.language-objectivec .token.property {
184    color: #66d9ef;
185}
186
187.language-objectivec .token.string {
188    color: #50fa7b;
189}
190
191.language-php .token.boolean {
192    color: #8be9fd;
193}
194
195.language-php .token.function {
196    color: #ff79c6;
197}
198
199.language-php .token.keyword {
200    color: #66d9ef;
201}
202
203.language-ruby .token.symbol {
204    color: #8be9fd;
205}
206
207.language-ruby .token.class-name {
208    color: #cfcfc2;
209}