├── .gitignore ├── CHANGELOG.md ├── LICENSE.md ├── README.md ├── css.png ├── go.png ├── index.less ├── js.png ├── package.json ├── ruby.png └── styles ├── base.less ├── syntax-variables.less ├── syntax ├── .gitkeep ├── haml.less ├── js.less ├── json.less ├── markdown.less └── ruby.less └── ui ├── .gitkeep ├── list-tree.less └── status-bar.less /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | npm-debug.log 3 | node_modules 4 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Changelog 2 | 3 | ## 0.3.3 4 | * Fixed bracket highlight. 5 | 6 | ## 0.3.3 7 | * Fixed broken stylesheet. 8 | 9 | ## 0.3.2 10 | * Added brackets highlight. 11 | 12 | ## 0.2.3 13 | * Note: Don't push pre-coffee... 14 | 15 | ## 0.2.2 16 | * Fixed typo. 17 | 18 | ## 0.2.1 19 | * Fixed syntax variables. 20 | * Added screenshot. 21 | 22 | ## 0.2.0 23 | * Version bump. 24 | 25 | ## 0.1.1 26 | * Fixed newline in package.json 27 | 28 | ## 0.1.0 29 | * Generated syntax theme 30 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | # MIT License 2 | 3 | ### Copyright (C) 2017 by Robin Grass (http://carbin.se) 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 13 | all 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 21 | THE SOFTWARE.** -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # [Gloom](https://atom.io/themes/gloom) [![GitHub release](https://img.shields.io/github/tag/hejrobin/gloom.svg)](https://github.com/hejrobin/gloom/releases) [![GitHub stars](https://img.shields.io/github/stars/hejrobin/gloom.svg?style=social&label=Star)](https://github.com/hejrobin/gloom/stargazers) 2 | ^{For [Atom](https://atom.io/) 1.13 and later} 3 | 4 | A dark and gloomy pastel color syntax theme for Atom. 5 | 6 | --- 7 | 8 | ### Language • `Go` 9 | ![Language: Go](https://raw.githubusercontent.com/hejrobin/gloom/master/go.png) 10 | 11 | ### Language • `Ruby` 12 | ![Language: Ruby](https://raw.githubusercontent.com/hejrobin/gloom/master/ruby.png) 13 | 14 | ### Language • `CSS` 15 | ![Language: CSS](https://raw.githubusercontent.com/hejrobin/gloom/master/css.png) 16 | 17 | ### Language • `JavaScript` 18 | ![Language: JavaScript](https://raw.githubusercontent.com/hejrobin/gloom/master/js.png) 19 | -------------------------------------------------------------------------------- /css.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hejrobin/gloom/ee68c88856d20fb03e2e70c06e0d79332ebe906f/css.png -------------------------------------------------------------------------------- /go.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hejrobin/gloom/ee68c88856d20fb03e2e70c06e0d79332ebe906f/go.png -------------------------------------------------------------------------------- /index.less: -------------------------------------------------------------------------------- 1 | @import "./styles/base.less"; 2 | -------------------------------------------------------------------------------- /js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hejrobin/gloom/ee68c88856d20fb03e2e70c06e0d79332ebe906f/js.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gloom", 3 | "theme": "syntax", 4 | "version": "0.6.5", 5 | "description": "A dark and gloomy pastel color syntax theme for Atom.", 6 | "keywords": [ 7 | "syntax", 8 | "theme", 9 | "gloom" 10 | ], 11 | "repository": "https://github.com/hejrobin/gloom", 12 | "license": "MIT", 13 | "engines": { 14 | "atom": ">=1.13.0 <2.0.0" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /ruby.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hejrobin/gloom/ee68c88856d20fb03e2e70c06e0d79332ebe906f/ruby.png -------------------------------------------------------------------------------- /styles/base.less: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | @import "syntax-variables"; 4 | 5 | // Generics 6 | 7 | atom-text-editor { 8 | background-color: @syntax-background-color; 9 | color: @syntax-text-color; 10 | } 11 | 12 | atom-text-editor .gutter { 13 | background-color: @syntax-gutter-background-color; 14 | color: @syntax-gutter-text-color; 15 | } 16 | 17 | atom-text-editor .gutter .line-number.cursor-line { 18 | background-color: @syntax-gutter-background-color-selected; 19 | color: @syntax-gutter-text-color-selected; 20 | } 21 | 22 | atom-text-editor .gutter .line-number.cursor-line-no-selection { 23 | color: @syntax-gutter-text-color-selected; 24 | } 25 | 26 | atom-text-editor .wrap-guide { 27 | color: @syntax-wrap-guide-color; 28 | } 29 | 30 | atom-text-editor .indent-guide { 31 | color: @syntax-indent-guide-color; 32 | } 33 | 34 | atom-text-editor .invisible-character { 35 | color: @syntax-invisible-character-color; 36 | } 37 | 38 | atom-text-editor .search-results .syntax--marker .region { 39 | background-color: transparent; 40 | border: @syntax-result-marker-color; 41 | } 42 | 43 | atom-text-editor .search-results .syntax--marker.current-result .region { 44 | border: @syntax-result-marker-color-selected; 45 | } 46 | 47 | atom-text-editor.is-focused .cursor { 48 | border-color: @syntax-cursor-color; 49 | } 50 | 51 | atom-text-editor.is-focused .selection .region { 52 | background-color: @syntax-selection-color; 53 | } 54 | 55 | atom-text-editor.is-focused .line-number.cursor-line-no-selection, 56 | atom-text-editor.is-focused .line.cursor-line { 57 | background-color: @syntax-wrap-guide-color; 58 | } 59 | 60 | atom-text-editor.editor .bracket-matcher .region { 61 | z-index: 100; 62 | border-radius: 2px; 63 | background-color: fade(@syntax-bracket-matcher, 30%); 64 | border: 1px solid fade(@syntax-bracket-matcher, 60%); 65 | } 66 | 67 | // Syntax Coloring 68 | 69 | .syntax--comment { 70 | color: @syntax-type-comment; 71 | font-style: italic; 72 | } 73 | 74 | .syntax--string { 75 | color: @syntax-type-string; 76 | } 77 | 78 | .syntax--constant.syntax--numeric { 79 | color: @syntax-type-numeric; 80 | } 81 | 82 | .syntax--constant.syntax--language, 83 | .syntax--constant.syntax--character, 84 | .syntax--constant.syntax--other { 85 | color: @syntax-type-lang; 86 | } 87 | 88 | .syntax--variable { 89 | color: @syntax-type-variable; 90 | } 91 | 92 | .syntax--keyword { 93 | color: @syntax-type-keyword; 94 | } 95 | 96 | .syntax--storage { 97 | color: @syntax-type-storage; 98 | } 99 | 100 | .syntax--storage.syntax--type { 101 | color: @syntax-type-storage-type; 102 | } 103 | 104 | .syntax--entity.syntax--name.syntax--class { 105 | color: @syntax-type-structure; 106 | } 107 | 108 | .syntax--entity.syntax--other.syntax--inherited-class { 109 | color: @syntax-type-inheritance; 110 | } 111 | 112 | .syntax--entity.syntax--name.syntax--function { 113 | color: @syntax-type-definition; 114 | } 115 | 116 | .syntax--variable.syntax--parameter { 117 | color: @syntax-type-parameter; 118 | } 119 | 120 | .syntax--entity.syntax--name.syntax--tag { 121 | color: @syntax-type-tag; 122 | } 123 | 124 | .syntax--entity.syntax--other.syntax--attribute-name { 125 | color: @syntax-type-attribute; 126 | } 127 | 128 | .syntax--support.syntax--function, 129 | .syntax--support.syntax--constant { 130 | color: @syntax-type-function; 131 | } 132 | 133 | .syntax--support.syntax--type, 134 | .syntax--support.syntax--class { 135 | color: @syntax-type-function; 136 | } 137 | 138 | .syntax--invalid, 139 | .syntax--invalid.syntax--deprecated { 140 | font-style: italic; 141 | color: @syntax-type-invalid; 142 | border-bottom: 1px dotted @syntax-type-invalid; 143 | } 144 | 145 | .syntax--invalid.syntax--deprecated { 146 | color: @syntax-type-deprecated; 147 | border-bottom-color: @syntax-type-deprecated; 148 | } 149 | 150 | // Syntax Languages 151 | @import "syntax/json"; 152 | @import "syntax/markdown"; 153 | @import "syntax/haml"; 154 | @import "syntax/js"; 155 | @import "syntax/ruby"; 156 | 157 | // UI Modifications 158 | @import "ui/list-tree"; 159 | @import "ui/status-bar"; 160 | -------------------------------------------------------------------------------- /styles/syntax-variables.less: -------------------------------------------------------------------------------- 1 | // General 2 | @syntax-text-color: #F1EFF7; 3 | @syntax-cursor-color: #94F2E7; 4 | @syntax-selection-color: #4F528A; 5 | @syntax-background-color: #292A44; 6 | @syntax-bracket-matcher: #6DFEDF; 7 | 8 | // Guide 9 | @syntax-wrap-guide-color: #333454; 10 | @syntax-indent-guide-color: #333454; 11 | @syntax-invisible-character-color: #333454; 12 | 13 | // Search 14 | @syntax-result-marker-color: #4AD481; 15 | @syntax-result-marker-color-selected: #F1EFF7; 16 | 17 | // Gutter 18 | @syntax-gutter-text-color: #F1EFF7; 19 | @syntax-gutter-text-color-selected: #F1EFF7; 20 | @syntax-gutter-background-color: #292A44; 21 | @syntax-gutter-background-color-selected: #383A62; 22 | 23 | // Version control 24 | @syntax-color-renamed: #66D9EF; 25 | @syntax-color-added: #19E589; 26 | @syntax-color-modified: #FFBC69; 27 | @syntax-color-removed: #ED4781; 28 | 29 | @syntax-vcs-added-bg: #215F55; 30 | @syntax-vcs-added-fg: #19E589; 31 | @syntax-vcs-modified-bg: #963700; 32 | @syntax-vcs-modified-fg: #FFAB35; 33 | 34 | 35 | // Syntax 36 | @syntax-type-comment: #6D6DB5; 37 | @syntax-type-string: #6DFEDF; 38 | @syntax-type-string-embedded: #FF6F9F; 39 | @syntax-type-numeric: #FFDB7D; 40 | @syntax-type-lang: #AE81FF; 41 | @syntax-type-variable: #FF6F9F; 42 | @syntax-type-keyword: #7AA5FF; 43 | @syntax-type-storage: #ED4781; 44 | @syntax-type-storage-type: #ED4781; 45 | @syntax-type-structure: #678BDC; 46 | @syntax-type-inheritance: #678BDC; 47 | @syntax-type-function: #66D9EF; 48 | @syntax-type-definition: #2DE0A7; 49 | @syntax-type-parameter: #FFBC69; 50 | @syntax-type-tag: #FF6F9F; 51 | @syntax-type-attribute: #F92672; 52 | @syntax-type-invalid: #E72D2D; 53 | @syntax-type-deprecated: #E88E2C; 54 | -------------------------------------------------------------------------------- /styles/syntax/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hejrobin/gloom/ee68c88856d20fb03e2e70c06e0d79332ebe906f/styles/syntax/.gitkeep -------------------------------------------------------------------------------- /styles/syntax/haml.less: -------------------------------------------------------------------------------- 1 | .syntax--haml { 2 | 3 | .syntax--punctuation.syntax--embedded { 4 | color: @syntax-type-string-embedded; 5 | } 6 | 7 | } -------------------------------------------------------------------------------- /styles/syntax/js.less: -------------------------------------------------------------------------------- 1 | .syntax--js { 2 | 3 | &.syntax--embedded { 4 | .syntax--punctuation.syntax--embedded { 5 | color: @syntax-type-string-embedded; 6 | } 7 | } 8 | 9 | } -------------------------------------------------------------------------------- /styles/syntax/json.less: -------------------------------------------------------------------------------- 1 | .syntax--json { 2 | 3 | .syntax--constant { 4 | color: @syntax-type-storage; 5 | } 6 | 7 | .syntax--numeric { 8 | color: @syntax-type-numeric; 9 | } 10 | 11 | .syntax--string { 12 | color: @syntax-type-lang; 13 | } 14 | 15 | .syntax--punctuation.syntax--definition.syntax--string { 16 | color: @syntax-type-comment; 17 | } 18 | 19 | .syntax--structure.syntax--value { 20 | & > .syntax--quoted.syntax--string { 21 | color: @syntax-type-string; 22 | } 23 | } 24 | 25 | } 26 | 27 | -------------------------------------------------------------------------------- /styles/syntax/markdown.less: -------------------------------------------------------------------------------- 1 | .syntax--markup.syntax--gfm, .syntax--markup.syntax--md { 2 | 3 | &.syntax--heading { 4 | color: @syntax-type-definition; 5 | } 6 | 7 | &.syntax--underline.syntax--link { 8 | color: @syntax-type-string; 9 | } 10 | 11 | } 12 | 13 | .syntax--gfm .syntax--link, .syntax--md .syntax--link { 14 | 15 | &:hover { 16 | background: fade(@syntax-type-structure, 20%); 17 | border-radius: 2px; 18 | } 19 | 20 | .syntax--entity { 21 | color: @syntax-type-lang; 22 | } 23 | 24 | .syntax--punctuation.syntax--begin, 25 | .syntax--punctuation.syntax--end { 26 | color: @syntax-type-comment; 27 | } 28 | 29 | } 30 | -------------------------------------------------------------------------------- /styles/syntax/ruby.less: -------------------------------------------------------------------------------- 1 | .syntax--ruby { 2 | 3 | .syntax--punctuation.syntax--embedded { 4 | color: @syntax-type-string-embedded; 5 | } 6 | 7 | } -------------------------------------------------------------------------------- /styles/ui/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hejrobin/gloom/ee68c88856d20fb03e2e70c06e0d79332ebe906f/styles/ui/.gitkeep -------------------------------------------------------------------------------- /styles/ui/list-tree.less: -------------------------------------------------------------------------------- 1 | .list-tree { 2 | .list-item { 3 | 4 | &.status-added { 5 | & > .syntax--name { 6 | color: @syntax-vcs-added-fg; 7 | } 8 | 9 | &.selected { 10 | &::before { 11 | background-color: @syntax-vcs-added-bg; 12 | } 13 | & > span { 14 | color: @syntax-vcs-added-fg; 15 | } 16 | } 17 | } 18 | 19 | &.status-modified { 20 | & > span { 21 | color: @syntax-vcs-modified-fg; 22 | } 23 | 24 | &.selected { 25 | &::before { 26 | background-color: @syntax-vcs-modified-bg; 27 | } 28 | & > span { 29 | color: @syntax-vcs-modified-fg; 30 | } 31 | } 32 | } 33 | 34 | } 35 | 36 | .list-nested-item { 37 | &.status-added { 38 | & > .list-item { 39 | & > span { 40 | color: @syntax-vcs-added-fg; 41 | } 42 | } 43 | 44 | &.selected { 45 | &, & > .list-item { 46 | &::before { 47 | background-color: @syntax-vcs-added-bg !important; 48 | } 49 | } 50 | } 51 | 52 | &.selected > .list-item { 53 | & > span { 54 | color: @syntax-vcs-added-fg; 55 | } 56 | } 57 | } 58 | 59 | &.status-modified { 60 | & > .list-item { 61 | & > span { 62 | color: @syntax-vcs-modified-fg; 63 | } 64 | } 65 | 66 | &.selected { 67 | &, & > .list-item { 68 | &::before { 69 | background-color: @syntax-vcs-modified-bg !important; 70 | } 71 | } 72 | } 73 | 74 | &.selected > .list-item { 75 | & > span { 76 | color: @syntax-vcs-modified-fg; 77 | } 78 | } 79 | } 80 | } 81 | 82 | } 83 | 84 | :focus { 85 | .list-tree { 86 | .list-item { 87 | 88 | &.status-added { 89 | &:before { 90 | background-color: @syntax-vcs-added-bg !important; 91 | } 92 | } 93 | 94 | &.status-modified { 95 | &:before { 96 | background-color: @syntax-vcs-modified-bg !important; 97 | } 98 | } 99 | 100 | } 101 | } 102 | } 103 | 104 | atom-text-editor { 105 | .gutter { 106 | .line-number.git-line- { 107 | &added { 108 | border-color: @syntax-vcs-added-fg; 109 | } 110 | 111 | &modified { 112 | border-color: @syntax-vcs-modified-fg; 113 | } 114 | } 115 | } 116 | } 117 | -------------------------------------------------------------------------------- /styles/ui/status-bar.less: -------------------------------------------------------------------------------- 1 | .status-bar { 2 | &-right { 3 | 4 | .deprecation-cop-status { 5 | &.text-warning { 6 | color: @syntax-color-removed; 7 | } 8 | } 9 | 10 | .git-view { 11 | .git-status { 12 | .status-added { 13 | color: @syntax-vcs-added-fg; 14 | } 15 | 16 | .status-modified { 17 | color: @syntax-vcs-modified-fg; 18 | } 19 | } 20 | 21 | .git-branch { 22 | color: @syntax-type-lang; 23 | } 24 | } 25 | 26 | .package-updates-status-view { 27 | color: @syntax-result-marker-color; 28 | text-shadow: fade(@syntax-result-marker-color, 50%) 0 0 3px; 29 | transition: all 250ms ease-in-out; 30 | 31 | &:hover { 32 | color: @syntax-bracket-matcher; 33 | text-shadow: fade(@syntax-bracket-matcher, 50%) 0 0 3px; 34 | } 35 | } 36 | 37 | } 38 | } --------------------------------------------------------------------------------