├── .gitignore ├── README.md ├── package.json └── index.less /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | npm-debug.log 3 | node_modules 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Flatland Dark theme 2 | 3 | Originally converted from the [TextMate](https://github.com/thinkpixellab/flatland/blob/master/Flatland%20Dark.tmTheme) theme using the [TextMate bundle converter](http://atom.io/docs/latest/converting-a-text-mate-theme).. 4 | 5 | ![screenshot](https://i.imgur.com/Wzw1WWv.png) 6 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "flatland-dark", 3 | "theme": "syntax", 4 | "version": "0.2.2", 5 | "private": true, 6 | "description": "A Flatland Dark theme", 7 | "repository": "https://github.com/michaelhelmick/flatland-dark", 8 | "license": "MIT", 9 | "engines": { 10 | "atom": ">0.50.0" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /index.less: -------------------------------------------------------------------------------- 1 | atom-text-editor, atom-text-editor .gutter { 2 | background-color: #26292C; 3 | color: #F8F8F8; 4 | } 5 | 6 | atom-text-editor.is-focused .cursor { 7 | border-color: #BBBCBD; 8 | } 9 | 10 | atom-text-editor.is-focused .selection .region { 11 | background-color: #515559; 12 | } 13 | 14 | atom-text-editor.is-focused .line-number.cursor-line-no-selection, atom-text-editor.is-focused .line.cursor-line { 15 | background-color: #202325; 16 | } 17 | 18 | .syntax--comment { 19 | color: #798188; 20 | } 21 | 22 | .syntax--string.syntax--quoted.syntax--double.syntax--block.syntax--python { 23 | color: #798188; 24 | } 25 | 26 | .syntax--constant { 27 | color: #b8d977; 28 | } 29 | 30 | .syntax--entity { 31 | color: #72AACA; 32 | } 33 | 34 | .syntax--keyword { 35 | color: #fa9a4b; 36 | } 37 | 38 | .syntax--storage { 39 | color: #F6F080; 40 | } 41 | 42 | .syntax--string { 43 | color: #C4E2F2; 44 | } 45 | 46 | .syntax--support { 47 | color: #72AACA; 48 | } 49 | 50 | .syntax--variable { 51 | color: #FB9A4B; 52 | } 53 | 54 | .syntax--invalid { 55 | color: #F8F8F8; 56 | background-color: rgba(216, 41, 13, 0.75); 57 | } 58 | 59 | .syntax--text .syntax--source { 60 | background-color: rgba(176, 179, 186, 0.08); 61 | } 62 | 63 | .syntax--text.syntax--html.syntax--ruby .syntax--source { 64 | background-color: rgba(177, 179, 186, 0.13); 65 | } 66 | 67 | .syntax--entity.syntax--other.syntax--inherited-class { 68 | color: #B7D877; 69 | } 70 | 71 | .syntax--string.syntax--quoted .syntax--source { 72 | color: #B7D877; 73 | } 74 | 75 | .syntax--string .syntax--constant { 76 | color: #B7D877; 77 | } 78 | 79 | .syntax--string.syntax--regexp { 80 | color: #FFB454; 81 | } 82 | 83 | .syntax--string .syntax--variable { 84 | color: #EDEF7D; 85 | } 86 | 87 | .syntax--support.syntax--function { 88 | color: #FFB454; 89 | } 90 | 91 | .syntax--support.syntax--constant { 92 | color: #B7D877; 93 | } 94 | 95 | .syntax--other.syntax--preprocessor.syntax--c { 96 | color: #8996A8; 97 | } 98 | 99 | .syntax--other.syntax--preprocessor.syntax--c .syntax--entity { 100 | color: #AFC4DB; 101 | } 102 | 103 | .syntax--declaration.syntax--tag, .syntax--declaration.syntax--tag .syntax--entity, .syntax--meta.syntax--tag, .syntax--meta.syntax--tag .syntax--entity { 104 | color: #B7D877; 105 | } 106 | .syntax--support.syntax--type.syntax--property-name.syntax--css { 107 | color: #72AACA; 108 | } 109 | 110 | .syntax--meta.syntax--property-group .syntax--support.syntax--constant.syntax--property-value.syntax--css, .syntax--meta.syntax--property-value .syntax--support.syntax--constant.syntax--property-value.syntax--css { 111 | color: #F6F080; 112 | } 113 | 114 | .syntax--meta.syntax--preprocessor.syntax--at-rule .syntax--keyword.syntax--control.syntax--at-rule { 115 | color: #F6AA11; 116 | } 117 | 118 | .syntax--meta.syntax--property-value .syntax--support.syntax--constant.syntax--named-color.syntax--css, .syntax--meta.syntax--property-value .syntax--constant { 119 | color: #EDF080; 120 | } 121 | 122 | .syntax--meta.syntax--constructor.syntax--argument.syntax--css { 123 | color: #EB939A; 124 | } 125 | 126 | .syntax--meta.syntax--diff, .syntax--meta.syntax--diff.syntax--header { 127 | color: #F8F8F8; 128 | background-color: #0E2231; 129 | } 130 | 131 | .syntax--markup.syntax--deleted { 132 | background-color: #D03620; 133 | } 134 | 135 | .syntax--markup.syntax--changed { 136 | background-color: #C4B14A; 137 | } 138 | 139 | .syntax--markup.syntax--inserted { 140 | background-color: #41A83E; 141 | } 142 | 143 | atom-text-editor.editor { 144 | .syntax--markup.syntax--deleted.syntax--diff, .syntax--markup.syntax--changed.syntax--diff, .syntax--markup.syntax--inserted.syntax--diff { 145 | color: #FFF; 146 | } 147 | } 148 | 149 | .syntax--entity.syntax--other.syntax--attribute-name.syntax--id.syntax--html { 150 | color: #FFB454; 151 | } 152 | 153 | .syntax--entity.syntax--other.syntax--attribute-name.syntax--html { 154 | color: #EDF080; 155 | } 156 | 157 | .syntax--punctuation.syntax--definition.syntax--tag.syntax--end, .syntax--punctuation.syntax--definition.syntax--tag.syntax--begin, .syntax--punctuation.syntax--definition.syntax--tag { 158 | color: #65A4A4; 159 | } 160 | 161 | .syntax--keyword.syntax--control.syntax--at-rule.syntax--import.syntax--css { 162 | color: #f7f09d; 163 | } 164 | 165 | .syntax--variable.syntax--other.syntax--less { 166 | color: #b6d877; 167 | } 168 | 169 | .syntax--entity.syntax--other.syntax--less.syntax--mixin { 170 | color: #b6d877; 171 | } 172 | 173 | .syntax--source.syntax--css.syntax--less .syntax--keyword.syntax--unit.syntax--css { 174 | color: #EB939A; 175 | } 176 | 177 | .syntax--entity.syntax--other.syntax--attribute-name.syntax--angular.syntax--html, .syntax--source.syntax--angular.syntax--embedded.syntax--html { 178 | color: #FF3A83; 179 | } 180 | 181 | .syntax--constant.syntax--character.syntax--entity.syntax--html { 182 | color: #F1E94B; 183 | } 184 | 185 | .syntax--variable.syntax--other.syntax--readwrite.syntax--instance.syntax--coffee { 186 | color: #b6d877; 187 | } 188 | 189 | .syntax--meta.syntax--brace.syntax--round.syntax--coffee, .syntax--meta.syntax--brace.syntax--square.syntax--coffee { 190 | color: #F6F080; 191 | } 192 | 193 | .syntax--punctuation.syntax--section.syntax--embedded.syntax--coffee { 194 | color: #b6d877; 195 | } 196 | 197 | .syntax--variable.syntax--assignment.syntax--coffee .syntax--variable.syntax--assignment.syntax--coffee { 198 | color: #FFFFFF; 199 | } 200 | 201 | .syntax--meta.syntax--delimiter.syntax--method.syntax--period.syntax--coffee { 202 | color: #FFAA00; 203 | } 204 | 205 | .syntax--meta.syntax--brace.syntax--curly.syntax--coffee { 206 | color: #b6d877; 207 | } 208 | 209 | .syntax--meta.syntax--tag.syntax--sgml.syntax--doctype.syntax--xml, .syntax--declaration.syntax--sgml.syntax--html .syntax--declaration.syntax--doctype, .syntax--declaration.syntax--sgml.syntax--html .syntax--declaration.syntax--doctype .syntax--entity, .syntax--declaration.syntax--sgml.syntax--html .syntax--declaration.syntax--doctype .syntax--string, .syntax--declaration.syntax--xml-processing, .syntax--declaration.syntax--xml-processing .syntax--entity, .syntax--declaration.syntax--xml-processing .syntax--string, .syntax--doctype { 210 | color: #73817D; 211 | } 212 | 213 | .brackethighlighter.syntax--default { 214 | color: #72AACA; 215 | } 216 | 217 | .syntax--level-1 { 218 | color: #452323; 219 | } 220 | 221 | .syntax--level0 { 222 | color: #234523; 223 | } 224 | 225 | .syntax--level1 { 226 | color: #232345; 227 | } 228 | 229 | .syntax--level2 { 230 | color: #454523; 231 | } 232 | 233 | .syntax--level3 { 234 | color: #452345; 235 | } 236 | 237 | .syntax--level4 { 238 | color: #234545; 239 | } 240 | 241 | .syntax--level5 { 242 | color: #634141; 243 | } 244 | 245 | .syntax--level6 { 246 | color: #416341; 247 | } 248 | 249 | .syntax--level7 { 250 | color: #414163; 251 | } 252 | 253 | .syntax--level8 { 254 | color: #636341; 255 | } 256 | 257 | .syntax--level9 { 258 | color: #634163; 259 | } 260 | 261 | .syntax--level10 { 262 | color: #416363; 263 | } 264 | //Improved styling for CSS 265 | .syntax--css .syntax--entity.syntax--name.syntax--tag, .syntax--css .syntax--entity.syntax--pseudo-class, .syntax--css .syntax--entity.syntax--punctuation.syntax--definition, .syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--class, .syntax--css .syntax--support.syntax--function, .syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--id{ 266 | color: #fa9a4b; 267 | } 268 | .syntax--css .syntax--keyword.syntax--control.syntax--operator{ 269 | color: #F8F8F8; 270 | } 271 | .syntax--css .syntax--at-rule .syntax--support.syntax--function.syntax--misc{ 272 | color: #72AACA; 273 | } 274 | .syntax--meta.syntax--property-value .syntax--support.syntax--constant.syntax--named-color, .syntax--meta.syntax--property-value .syntax--constant{ 275 | color: #b8d977; 276 | } 277 | .syntax--css .syntax--keyword.syntax--other.syntax--unit{ 278 | color: #b8d977; 279 | } 280 | //Improved styling for Markdown 281 | .syntax--gfm{ 282 | .syntax--link .syntax--entity{ 283 | color: #B7E2F2; 284 | font-weight: normal; 285 | } 286 | .syntax--link .syntax--markup{ 287 | color: #B7D877; 288 | font-weight: normal; 289 | } 290 | .syntax--heading{ 291 | color: #72AACA; 292 | } 293 | .syntax--list{ 294 | color: #B7D25D; 295 | } 296 | } 297 | .syntax--source .syntax--gfm{ 298 | -webkit-font-smoothing: auto; 299 | } 300 | 301 | atom-text-editor .indent-guide { 302 | color: lighten(#26292C, 10%); 303 | } 304 | 305 | .invisible-character { 306 | color: lighten(#26292C, 10%); 307 | } 308 | 309 | .wrap-guide { 310 | background-color: lighten(#26292C, 10%); 311 | } 312 | 313 | atom-text-editor.editor .highlight.find-result .region { 314 | border: 1px lighten(#798188, 20%) solid; 315 | } 316 | 317 | atom-text-editor.editor .highlight.current-result .region { 318 | border: 1px #fff solid; 319 | background: fade(#72aaca, 50%); 320 | } 321 | --------------------------------------------------------------------------------