diff options
| -rw-r--r-- | .gitignore | 3 | ||||
| -rw-r--r-- | CHANGELOG.md | 3 | ||||
| -rw-r--r-- | LICENSE.md | 20 | ||||
| -rw-r--r-- | README.md | 5 | ||||
| -rw-r--r-- | index.less | 1 | ||||
| -rw-r--r-- | package.json | 16 | ||||
| -rw-r--r-- | styles/base.less | 311 | ||||
| -rw-r--r-- | styles/colors.less | 15 | ||||
| -rw-r--r-- | styles/syntax-variables.less | 31 |
9 files changed, 405 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..ade14b9 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +.DS_Store +npm-debug.log +node_modules diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..c3d858c --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,3 @@ +## 0.1.0 - First Release +* Every feature added +* Every bug fixed diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..40a0eeb --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,20 @@ +Copyright (c) 2015 <Your name here> + +Permission is hereby granted, free of charge, to any person obtaining +a copy of this software and associated documentation files (the +"Software"), to deal in the Software without restriction, including +without limitation the rights to use, copy, modify, merge, publish, +distribute, sublicense, and/or sell copies of the Software, and to +permit persons to whom the Software is furnished to do so, subject to +the following conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE +LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION +OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION +WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..2f20467 --- /dev/null +++ b/README.md @@ -0,0 +1,5 @@ +# api-notation-atom theme + +A short description of your theme. + + diff --git a/index.less b/index.less new file mode 100644 index 0000000..d076b67 --- /dev/null +++ b/index.less @@ -0,0 +1 @@ +@import "./styles/base.less"; diff --git a/package.json b/package.json new file mode 100644 index 0000000..5c58ea2 --- /dev/null +++ b/package.json @@ -0,0 +1,16 @@ +{ + "name": "api-notation", + "theme": "syntax", + "version": "0.0.0", + "description": "Syntax for API Notation, a simple shorthand to write library APIs", + "keywords": [ + "syntax", + "theme", + "api" + ], + "repository": "https://github.com/rbdr/api-notation-atom", + "license": "MIT", + "engines": { + "atom": ">=1.0.0 <2.0.0" + } +} diff --git a/styles/base.less b/styles/base.less new file mode 100644 index 0000000..93a0923 --- /dev/null +++ b/styles/base.less @@ -0,0 +1,311 @@ +@import "syntax-variables"; + +atom-text-editor, :host { + background-color: @syntax-background-color; + color: @syntax-text-color; + + .wrap-guide { + background-color: @syntax-wrap-guide-color; + } + + .indent-guide { + color: @syntax-indent-guide-color; + } + + .invisible-character { + color: @syntax-invisible-character-color; + } + + .gutter { + background-color: @syntax-gutter-background-color; + color: @syntax-gutter-text-color; + + .line-number { + &.cursor-line { + background-color: @syntax-gutter-background-color-selected; + color: @syntax-gutter-text-color-selected; + } + + &.cursor-line-no-selection { + color: @syntax-gutter-text-color-selected; + } + } + } + + .gutter .line-number.folded, + .gutter .line-number:after, + .fold-marker:after { + color: @light-gray; + } + + .invisible { + color: @syntax-text-color; + } + + .cursor { + color: @syntax-cursor-color; + } + + .selection .region { + background-color: @syntax-selection-color; + } +} + +atom-text-editor .search-results .marker .region, +:host .search-results .marker .region { + background-color: transparent; + border: 1px solid @syntax-result-marker-color; +} + +atom-text-editor .search-results .marker.current-result .region, +:host .search-results .marker.current-result .region { + border: 1px solid @syntax-result-marker-color-selected; +} + +.comment { + color: @light-gray; +} + +.entity { + &.name.type { + color: @light-orange; + text-decoration: underline; + } + + &.other.inherited-class { + color: @green; + } +} + +.keyword { + color: @purple; + + &.control { + color: @purple; + } + + &.operator { + color: @syntax-text-color; + } + + &.other.special-method { + color: @blue; + } + + &.other.unit { + color: @orange; + } +} + +.storage { + color: @purple; +} + +.constant { + color: @orange; + + &.character.escape { + color: @cyan; + } + + &.numeric { + color: @orange; + } + + &.other.color { + color: @cyan; + } + + &.other.symbol { + color: @green; + } +} + +.variable { + color: @red; + + &.interpolation { + color: darken(@red, 10%); + } + + &.parameter.function { + color: @syntax-text-color; + } +} + +.invalid.illegal { + background-color: @red; + color: @syntax-background-color; +} + +.string { + color: @green; + + + &.regexp { + color: @cyan; + + .source.ruby.embedded { + color: @orange; + } + } + + &.other.link { + color: @red; + } +} + +.punctuation { + &.definition { + &.comment { + color: @light-gray; + } + + &.string, + &.variable, + &.parameters, + &.array { + color: @syntax-text-color; + } + + &.heading, + &.identity { + color: @blue; + } + + &.bold { + color: @light-orange; + font-weight: bold; + } + + &.italic { + color: @purple; + font-style: italic; + } + } + + &.section.embedded { + color: darken(@red, 10%); + } + +} + +.support { + &.class { + color: @light-orange; + } + + &.function { + color: @cyan; + + &.any-method { + color: @blue; + } + } +} + +.entity { + &.name.function { + color: @blue; + } + + &.name.class, &.name.type.class { + color: @light-orange; + } + + &.name.section { + color: @blue; + } + + &.name.tag { + color: @red; + text-decoration: underline; + } + + &.other.attribute-name { + color: @orange; + + &.id { + color: @blue; + } + } +} + +.meta { + &.class { + color: @light-orange; + } + + &.link { + color: @orange; + } + + &.require { + color: @blue; + } + + &.selector { + color: @purple; + } + + &.separator { + background-color: @gray; + color: @syntax-text-color; + } +} + +.none { + color: @syntax-text-color; +} + +.markup { + &.bold { + color: @orange; + font-weight: bold; + } + + &.changed { + color: @purple; + } + + &.deleted { + color: @red; + } + + &.italic { + color: @purple; + font-style: italic; + } + + &.heading .punctuation.definition.heading { + color: @blue; + } + + &.inserted { + color: @green; + } + + &.list { + color: @red; + } + + &.quote { + color: @orange; + } + + &.raw.inline { + color: @green; + } +} + +.source.gfm .markup { + -webkit-font-smoothing: auto; + &.heading { + color: @green; + } +} + +atom-text-editor[mini] .scroll-view, +:host([mini]) .scroll-view { + padding-left: 1px; +} diff --git a/styles/colors.less b/styles/colors.less new file mode 100644 index 0000000..cb36519 --- /dev/null +++ b/styles/colors.less @@ -0,0 +1,15 @@ +// These colors are specific to the theme. Do not use in a package! + +@very-light-gray: #c5c8c6; +@light-gray: #969896; +@gray: #373b41; +@dark-gray: #282a2e; +@very-dark-gray: #1d1f21; + +@cyan: #8abeb7; +@blue: #81a2be; +@purple: #b294bb; +@green: #b5bd68; +@red: #cc6666; +@orange: #de935f; +@light-orange: #f0c674; diff --git a/styles/syntax-variables.less b/styles/syntax-variables.less new file mode 100644 index 0000000..3fa8cda --- /dev/null +++ b/styles/syntax-variables.less @@ -0,0 +1,31 @@ +@import "colors"; + +// This defines all syntax variables that syntax themes must implement when they +// include a syntax-variables.less file. + +// General colors +@syntax-text-color: @very-light-gray; +@syntax-cursor-color: white; +@syntax-selection-color: lighten(@dark-gray, 10%); +@syntax-background-color: @very-dark-gray; + +// Guide colors +@syntax-wrap-guide-color: @dark-gray; +@syntax-indent-guide-color: @gray; +@syntax-invisible-character-color: @gray; + +// For find and replace markers +@syntax-result-marker-color: @light-gray; +@syntax-result-marker-color-selected: white; + +// Gutter colors +@syntax-gutter-text-color: @very-light-gray; +@syntax-gutter-text-color-selected: @syntax-gutter-text-color; +@syntax-gutter-background-color: @dark-gray; +@syntax-gutter-background-color-selected: @gray; + +// For git diff info. i.e. in the gutter +@syntax-color-renamed: @blue; +@syntax-color-added: @green; +@syntax-color-modified: @orange; +@syntax-color-removed: @red; |