├── .gitignore ├── LICENSE.md ├── README.md ├── index.less ├── package.json └── styles ├── base.less └── colors.less /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | npm-debug.log 3 | node_modules 4 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | Copyright (c) 2014 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining 4 | a copy of this software and associated documentation files (the 5 | "Software"), to deal in the Software without restriction, including 6 | without limitation the rights to use, copy, modify, merge, publish, 7 | distribute, sublicense, and/or sell copies of the Software, and to 8 | permit persons to whom the Software is furnished to do so, subject to 9 | the following conditions: 10 | 11 | The above copyright notice and this permission notice shall be 12 | included in all copies or substantial portions of the Software. 13 | 14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 15 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 16 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 17 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 18 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 19 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 20 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # brogrammer-syntax theme 2 | 3 | Atom syntax theme to match the brogrammer-ui theme 4 | 5 | Preview: 6 | 7 | ![Preview](http://i.imgur.com/sX0OWz2.png) 8 | -------------------------------------------------------------------------------- /index.less: -------------------------------------------------------------------------------- 1 | @import "./styles/base.less"; 2 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "brogrammer-syntax", 3 | "theme": "syntax", 4 | "version": "1.0.0", 5 | "private": true, 6 | "description": "A short description of your theme", 7 | "repository": "https://github.com/kenwheeler/brogrammer-syntax", 8 | "license": "MIT", 9 | "engines": { 10 | "atom": ">0.50.0" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /styles/base.less: -------------------------------------------------------------------------------- 1 | // The ui-variables file is provided by base themes provided by Atom. 2 | // 3 | // See https://github.com/atom/atom-dark-ui/blob/master/stylesheets/ui-variables.less 4 | // for a full listing of what's available. 5 | @import "ui-variables"; 6 | @import "colors"; 7 | 8 | atom-text-editor, :host { 9 | background-color: @base03; 10 | color: @base0; 11 | } 12 | 13 | atom-text-editor, :host { 14 | .invisible-character, 15 | .indent-guide { 16 | color: @base01; 17 | } 18 | 19 | .gutter { 20 | background-color: @base02; 21 | } 22 | 23 | .gutter .line-number { 24 | opacity: 1; 25 | } 26 | 27 | .gutter .line-number.folded, 28 | .gutter .line-number:after, 29 | .fold-marker:after { 30 | color: @magenta; 31 | } 32 | 33 | .cursor { 34 | border-color: @base3; 35 | } 36 | 37 | .selection .region { 38 | background-color: @base02; 39 | color: @base03; 40 | } 41 | 42 | .line-number.cursor-line-no-selection { 43 | background-color: @base01; 44 | color: white; 45 | } 46 | } 47 | 48 | .bracket-matcher .region { 49 | background-color: @base1; 50 | opacity: 0.7; 51 | } 52 | 53 | .comment { 54 | color: @base05; 55 | font-style: italic; 56 | } 57 | 58 | .entity { 59 | color: @green; 60 | } 61 | 62 | .keyword { 63 | color: @red; 64 | } 65 | 66 | .any-method { 67 | color: @blue; 68 | } 69 | 70 | .storage.type { 71 | color: @blue; 72 | } 73 | 74 | .storage.modifier { 75 | color: @red; 76 | } 77 | 78 | .constant { 79 | color: @violet; 80 | 81 | &.numeric, 82 | &.boolean { 83 | color: @green; 84 | } 85 | } 86 | 87 | .variable { 88 | color: #fff; 89 | } 90 | 91 | .delimiter, .brace { 92 | color: @base0; 93 | } 94 | 95 | .delimiter.period { 96 | color: @green; 97 | } 98 | 99 | .invalid.deprecated { 100 | text-decoration: underline; 101 | color: @red; 102 | } 103 | 104 | .invalid.illegal { 105 | color: @red; 106 | } 107 | 108 | .string { 109 | color: @yellow; 110 | 111 | .constant.character.escape { 112 | color: @red; 113 | } 114 | 115 | &.regexp { 116 | color: @blue; 117 | 118 | .source.ruby.embedded, 119 | .string.regexp.arbitrary-repitition { 120 | color: @red; 121 | } 122 | } 123 | } 124 | -------------------------------------------------------------------------------- /styles/colors.less: -------------------------------------------------------------------------------- 1 | @base03: #1a1a1a; 2 | @base02: #2a2a2a; 3 | @base01: #e74c3c; 4 | @base00: #657b83; 5 | @base0: #ecf0f1; 6 | @base1: #93a1a1; 7 | @base2: #eee8d5; 8 | @base3: #fdf6e3; 9 | @base05: #606060; 10 | 11 | @yellow: #f1c40f; 12 | @orange: #e67e22; 13 | @red: #e74c3c; 14 | @magenta: #9b59b6; 15 | @violet: #6c71c4; 16 | @blue: #3498db; 17 | @cyan: #1abc9c; 18 | @green: #2ecc71; 19 | --------------------------------------------------------------------------------