├── index.less ├── CHANGELOG.md ├── README.md ├── package.json ├── styles ├── colors.less ├── syntax-variables.less └── base.less └── LICENSE /index.less: -------------------------------------------------------------------------------- 1 | @import "./styles/base.less"; 2 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## 1.2.1 - First Release 2 | * Every feature added 3 | * Every bug fixed 4 | * Bugs and php support 5 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Aurora theme 2 | My First release aurora theme for Atom. 3 | 4 | ![Aurora boreal](https://itamarjr.github.io/assets/img/themes/aurora/aurora.jpg) 5 | 6 | This theme was inspired by the aurora boreal. 7 | 8 | ##Printscreen example: 9 | ![Aurora](https://itamarjr.github.io/assets/img/themes/aurora/printscreen.png) 10 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "aurora-theme", 3 | "theme": "syntax", 4 | "version": "1.2.2", 5 | "description": "Aurora theme, inspired in aurora boreal.", 6 | "keywords": [ 7 | "syntax", 8 | "theme", 9 | "dark", 10 | "green", 11 | "aurora" 12 | ], 13 | "repository": "https://github.com/itamarjr/aurora", 14 | "license": "MIT", 15 | "engines": { 16 | "atom": ">=1.0.0 <2.0.0" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /styles/colors.less: -------------------------------------------------------------------------------- 1 | // These colors are specific to the theme. 2 | 3 | //Basic colors 4 | @very-light-gray: #c5c8c6; 5 | @light-gray: #969896; 6 | @gray: #71908B; 7 | @dark-gray: #434A58; 8 | //@very-dark-gray: #051D24; 9 | 10 | //Other colors 11 | @cyan: #8abeb7; 12 | @blue: #81a2be; 13 | @purple: #94A5BC; 14 | @green: #b5bd68; 15 | 16 | //Color palette of aurora theme 17 | @color1Comment: #00485A; 18 | @color1Background: #0F1C21; 19 | @color1Text: #80B6AD; 20 | @color1String:#3F5E61; 21 | @color1Variable: #04C975; 22 | @color1Atribute: #308891; 23 | @color1Constant: #046655; 24 | @color1Keywords: #039D6C; 25 | @color1Other:#0B737C; 26 | -------------------------------------------------------------------------------- /styles/syntax-variables.less: -------------------------------------------------------------------------------- 1 | @import "colors"; 2 | 3 | // This defines all syntax variables that syntax themes must implement when they 4 | // include a syntax-variables.less file. 5 | 6 | // General colors 7 | @syntax-text-color: @color1Text; 8 | @syntax-cursor-color: white; 9 | @syntax-selection-color: lighten(@color1Background, 10%); 10 | @syntax-background-color: @color1Background; 11 | 12 | // Guide colors 13 | @syntax-wrap-guide-color: @dark-gray; 14 | @syntax-indent-guide-color: @gray; 15 | @syntax-invisible-character-color: @gray; 16 | 17 | // For find and replace markers 18 | @syntax-result-marker-color: @light-gray; 19 | @syntax-result-marker-color-selected: white; 20 | 21 | // Gutter colors 22 | @syntax-gutter-text-color: @color1String; 23 | @syntax-gutter-text-color-selected: @syntax-gutter-text-color; 24 | @syntax-gutter-background-color: @color1Background; 25 | @syntax-gutter-background-color-selected: lighten(@color1Background, 5%); 26 | 27 | // For git diff info. i.e. in the gutter 28 | @syntax-color-renamed: @blue; 29 | @syntax-color-added: @green; 30 | @syntax-color-modified: @gray; 31 | @syntax-color-removed: @dark-gray; 32 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2016 Itamar Junior 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /styles/base.less: -------------------------------------------------------------------------------- 1 | @import "syntax-variables"; 2 | 3 | atom-text-editor, :host { 4 | background-color: @syntax-background-color; 5 | color: @syntax-text-color; 6 | 7 | .wrap-guide { 8 | background-color: @syntax-wrap-guide-color; 9 | } 10 | 11 | .indent-guide { 12 | color: @syntax-indent-guide-color; 13 | } 14 | 15 | .invisible-character { 16 | color: @syntax-invisible-character-color; 17 | } 18 | 19 | .gutter { 20 | background-color: @syntax-gutter-background-color; 21 | color: @syntax-gutter-text-color; 22 | 23 | .line-number { 24 | &.cursor-line { 25 | background-color: @syntax-gutter-background-color-selected; 26 | color: @syntax-gutter-text-color-selected; 27 | } 28 | 29 | &.cursor-line-no-selection { 30 | color: @syntax-gutter-text-color-selected; 31 | } 32 | } 33 | } 34 | 35 | .gutter .line-number.folded, 36 | .gutter .line-number:after, 37 | .fold-marker:after { 38 | color: @light-gray; 39 | } 40 | 41 | .invisible { 42 | color: @syntax-text-color; 43 | } 44 | 45 | .cursor { 46 | color: @syntax-cursor-color; 47 | } 48 | 49 | .selection .region { 50 | background-color: @syntax-selection-color; 51 | } 52 | } 53 | 54 | atom-text-editor .search-results .marker .region, 55 | :host .search-results .marker .region { 56 | background-color: transparent; 57 | border: 1px solid @syntax-result-marker-color; 58 | } 59 | 60 | atom-text-editor .search-results .marker.current-result .region, 61 | :host .search-results .marker.current-result .region { 62 | border: 1px solid @syntax-result-marker-color-selected; 63 | } 64 | 65 | //Comments 66 | .comment { 67 | color: @color1Comment; 68 | font-style: italic; 69 | } 70 | 71 | .keyword { 72 | color: @color1Keywords; 73 | 74 | &.control { 75 | color: @color1Keywords; 76 | } 77 | 78 | &.operator { 79 | color:@color1Keywords; 80 | } 81 | 82 | &.other.special-method { 83 | color: @color1Keywords; 84 | } 85 | 86 | &.other.unit { 87 | color: @color1Other; 88 | } 89 | } 90 | 91 | .storage { 92 | color: @color1Variable; 93 | } 94 | 95 | .constant { 96 | color: @color1Constant; 97 | 98 | &.character.escape { 99 | color: @cyan; 100 | } 101 | 102 | &.numeric { 103 | color: @color1Text; 104 | } 105 | 106 | &.other.color { 107 | color: @cyan; 108 | } 109 | 110 | &.other.symbol { 111 | color: @color1Constant; 112 | } 113 | } 114 | 115 | .variable { 116 | color: @color1Variable; 117 | 118 | &.interpolation { 119 | color: darken(@dark-gray, 10%); 120 | } 121 | 122 | &.parameter.function { 123 | color: @syntax-text-color; 124 | } 125 | } 126 | 127 | .invalid.illegal { 128 | color: @color1String; 129 | } 130 | 131 | .string { 132 | color: @color1String; 133 | 134 | 135 | &.regexp { 136 | color: @cyan; 137 | 138 | .source.ruby.embedded { 139 | color: @gray; 140 | } 141 | } 142 | 143 | &.other.link { 144 | color: @dark-gray; 145 | } 146 | } 147 | 148 | .punctuation { 149 | &.definition { 150 | &.comment { 151 | color: @color1Comment; 152 | } 153 | 154 | &.string, 155 | &.variable, 156 | &.parameters, 157 | &.array { 158 | color: @color1String; 159 | } 160 | 161 | &.heading, 162 | &.identity { 163 | color: @blue; 164 | } 165 | 166 | &.bold { 167 | color: @color1Other; 168 | font-weight: bold; 169 | } 170 | 171 | &.italic { 172 | color: @purple; 173 | font-style: italic; 174 | } 175 | } 176 | 177 | &.section.embedded { 178 | color: darken(@color1Variable, 10%); 179 | } 180 | 181 | } 182 | 183 | .support { 184 | &.class { 185 | color: @color1Variable; 186 | } 187 | 188 | &.function { 189 | color: @color1String; 190 | 191 | &.any-method { 192 | color: @color1Constant; 193 | } 194 | } 195 | } 196 | 197 | .entity { 198 | &.name.function { 199 | color: @color1Other; 200 | } 201 | &.name.type { 202 | color: @color1Other; 203 | text-decoration: underline; 204 | } 205 | 206 | &.other.inherited-class { 207 | color: @green; 208 | } 209 | &.name.class, &.name.type.class { 210 | color: @color1Other; 211 | } 212 | 213 | &.name.section { 214 | color: @blue; 215 | } 216 | 217 | &.name.tag { 218 | color: @color1Variable; 219 | } 220 | &.gfm{ 221 | color: @color1String 222 | } 223 | 224 | &.other.attribute-name { 225 | color: @color1Atribute; 226 | 227 | &.id { 228 | color: @color1Atribute; 229 | } 230 | } 231 | } 232 | 233 | .meta { 234 | &.class { 235 | color: @color1Atribute; 236 | } 237 | 238 | &.link { 239 | color: @color1String; 240 | } 241 | 242 | &.require { 243 | color: @blue; 244 | } 245 | 246 | &.selector { 247 | color: @purple; 248 | } 249 | 250 | &.separator { 251 | background-color: @gray; 252 | color: @syntax-text-color; 253 | } 254 | } 255 | 256 | .none { 257 | color: @syntax-text-color; 258 | } 259 | 260 | .markup { 261 | &.bold { 262 | color: @color1Other; 263 | font-weight: bold; 264 | } 265 | 266 | &.changed { 267 | color: @purple; 268 | } 269 | 270 | &.deleted { 271 | color: @color1Other; 272 | } 273 | 274 | &.italic { 275 | color: @purple; 276 | font-style: italic; 277 | } 278 | 279 | &.heading .punctuation.definition.heading { 280 | color: @blue; 281 | } 282 | 283 | &.inserted { 284 | color: @color1Other; 285 | } 286 | 287 | &.list { 288 | color: @color1Other; 289 | } 290 | 291 | &.quote { 292 | color: @color1Other; 293 | } 294 | 295 | &.raw.inline { 296 | color: @green; 297 | } 298 | &.underline.link.gfm { 299 | color: @color1String; 300 | } 301 | } 302 | 303 | .source.gfm .markup { 304 | -webkit-font-smoothing: auto; 305 | &.heading { 306 | color: @color1Other; 307 | } 308 | } 309 | 310 | atom-text-editor[mini] .scroll-view, 311 | :host([mini]) .scroll-view { 312 | padding-left: 1px; 313 | } 314 | 315 | 316 | //Json 317 | .meta .meta .meta .meta .meta .meta.structure.dictionary.value .string { 318 | color: @color1String; 319 | } 320 | .meta.structure.dictionary.value.json .string.quoted.double.json { 321 | color: @color1Variable; 322 | } 323 | 324 | .meta.structure.dictionary.json .string.quoted.double.json { 325 | color: @color1Atribute; 326 | } 327 | 328 | .meta .meta .meta .meta.structure.dictionary.value .string { 329 | color: @purple; 330 | } 331 | 332 | 333 | .meta .meta.structure.dictionary.value .string { 334 | color: @color1Variable; 335 | } 336 | 337 | //PHP 338 | .punctuation.definition{ 339 | &.variable.php{ 340 | color: @color1Variable; 341 | } 342 | &.parameters.php{ 343 | color:@color1Text; 344 | } 345 | } 346 | .support.function.php{ 347 | color:@color1Atribute; 348 | 349 | } 350 | --------------------------------------------------------------------------------