├── CONTRIBUTING.md ├── styles ├── syntax │ ├── c.less │ ├── cs.less │ ├── php.less │ ├── cpp.less │ ├── go.less │ ├── ini.less │ ├── ruby.less │ ├── gfm.less │ ├── python.less │ ├── css.less │ ├── javascript.less │ ├── java.less │ ├── json.less │ ├── ng.less │ ├── elixir.less │ └── _base.less ├── colors.less ├── syntax-variables.less └── editor.less ├── package.json ├── README.md ├── index.less ├── LICENSE.md ├── PULL_REQUEST_TEMPLATE.md └── ISSUE_TEMPLATE.md /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | See the [Atom contributing guide](https://github.com/atom/atom/blob/master/CONTRIBUTING.md) 2 | -------------------------------------------------------------------------------- /styles/syntax/c.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--c { 2 | .syntax--keyword.syntax--operator { 3 | color: @hue-3; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /styles/syntax/cs.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--cs { 2 | .syntax--keyword.syntax--operator { 3 | color: @hue-3; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /styles/syntax/php.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--php { 2 | .syntax--class.syntax--bracket { 3 | color: @mono-1; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /styles/syntax/cpp.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--cpp { 2 | .syntax--keyword.syntax--operator { 3 | color: @hue-3; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /styles/syntax/go.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--go { 2 | .syntax--storage.syntax--type.syntax--string { 3 | color: @hue-3; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /styles/syntax/ini.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--ini { 2 | .syntax--keyword.syntax--other.syntax--definition.syntax--ini { 3 | color: @hue-5; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /styles/syntax/ruby.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--ruby { 2 | .syntax--constant.syntax--other.syntax--symbol > .syntax--punctuation { 3 | color: inherit; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /styles/syntax/gfm.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--gfm { 2 | .syntax--markup { 3 | -webkit-font-smoothing: auto; 4 | } 5 | 6 | .syntax--link .syntax--entity { 7 | color: @hue-2; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /styles/syntax/python.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--python { 2 | .syntax--keyword.syntax--operator.syntax--logical.syntax--python { 3 | color: @hue-3; 4 | } 5 | 6 | .syntax--variable.syntax--parameter { 7 | color: @hue-6; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /styles/syntax/css.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--css { 2 | // highlight properties/values if they are supported 3 | .syntax--property-name, 4 | .syntax--property-value { 5 | color: @mono-2; 6 | &.syntax--support { 7 | color: @mono-1; 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "one-dark-syntax", 3 | "theme": "syntax", 4 | "version": "1.8.4", 5 | "description": "A dark syntax theme", 6 | "keywords": [ 7 | "dark", 8 | "blue", 9 | "syntax" 10 | ], 11 | "repository": "https://github.com/atom/one-dark-syntax", 12 | "license": "MIT", 13 | "engines": { 14 | "atom": ">0.50.0" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /styles/syntax/javascript.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--js { 2 | .syntax--keyword.syntax--operator { 3 | color: @hue-1; 4 | 5 | // keywords are definded in https://github.com/atom/language-javascript/blob/master/grammars/javascript.cson 6 | // search "instanceof" for location 7 | &.syntax--delete, 8 | &.syntax--in, 9 | &.syntax--of, 10 | &.syntax--instanceof, 11 | &.syntax--new, 12 | &.syntax--typeof, 13 | &.syntax--void { 14 | color: @hue-3; 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /styles/syntax/java.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--java { 2 | .syntax--storage { 3 | &.syntax--modifier.syntax--import { 4 | color: @hue-6-2; 5 | } 6 | 7 | &.syntax--type { 8 | color: @hue-6-2; 9 | } 10 | } 11 | .syntax--keyword.syntax--operator.syntax--instanceof { 12 | color: @hue-3; 13 | } 14 | } 15 | 16 | .syntax--source.syntax--java-properties { 17 | .syntax--meta.syntax--key-pair { 18 | color: @hue-5; 19 | 20 | & > .syntax--punctuation { 21 | color: @mono-1; 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## One Dark Syntax theme 2 | 3 | ### This package is now a part of the [core Atom repository](https://github.com/atom/atom/tree/master/packages/one-dark-syntax), please direct all issues and pull requests there in the future! 4 | 5 | ![one-dark-syntax](https://user-images.githubusercontent.com/238929/40553597-5f741518-6000-11e8-9068-70dfc5008b54.png) 6 | 7 | > The font used in the screenshot is [Fira Mono](https://github.com/mozilla/Fira). 8 | 9 | There is also a matching [UI theme](https://atom.io/themes/one-dark-ui). 10 | 11 | ### Install 12 | 13 | This theme is installed by default with Atom and can be activated by going to the __Settings > Themes__ section and selecting it from the __Syntax Themes__ drop-down menu. 14 | -------------------------------------------------------------------------------- /index.less: -------------------------------------------------------------------------------- 1 | 2 | // Atom Syntax Theme: One 3 | 4 | @import "styles/syntax-variables.less"; 5 | 6 | @import "styles/editor.less"; 7 | 8 | @import "styles/syntax/_base.less"; 9 | @import "styles/syntax/c.less"; 10 | @import "styles/syntax/cpp.less"; 11 | @import "styles/syntax/cs.less"; 12 | @import "styles/syntax/css.less"; 13 | @import "styles/syntax/elixir.less"; 14 | @import "styles/syntax/gfm.less"; 15 | @import "styles/syntax/go.less"; 16 | @import "styles/syntax/ini.less"; 17 | @import "styles/syntax/java.less"; 18 | @import "styles/syntax/javascript.less"; 19 | @import "styles/syntax/json.less"; 20 | @import "styles/syntax/ng.less"; 21 | @import "styles/syntax/ruby.less"; 22 | @import "styles/syntax/php.less"; 23 | @import "styles/syntax/python.less"; 24 | -------------------------------------------------------------------------------- /styles/syntax/json.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--json { 2 | .syntax--meta.syntax--structure.syntax--dictionary.syntax--json { 3 | & > .syntax--string.syntax--quoted.syntax--json { 4 | & > .syntax--punctuation.syntax--string { 5 | color: @hue-5; 6 | } 7 | color: @hue-5; 8 | } 9 | } 10 | 11 | .syntax--meta.syntax--structure.syntax--dictionary.syntax--json, .syntax--meta.syntax--structure.syntax--array.syntax--json { 12 | & > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json, 13 | & > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json > .syntax--punctuation { 14 | color: @hue-4; 15 | } 16 | 17 | & > .syntax--constant.syntax--language.syntax--json { 18 | color: @hue-1; 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /styles/syntax/ng.less: -------------------------------------------------------------------------------- 1 | .syntax--ng { 2 | &.syntax--interpolation { 3 | color: @hue-5; 4 | 5 | &.syntax--begin, &.syntax--end { 6 | color: @hue-2; 7 | } 8 | 9 | .syntax--function { 10 | color: @hue-5; 11 | 12 | &.syntax--begin, &.syntax--end { 13 | color: @hue-2; 14 | } 15 | } 16 | 17 | .syntax--bool { 18 | color: @hue-6; 19 | } 20 | 21 | .syntax--bracket { 22 | color: @mono-1; 23 | } 24 | } 25 | 26 | &.syntax--pipe, &.syntax--operator { 27 | color: @mono-1; 28 | } 29 | 30 | &.syntax--tag { 31 | color: @hue-1; 32 | } 33 | 34 | &.syntax--attribute-with-value { 35 | .syntax--attribute-name { 36 | color: @hue-6-2; 37 | } 38 | 39 | .syntax--string { 40 | color: @hue-3; 41 | 42 | &.syntax--begin, &.syntax--end { 43 | color: @mono-1; 44 | } 45 | } 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /styles/colors.less: -------------------------------------------------------------------------------- 1 | 2 | // Config ----------------------------------- 3 | @syntax-hue: 220; 4 | @syntax-saturation: 13%; 5 | @syntax-brightness: 18%; 6 | 7 | 8 | // Monochrome ----------------------------------- 9 | @mono-1: hsl(@syntax-hue, 14%, 71%); // default text 10 | @mono-2: hsl(@syntax-hue, 9%, 55%); 11 | @mono-3: hsl(@syntax-hue, 10%, 40%); 12 | 13 | // Colors ----------------------------------- 14 | @hue-1: hsl(187, 47%, 55%); // <-cyan 15 | @hue-2: hsl(207, 82%, 66%); // <-blue 16 | @hue-3: hsl(286, 60%, 67%); // <-purple 17 | @hue-4: hsl( 95, 38%, 62%); // <-green 18 | 19 | @hue-5: hsl(355, 65%, 65%); // <-red 1 20 | @hue-5-2: hsl( 5, 48%, 51%); // <-red 2 21 | 22 | @hue-6: hsl( 29, 54%, 61%); // <-orange 1 23 | @hue-6-2: hsl( 39, 67%, 69%); // <-orange 2 24 | 25 | 26 | // Base colors ----------------------------------- 27 | @syntax-fg: @mono-1; 28 | @syntax-bg: hsl(@syntax-hue, @syntax-saturation, @syntax-brightness); 29 | @syntax-gutter: darken(@syntax-fg, 26%); 30 | @syntax-guide: fade(@syntax-fg, 15%); 31 | @syntax-accent: hsl(@syntax-hue, 100%, 66% ); 32 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | Copyright (c) 2016 GitHub Inc. 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 | -------------------------------------------------------------------------------- /PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | ### Requirements 2 | 3 | * Filling out the template is required. Any pull request that does not include enough information to be reviewed in a timely manner may be closed at the maintainers' discretion. 4 | * All new code requires tests to ensure against regressions 5 | 6 | ### Description of the Change 7 | 8 | 13 | 14 | ### Alternate Designs 15 | 16 | 17 | 18 | ### Benefits 19 | 20 | 21 | 22 | ### Possible Drawbacks 23 | 24 | 25 | 26 | ### Applicable Issues 27 | 28 | 29 | -------------------------------------------------------------------------------- /styles/syntax/elixir.less: -------------------------------------------------------------------------------- 1 | .syntax--source.syntax--elixir { 2 | .syntax--source.syntax--embedded.syntax--source { 3 | color: @mono-1; 4 | } 5 | .syntax--constant.syntax--language, 6 | .syntax--constant.syntax--numeric, 7 | .syntax--constant.syntax--definition { 8 | color: @hue-2; 9 | } 10 | .syntax--variable.syntax--definition, 11 | .syntax--variable.syntax--anonymous{ 12 | color: @hue-3; 13 | } 14 | .syntax--parameter.syntax--variable.syntax--function { 15 | color: @hue-6; 16 | font-style: italic; 17 | } 18 | .syntax--quoted{ 19 | color: @hue-4; 20 | } 21 | .syntax--keyword.syntax--special-method, 22 | .syntax--embedded.syntax--section, 23 | .syntax--embedded.syntax--source.syntax--empty, { 24 | color: @hue-5; 25 | } 26 | .syntax--readwrite.syntax--module { 27 | .syntax--punctuation { 28 | color: @hue-5; 29 | } 30 | } 31 | .syntax--regexp.syntax--section, 32 | .syntax--regexp.syntax--string { 33 | color: @hue-5-2; 34 | } 35 | .syntax--separator, 36 | .syntax--keyword.syntax--operator { 37 | color: @hue-6; 38 | } 39 | .syntax--variable.syntax--constant { 40 | color: @hue-6-2; 41 | } 42 | .syntax--array, 43 | .syntax--scope, 44 | .syntax--section { 45 | color: @mono-2; 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 8 | 9 | ### Prerequisites 10 | 11 | * [ ] Put an X between the brackets on this line if you have done all of the following: 12 | * Reproduced the problem in Safe Mode: http://flight-manual.atom.io/hacking-atom/sections/debugging/#using-safe-mode 13 | * Followed all applicable steps in the debugging guide: http://flight-manual.atom.io/hacking-atom/sections/debugging/ 14 | * Checked the FAQs on the message board for common solutions: https://discuss.atom.io/c/faq 15 | * Checked that your issue isn't already filed: https://github.com/issues?utf8=✓&q=is%3Aissue+user%3Aatom 16 | * Checked that there is not already an Atom package that provides the described functionality: https://atom.io/packages 17 | 18 | ### Description 19 | 20 | [Description of the issue] 21 | 22 | ### Steps to Reproduce 23 | 24 | 1. [First Step] 25 | 2. [Second Step] 26 | 3. [and so on...] 27 | 28 | **Expected behavior:** [What you expect to happen] 29 | 30 | **Actual behavior:** [What actually happens] 31 | 32 | **Reproduces how often:** [What percentage of the time does it reproduce?] 33 | 34 | ### Versions 35 | 36 | You can get this information from copy and pasting the output of `atom --version` and `apm --version` from the command line. Also, please include the OS and what version of the OS you're running. 37 | 38 | ### Additional Information 39 | 40 | Any additional information, configuration or data that might be necessary to reproduce the issue. 41 | -------------------------------------------------------------------------------- /styles/syntax-variables.less: -------------------------------------------------------------------------------- 1 | @import "colors.less"; 2 | 3 | // Official Syntax Variables ----------------------------------- 4 | 5 | // General colors 6 | @syntax-text-color: @syntax-fg; 7 | @syntax-cursor-color: @syntax-accent; 8 | @syntax-selection-color: lighten(@syntax-background-color, 10%); 9 | @syntax-selection-flash-color: @syntax-accent; 10 | @syntax-background-color: @syntax-bg; 11 | 12 | // Guide colors 13 | @syntax-wrap-guide-color: @syntax-guide; 14 | @syntax-indent-guide-color: @syntax-guide; 15 | @syntax-invisible-character-color: @syntax-guide; 16 | 17 | // For find and replace markers 18 | @syntax-result-marker-color: fade(@syntax-accent, 24%); 19 | @syntax-result-marker-color-selected: @syntax-accent; 20 | 21 | // Gutter colors 22 | @syntax-gutter-text-color: @syntax-gutter; 23 | @syntax-gutter-text-color-selected: @syntax-fg; 24 | @syntax-gutter-background-color: @syntax-bg; // unused 25 | @syntax-gutter-background-color-selected: lighten(@syntax-bg, 8%); 26 | 27 | // Git colors - For git diff info. i.e. in the gutter 28 | @syntax-color-renamed: hsl(208, 100%, 60%); 29 | @syntax-color-added: hsl(150, 60%, 54%); 30 | @syntax-color-modified: hsl(40, 60%, 70%); 31 | @syntax-color-removed: hsl(0, 70%, 60%); 32 | 33 | // For language entity colors 34 | @syntax-color-variable: @hue-5; 35 | @syntax-color-constant: @hue-6; 36 | @syntax-color-property: @syntax-fg; 37 | @syntax-color-value: @syntax-fg; 38 | @syntax-color-function: @hue-2; 39 | @syntax-color-method: @hue-2; 40 | @syntax-color-class: @hue-6-2; 41 | @syntax-color-keyword: @hue-3; 42 | @syntax-color-tag: @hue-5; 43 | @syntax-color-attribute: @hue-6; 44 | @syntax-color-import: @hue-3; 45 | @syntax-color-snippet: @hue-4; 46 | 47 | 48 | // Custom Syntax Variables ----------------------------------- 49 | // Don't use in packages 50 | 51 | @syntax-cursor-line: hsla(@syntax-hue, 100%, 80%, .04); // needs to be semi-transparent to show search results 52 | 53 | @syntax-deprecated-fg: darken(@syntax-color-modified, 50%); 54 | @syntax-deprecated-bg: @syntax-color-modified; 55 | @syntax-illegal-fg: white; 56 | @syntax-illegal-bg: @syntax-color-removed; 57 | -------------------------------------------------------------------------------- /styles/editor.less: -------------------------------------------------------------------------------- 1 | 2 | // Editor styles (background, gutter, guides) 3 | 4 | atom-text-editor { 5 | background-color: @syntax-background-color; 6 | color: @syntax-text-color; 7 | 8 | .line.cursor-line { 9 | background-color: @syntax-cursor-line; 10 | } 11 | 12 | .invisible { 13 | color: @syntax-text-color; 14 | } 15 | 16 | .cursor { 17 | border-left: 2px solid @syntax-cursor-color; 18 | } 19 | 20 | .selection .region { 21 | background-color: @syntax-selection-color; 22 | } 23 | 24 | .bracket-matcher .region { 25 | border-bottom: 1px solid @syntax-cursor-color; 26 | box-sizing: border-box; 27 | } 28 | 29 | .invisible-character { 30 | color: @syntax-invisible-character-color; 31 | } 32 | 33 | .indent-guide { 34 | color: @syntax-indent-guide-color; 35 | } 36 | 37 | .wrap-guide { 38 | background-color: @syntax-wrap-guide-color; 39 | } 40 | 41 | // find + replace 42 | .find-result .region.region.region, 43 | .current-result .region.region.region { 44 | border-radius: 2px; 45 | background-color: @syntax-result-marker-color; 46 | transition: border-color .4s; 47 | } 48 | .find-result .region.region.region { 49 | border: 2px solid transparent; 50 | } 51 | .current-result .region.region.region { 52 | border: 2px solid @syntax-result-marker-color-selected; 53 | transition-duration: .1s; 54 | } 55 | 56 | .gutter { 57 | 58 | .line-number { 59 | color: @syntax-gutter-text-color; 60 | -webkit-font-smoothing: antialiased; 61 | 62 | &.cursor-line { 63 | color: @syntax-gutter-text-color-selected; 64 | background-color: @syntax-gutter-background-color-selected; 65 | } 66 | &.cursor-line-no-selection { 67 | background-color: transparent; 68 | } 69 | 70 | .icon-right { 71 | color: @syntax-text-color; 72 | } 73 | } 74 | 75 | &:not(.git-diff-icon) .line-number.git-line-removed { 76 | &.git-line-removed::before { 77 | bottom: -3px; 78 | } 79 | &::after { 80 | content: ""; 81 | position: absolute; 82 | left: 0px; 83 | bottom: 0px; 84 | width: 25px; 85 | border-bottom: 1px dotted fade(@syntax-color-removed, 50%); 86 | pointer-events: none; 87 | } 88 | } 89 | } 90 | 91 | .gutter .line-number.folded, 92 | .gutter .line-number:after, 93 | .fold-marker:after { 94 | color: @syntax-gutter-text-color-selected; 95 | } 96 | } 97 | -------------------------------------------------------------------------------- /styles/syntax/_base.less: -------------------------------------------------------------------------------- 1 | // Language syntax highlighting 2 | 3 | .syntax--comment { 4 | color: @mono-3; 5 | font-style: italic; 6 | 7 | .syntax--markup.syntax--link { 8 | color: @mono-3; 9 | } 10 | } 11 | 12 | .syntax--entity { 13 | 14 | &.syntax--name.syntax--type { 15 | color: @hue-6-2; 16 | } 17 | 18 | &.syntax--other.syntax--inherited-class { 19 | color: @hue-4; 20 | } 21 | } 22 | 23 | .syntax--keyword { 24 | color: @hue-3; 25 | 26 | &.syntax--control { 27 | color: @hue-3; 28 | } 29 | 30 | &.syntax--operator { 31 | color: @mono-1; 32 | } 33 | 34 | &.syntax--other.syntax--special-method { 35 | color: @hue-2; 36 | } 37 | 38 | &.syntax--other.syntax--unit { 39 | color: @hue-6; 40 | } 41 | } 42 | 43 | .syntax--storage { 44 | color: @hue-3; 45 | 46 | &.syntax--type { 47 | &.syntax--annotation, 48 | &.syntax--primitive { 49 | color: @hue-3; 50 | } 51 | } 52 | 53 | &.syntax--modifier { 54 | &.syntax--package, 55 | &.syntax--import { 56 | color: @mono-1; 57 | } 58 | } 59 | } 60 | 61 | .syntax--constant { 62 | color: @hue-6; 63 | 64 | &.syntax--variable { 65 | color: @hue-6; 66 | } 67 | 68 | &.syntax--character.syntax--escape { 69 | color: @hue-1; 70 | } 71 | 72 | &.syntax--numeric { 73 | color: @hue-6; 74 | } 75 | 76 | &.syntax--other.syntax--color { 77 | color: @hue-1; 78 | } 79 | 80 | &.syntax--other.syntax--symbol { 81 | color: @hue-1; 82 | } 83 | } 84 | 85 | .syntax--variable { 86 | color: @hue-5; 87 | 88 | &.syntax--interpolation { 89 | color: @hue-5-2; 90 | } 91 | 92 | &.syntax--parameter { 93 | color: @mono-1; 94 | } 95 | } 96 | 97 | .syntax--string { 98 | color: @hue-4; 99 | 100 | > .syntax--source, .syntax--embedded { 101 | color: @mono-1; 102 | } 103 | 104 | &.syntax--regexp { 105 | color: @hue-1; 106 | 107 | .syntax--source.syntax--ruby.syntax--embedded { 108 | color: @hue-6-2; 109 | } 110 | } 111 | 112 | &.syntax--other.syntax--link { 113 | color: @hue-5; 114 | } 115 | } 116 | 117 | .syntax--punctuation { 118 | &.syntax--definition { 119 | &.syntax--comment { 120 | color: @mono-3; 121 | } 122 | 123 | &.syntax--method-parameters, 124 | &.syntax--function-parameters, 125 | &.syntax--parameters, 126 | &.syntax--separator, 127 | &.syntax--seperator, 128 | &.syntax--array { 129 | color: @mono-1; 130 | } 131 | 132 | &.syntax--heading, 133 | &.syntax--identity { 134 | color: @hue-2; 135 | } 136 | 137 | &.syntax--bold { 138 | color: @hue-6-2; 139 | font-weight: bold; 140 | } 141 | 142 | &.syntax--italic { 143 | color: @hue-3; 144 | font-style: italic; 145 | } 146 | } 147 | 148 | &.syntax--section { 149 | &.syntax--embedded { 150 | color: @hue-5-2; 151 | } 152 | 153 | &.syntax--method, 154 | &.syntax--class, 155 | &.syntax--inner-class { 156 | color: @mono-1; 157 | } 158 | } 159 | } 160 | 161 | .syntax--support { 162 | &.syntax--class { 163 | color: @hue-6-2; 164 | } 165 | 166 | &.syntax--type { 167 | color: @hue-1; 168 | } 169 | 170 | &.syntax--function { 171 | color: @hue-1; 172 | 173 | &.syntax--any-method { 174 | color: @hue-2; 175 | } 176 | } 177 | } 178 | 179 | .syntax--entity { 180 | &.syntax--name.syntax--function { 181 | color: @hue-2; 182 | } 183 | 184 | &.syntax--name.syntax--class, 185 | &.syntax--name.syntax--type.syntax--class { 186 | color: @hue-6-2; 187 | } 188 | 189 | &.syntax--name.syntax--section { 190 | color: @hue-2; 191 | } 192 | 193 | &.syntax--name.syntax--tag { 194 | color: @hue-5; 195 | } 196 | 197 | &.syntax--other.syntax--attribute-name { 198 | color: @hue-6; 199 | 200 | &.syntax--id { 201 | color: @hue-2; 202 | } 203 | } 204 | } 205 | 206 | .syntax--meta { 207 | &.syntax--class { 208 | color: @hue-6-2; 209 | 210 | &.syntax--body { 211 | color: @mono-1; 212 | } 213 | } 214 | 215 | &.syntax--method-call, 216 | &.syntax--method { 217 | color: @mono-1; 218 | } 219 | 220 | &.syntax--definition { 221 | &.syntax--variable { 222 | color: @hue-5; 223 | } 224 | } 225 | 226 | &.syntax--link { 227 | color: @hue-6; 228 | } 229 | 230 | &.syntax--require { 231 | color: @hue-2; 232 | } 233 | 234 | &.syntax--selector { 235 | color: @hue-3; 236 | } 237 | 238 | &.syntax--separator { 239 | color: @mono-1; 240 | } 241 | 242 | &.syntax--tag { 243 | color: @mono-1; 244 | } 245 | } 246 | 247 | .syntax--underline { 248 | text-decoration: underline; 249 | } 250 | 251 | .syntax--none { 252 | color: @mono-1; 253 | } 254 | 255 | .syntax--invalid { 256 | &.syntax--deprecated { 257 | color: @syntax-deprecated-fg !important; 258 | background-color: @syntax-deprecated-bg !important; 259 | } 260 | &.syntax--illegal { 261 | color: @syntax-illegal-fg !important; 262 | background-color: @syntax-illegal-bg !important; 263 | } 264 | } 265 | 266 | // Languages ------------------------------------------------- 267 | 268 | .syntax--markup { 269 | &.syntax--bold { 270 | color: @hue-6; 271 | font-weight: bold; 272 | } 273 | 274 | &.syntax--changed { 275 | color: @hue-3; 276 | } 277 | 278 | &.syntax--deleted { 279 | color: @hue-5; 280 | } 281 | 282 | &.syntax--italic { 283 | color: @hue-3; 284 | font-style: italic; 285 | } 286 | 287 | &.syntax--heading { 288 | color: @hue-5; 289 | 290 | .syntax--punctuation.syntax--definition.syntax--heading { 291 | color: @hue-2; 292 | } 293 | } 294 | 295 | &.syntax--link { 296 | color: @hue-1; 297 | } 298 | 299 | &.syntax--inserted { 300 | color: @hue-4; 301 | } 302 | 303 | &.syntax--quote { 304 | color: @hue-6; 305 | } 306 | 307 | &.syntax--raw { 308 | color: @hue-4; 309 | } 310 | } 311 | --------------------------------------------------------------------------------