├── screenshot.jpg ├── package.json ├── styles ├── syntax-variables.less └── colors.less ├── LICENSE.md ├── README.md └── index.less /screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kitten/Adventurous-Syntax/HEAD/screenshot.jpg -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "adventurous-syntax", 3 | "theme": "syntax", 4 | "version": "1.0.0", 5 | "description": "Dark theme for Atom based on the Adventure Time Color Palette", 6 | "repository": "https://github.com/philplckthun/Adventurous-Syntax", 7 | "license": "MIT", 8 | "engines": { 9 | "atom": ">0.100.0" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /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: @discrete; 8 | @syntax-cursor-color: white; 9 | @syntax-selection-color: lighten(@darkness, 10%); 10 | @syntax-selection-flash-color: @very-light-gray; 11 | @syntax-background-color: @darkness; 12 | 13 | // Guide colors 14 | @syntax-wrap-guide-color: @dark-gray; 15 | @syntax-indent-guide-color: @gray; 16 | @syntax-invisible-character-color: @gray; 17 | 18 | // For find and replace markers 19 | @syntax-result-marker-color: @light-gray; 20 | @syntax-result-marker-color-selected: white; 21 | 22 | // Gutter colors 23 | @syntax-gutter-text-color: @very-light-gray; 24 | @syntax-gutter-text-color-selected: @syntax-gutter-text-color; 25 | @syntax-gutter-background-color: @dark-gray; 26 | @syntax-gutter-background-color-selected: @gray; 27 | 28 | // For git diff info. i.e. in the gutter 29 | @syntax-color-renamed: @blue; 30 | @syntax-color-added: @green; 31 | @syntax-color-modified: @orange; 32 | @syntax-color-removed: @red; 33 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | Copyright (c) 2014 Phil Plueckthun [phil@plckthn.me]. 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 | -------------------------------------------------------------------------------- /styles/colors.less: -------------------------------------------------------------------------------- 1 | // These colors are specific to the theme. Do not use in a package! 2 | 3 | // Basic Theme Colors 4 | @jake-the-dog: #F5BB12; 5 | @rawr: #FFC620; 6 | @peppermint-butler: #D3422E; 7 | @finns-bag: #4BAE16; 8 | @ice-king: #7fd6fa; 9 | @finn-the-human: #277BD3; 10 | @heartbreaker: #f25a55; 11 | @princess: #de347a; 12 | @adventure-time: #3299CC; 13 | 14 | // Standard Color Application 15 | @cyan: #8abeb7; 16 | @blue: @finn-the-human; 17 | @purple: @adventure-time; 18 | @green: @finns-bag; 19 | @red: @heartbreaker; 20 | @dark-red: @peppermint-butler; 21 | @orange: #de935f; 22 | @light-orange: #f0c674; 23 | @bright-orange: @jake-the-dog; 24 | 25 | @darkness: #191B1F; 26 | 27 | // Shades of Grey?! 28 | @very-light-gray: #c5c8c6; 29 | @light-gray: #bdbdbd; 30 | @gray: #373b41; 31 | @dark-gray: lighten(@darkness, 5%); 32 | @very-dark-gray: @darkness; 33 | 34 | // Colors to Feelings 35 | @energetic: @jake-the-dog; 36 | @hyperactive: @rawr; 37 | @passive: @adventure-time; 38 | @discrete: #BFD7DB; 39 | @ghostly: #404449; 40 | @posh: @peppermint-butler; 41 | @warm: @heartbreaker; 42 | @positive: @finns-bag; 43 | @cold: @ice-king; 44 | @intensive: @finn-the-human; 45 | @important: @princess; 46 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Adventurous Syntax theme 2 | 3 | A dark Atom theme using common colours often seen in the cult series **Adventure Time**. 4 | 5 | ![Adventure Time!](http://img1.wikia.nocookie.net/__cb20120811190505/adventuretimewithfinnandjake/images/2/24/Ci_banner_2k12mar20_adventuretime.jpeg) 6 | 7 | Based on the Base16 Tomorrow Dark syntax theme by the Atom team. 8 | 9 | **Why?** Because Adventure Time's colours are crisp and awesome! 10 | 11 | > Searching for this theme for Vim? Check out [vim-adventurous](https://github.com/philpl/vim-adventurous). 12 | 13 | ## Installation 14 | 15 | Just search for **"Adventurous"** in the _Themes_ section and you'll find this theme. 16 | 17 | After installation it can be activated by going to 18 | the _Themes_ section in the Settings view (`cmd-,`) and selecting it from the 19 | _Syntax Themes_ drop-down menu. 20 | 21 | ## Contributing 22 | 23 | This is a *work in progress*. 24 | 25 | Please report any peculiar color combinations or circumstances under which code is rendered unreadable and ugly. 26 | 27 | Please also try to attach a screenshot, so it is easier to recognise the problem. 28 | 29 | ## Screenshots 30 | 31 | ![Screenshot](https://github.com/philplckthun/Adventurous-Syntax/raw/master/screenshot.jpg) 32 | -------------------------------------------------------------------------------- /index.less: -------------------------------------------------------------------------------- 1 | @import "syntax-variables"; 2 | 3 | atom-text-editor { 4 | background-color: @syntax-background-color; 5 | color: @syntax-text-color; 6 | } 7 | 8 | atom-text-editor { 9 | .wrap-guide { 10 | background-color: @syntax-wrap-guide-color; 11 | } 12 | 13 | .indent-guide { 14 | color: @syntax-indent-guide-color; 15 | } 16 | 17 | .invisible-character { 18 | color: @syntax-invisible-character-color; 19 | } 20 | 21 | .gutter { 22 | background-color: @syntax-gutter-background-color; 23 | border-right: 2px solid @syntax-gutter-background-color-selected; 24 | color: @syntax-gutter-text-color; 25 | 26 | .line-number { 27 | padding: 0 0.25em 0 0.5em; 28 | &.cursor-line { 29 | background-color: @syntax-gutter-background-color-selected; 30 | color: @syntax-gutter-text-color-selected; 31 | } 32 | 33 | &.cursor-line-no-selection { 34 | color: @syntax-gutter-text-color-selected; 35 | } 36 | } 37 | } 38 | 39 | .gutter .line-number.folded, 40 | .gutter .line-number:after, 41 | .fold-marker:after { 42 | color: @light-gray; 43 | } 44 | 45 | .scroll-view { 46 | padding-left: 10px; 47 | } 48 | 49 | .invisible { 50 | color: @syntax-text-color; 51 | } 52 | 53 | .cursor { 54 | color: @syntax-cursor-color; 55 | } 56 | 57 | .selection .region { 58 | background-color: @syntax-selection-color; 59 | } 60 | } 61 | 62 | .syntax--comment { 63 | color: @ghostly; 64 | font-style: italic; 65 | } 66 | 67 | .syntax--support { 68 | &.syntax--function { 69 | color: @hyperactive; 70 | } 71 | &.syntax--gfm { 72 | color: @passive; 73 | } 74 | } 75 | 76 | .syntax--entity { 77 | 78 | &.syntax--name.syntax--function { 79 | color: @hyperactive; 80 | } 81 | 82 | &.syntax--name.syntax--type { 83 | color: @light-orange; 84 | text-decoration: underline; 85 | } 86 | 87 | &.syntax--other.syntax--attribute-name { 88 | color: @warm !important; 89 | } 90 | } 91 | 92 | .syntax--keyword { 93 | color: @posh; 94 | 95 | &.syntax--control { 96 | color: @energetic !important; 97 | 98 | .syntax--definition { 99 | color: inherit; 100 | } 101 | } 102 | 103 | &.syntax--operator { 104 | color: @energetic !important; 105 | } 106 | 107 | &.syntax--other.syntax--unit { 108 | color: @energetic !important; 109 | font-style: italic; 110 | } 111 | } 112 | 113 | .syntax--storage { 114 | color: @warm; 115 | font-style: italic; 116 | 117 | &.syntax--modifier { 118 | color: @posh; 119 | font-style: normal; 120 | } 121 | 122 | &.syntax--import { 123 | color: @energetic !important; 124 | font-style: italic; 125 | } 126 | } 127 | 128 | .syntax--constant { 129 | // color: @hyperactive; 130 | color: @intensive; 131 | 132 | &.syntax--numeric { 133 | color: @energetic; 134 | } 135 | 136 | &.syntax--language { 137 | color: @important; 138 | } 139 | } 140 | 141 | .syntax--variable { 142 | color: @passive; 143 | 144 | &.syntax--assignment { 145 | color: @warm; 146 | } 147 | } 148 | 149 | .syntax--invalid.syntax--illegal { 150 | background-color: @red; 151 | color: @syntax-background-color; 152 | } 153 | 154 | .syntax--invalid.syntax--deprecated { 155 | background-color: @hyperactive; 156 | color: @syntax-background-color; 157 | } 158 | 159 | .syntax--string { 160 | color: @cold; 161 | 162 | &.syntax--regexp { 163 | color: @cyan; 164 | 165 | .syntax--source.syntax--ruby.syntax--embedded { 166 | color: @bright-orange; 167 | } 168 | } 169 | 170 | &.syntax--other.syntax--link { 171 | color: @red; 172 | } 173 | } 174 | 175 | .syntax--punctuation { 176 | &.syntax--definition { 177 | &.syntax--comment { 178 | color: @ghostly; 179 | } 180 | 181 | &.syntax--parameters, 182 | &.syntax--array { 183 | color: @syntax-text-color; 184 | } 185 | 186 | &.syntax--heading, 187 | &.syntax--identity { 188 | color: @blue; 189 | } 190 | 191 | &.syntax--bold { 192 | color: @light-orange; 193 | font-weight: bold; 194 | } 195 | 196 | &.syntax--italic { 197 | color: @purple; 198 | font-style: italic; 199 | } 200 | } 201 | 202 | &.syntax--section.syntax--embedded { 203 | color: @dark-red; 204 | } 205 | } 206 | 207 | .syntax--entity { 208 | 209 | &.syntax--name.syntax--class, &.syntax--name.syntax--type.syntax--class { 210 | color: @positive; 211 | } 212 | 213 | &.syntax--name.syntax--section { 214 | color: @blue; 215 | } 216 | 217 | &.syntax--name.syntax--tag { 218 | color: @hyperactive; 219 | } 220 | 221 | &.syntax--other.syntax--attribute-name { 222 | color: @hyperactive; 223 | 224 | &.syntax--id { 225 | color: @blue; 226 | } 227 | } 228 | } 229 | 230 | .syntax--meta { 231 | &.syntax--link { 232 | color: @orange; 233 | } 234 | 235 | &.syntax--require { 236 | color: @blue; 237 | } 238 | 239 | &.syntax--selector { 240 | color: @purple; 241 | } 242 | 243 | &.syntax--separator { 244 | background-color: #373b41; 245 | color: @syntax-text-color; 246 | } 247 | 248 | &.syntax--tag { 249 | color: @syntax-text-color; 250 | } 251 | } 252 | 253 | .syntax--none { 254 | color: @syntax-text-color; 255 | } 256 | 257 | .syntax--markup { 258 | &.syntax--bold { 259 | color: @orange; 260 | font-weight: bold; 261 | } 262 | 263 | &.syntax--changed { 264 | color: @purple; 265 | } 266 | 267 | &.syntax--deleted { 268 | color: @red; 269 | } 270 | 271 | &.syntax--italic { 272 | color: @purple; 273 | font-style: italic; 274 | } 275 | 276 | &.syntax--heading .syntax--punctuation.syntax--definition.syntax--heading { 277 | color: @blue; 278 | } 279 | 280 | &.syntax--inserted { 281 | color: @green; 282 | } 283 | 284 | &.syntax--list { 285 | color: @red; 286 | } 287 | 288 | &.syntax--quote { 289 | color: @orange; 290 | } 291 | 292 | &.syntax--raw.syntax--inline { 293 | color: @green; 294 | } 295 | 296 | &.syntax--raw.syntax--gfm.syntax--support.syntax--gfm { 297 | color: @passive; 298 | } 299 | 300 | &.syntax--strike.syntax--gfm { 301 | color: @princess; 302 | } 303 | } 304 | 305 | .syntax--source.syntax--gfm { 306 | .syntax--markup { 307 | -webkit-font-smoothing: auto; 308 | &.syntax--heading { 309 | color: @red; 310 | } 311 | 312 | &.syntax--link { 313 | color: @blue; 314 | } 315 | } 316 | 317 | .syntax--link .syntax--entity { 318 | color: @cyan; 319 | } 320 | } 321 | 322 | atom-text-editor[mini] { 323 | .scroll-view { 324 | padding-left: 1px; 325 | } 326 | } 327 | --------------------------------------------------------------------------------