├── index.less ├── .gitignore ├── README.md ├── package.json └── styles ├── colors.less ├── syntax-variables.less └── base.less /index.less: -------------------------------------------------------------------------------- 1 | @import "./styles/base.less"; 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | npm-debug.log 3 | node_modules 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # RailsCast Syntax Theme 2 | 3 | Syntax theme based on the RailsCast TextMate theme. 4 | 5 | ![railscast theme](http://i.imgur.com/rUrA8OB.png) 6 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "railscast-theme", 3 | "theme": "syntax", 4 | "version": "0.3.0", 5 | "private": false, 6 | "description": "Atom syntax theme based on Ryan Bates (@rbates) RailsCasts TextMate theme", 7 | "repository": "https://github.com/ericfreese/atom-railscast-theme", 8 | "license": "MIT", 9 | "engines": { 10 | "atom": ">0.50.0" 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /styles/colors.less: -------------------------------------------------------------------------------- 1 | // These colors are specific to the theme. Do not use in a package! 2 | 3 | @white: #ffffff; 4 | @off-white: #e6e1dc; 5 | @gray: #414141; 6 | @dark-gray: #2b2b2b; 7 | 8 | @gold: #bc9458; 9 | @yellow: #ffc66d; 10 | @off-yellow: #e8bf6a; 11 | @orange: #cc7833; 12 | 13 | @lime: #a5c261; 14 | @green: #519f50; 15 | @dark-green: #144212; 16 | 17 | @lilac: #d0d0ff; 18 | 19 | @light-blue: #6d9cbe; 20 | @blue: #2f33ab; 21 | @dark-blue: #474d5c; 22 | 23 | @light-red: #da4939; 24 | @red: #990000; 25 | @dark-red: #660000; 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: @off-white; 8 | @syntax-cursor-color: @white; 9 | @syntax-selection-color: @dark-blue; 10 | @syntax-selection-flash-color: @white; 11 | @syntax-background-color: @dark-gray; 12 | 13 | // Guide colors 14 | @syntax-wrap-guide-color: @gray; 15 | @syntax-indent-guide-color: fadeout(@white, 90%); 16 | @syntax-invisible-character-color: fadeout(@white, 90%); 17 | @syntax-cursor-line: fadeout(@white, 95%); 18 | 19 | // For find and replace markers 20 | @syntax-result-marker-color: @off-white; 21 | @syntax-result-marker-color-selected: @white; 22 | 23 | // Gutter colors 24 | @syntax-gutter-text-color: @off-white; 25 | @syntax-gutter-text-color-selected: @white; 26 | @syntax-gutter-background-color: @dark-gray; 27 | @syntax-gutter-background-color-selected: @dark-gray; 28 | 29 | // For git diff info. i.e. in the gutter 30 | @syntax-color-renamed: @light-blue; 31 | @syntax-color-added: @green; 32 | @syntax-color-modified: @orange; 33 | @syntax-color-removed: @light-red; 34 | -------------------------------------------------------------------------------- /styles/base.less: -------------------------------------------------------------------------------- 1 | @import "syntax-variables"; 2 | 3 | atom-text-editor { 4 | &, .gutter { 5 | background-color: @syntax-background-color; 6 | color: @syntax-text-color; 7 | } 8 | 9 | .cursor { 10 | border-color: @syntax-cursor-color; 11 | } 12 | 13 | .highlights .region { 14 | background-color: @syntax-selection-color; 15 | } 16 | 17 | .line-number.cursor-line-no-selection, .line.cursor-line { 18 | background-color: @syntax-cursor-line; 19 | } 20 | 21 | .indent-guide { 22 | color: @syntax-indent-guide-color; 23 | } 24 | 25 | .invisible-character { 26 | color: @syntax-invisible-character-color; 27 | } 28 | } 29 | 30 | .syntax--comment { 31 | font-style: italic; 32 | color: @gold; 33 | } 34 | 35 | .syntax--keyword, 36 | .syntax--storage { 37 | color: @orange; 38 | } 39 | 40 | .syntax--entity.syntax--name.syntax--function, 41 | .syntax--keyword.syntax--other.syntax--name-of-parameter.syntax--objc { 42 | color: @yellow; 43 | } 44 | 45 | .syntax--entity.syntax--name { 46 | color: @white; 47 | } 48 | 49 | .syntax--constant.syntax--numeric { 50 | color: @lime; 51 | } 52 | 53 | .syntax--variable.syntax--language, 54 | .syntax--variable.syntax--other { 55 | color: @lilac; 56 | } 57 | 58 | .syntax--constant { 59 | color: @light-blue; 60 | } 61 | 62 | .syntax--variable.syntax--other.syntax--constant { 63 | color: @light-red; 64 | } 65 | 66 | .syntax--constant.syntax--language { 67 | color: @light-blue; 68 | } 69 | 70 | .syntax--string { 71 | color: @lime; 72 | } 73 | 74 | .syntax--support.syntax--function { 75 | color: @light-red; 76 | } 77 | 78 | .syntax--support.syntax--type { 79 | color: @light-blue; 80 | } 81 | 82 | .syntax--support.syntax--constant { 83 | color: @lime; 84 | } 85 | 86 | .syntax--meta.syntax--tag, 87 | .syntax--declaration.syntax--tag, 88 | .syntax--entity.syntax--name.syntax--tag, 89 | .syntax--entity.syntax--other.syntax--attribute-name { 90 | color: @off-yellow; 91 | } 92 | 93 | .syntax--invalid { 94 | color: @white; 95 | background-color: @red; 96 | } 97 | 98 | .syntax--constant.syntax--character.syntax--escaped, 99 | .syntax--constant.syntax--character.syntax--escape, 100 | .syntax--string .syntax--source, 101 | .syntax--string .syntax--source.syntax--ruby { 102 | color: @green; 103 | } 104 | 105 | .syntax--markup.syntax--inserted { 106 | color: @off-white; 107 | background-color: @dark-green; 108 | } 109 | 110 | .syntax--markup.syntax--deleted { 111 | color: @off-white; 112 | background-color: @dark-red; 113 | } 114 | 115 | .syntax--meta.syntax--diff.syntax--header, 116 | .syntax--meta.syntax--separator.syntax--diff, 117 | .syntax--meta.syntax--diff.syntax--index, 118 | .syntax--meta.syntax--diff.syntax--range { 119 | background-color: @blue; 120 | } --------------------------------------------------------------------------------