├── .gitignore ├── CHANGELOG.md ├── LICENSE.md ├── README.md ├── index.less ├── package.json ├── panda.jpg ├── screenshots ├── html.jpg ├── jsx.jpg ├── main.jpg ├── pandas.png ├── php.jpg ├── ports.jpg └── scss.jpg └── styles ├── base.less ├── colors.less ├── general.less ├── mixins.less └── syntax-variables.less /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | npm-debug.log 3 | node_modules 4 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## 0.1.0 - First Release 2 | * Colors are Happy! 3 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | Copyright (c) 2016 Siamak Mokhtari 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 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![Panda Logo](https://raw.githubusercontent.com/siamak/atom-panda-syntax/master/panda.jpg) 2 | 3 | A _Superminimal_, _dark_ Syntax Theme. This is the latest version of the **Panda Syntax** theme. It's a _dark_ syntax theme crafted especially for [Atom](http://atom.io), with subtle colors that are meant to be easy on the eyes. 4 | 5 | --- 6 | ![Main ScreenShot](https://raw.githubusercontent.com/siamak/atom-panda-syntax/master/screenshots/main.jpg) 7 | > The font in the screenshot is `Operator Mono`. From $199, exclusively at H&Co. http://www.typography.com/blog/introducing-operator 8 | 9 | --- 10 | 11 | ## ⌨️ Installation 12 | Preferences: 13 | 14 | 1. Go to `Setting > Install` and choose `Themes` 15 | 2. Search for `atom-panda-syntax` and install it. 16 | 3. Go to `Setting > Themes` and choose `Atom Panda` as the syntax theme. 17 | 18 | 19 | Atom Package Manager (APM): 20 | ```bash 21 | apm install atom-panda-syntax 22 | ``` 23 | 24 | ## 唥 Language support 25 | Panda Syntax Theme Supported Packages `language-*` and optimized for many languages: 26 | * _HTML:_ `Pug(Jade)`, `Slim`, `MarkDown(.md)`, `HAML`. 27 | * _CSS:_ `Sass`, `SCSS`, `LESS`. 28 | * _JavaScript:_ `JS`, `ES6`, `JSX`, `CoffeeScript`. 29 | * _C++_, _Python_, _GO_. 30 | 31 | ## 📷 Screen Shots 32 | #### — JSX: 33 | 34 | ![JSX ScreenShot](https://raw.githubusercontent.com/siamak/atom-panda-syntax/master/screenshots/jsx.jpg) 35 | 36 | #### — SCSS: 37 | 38 | ![SCSS ScreenShot](https://raw.githubusercontent.com/siamak/atom-panda-syntax/master/screenshots/scss.jpg) 39 | 40 | #### — HTML: 41 | 42 | ![HTML ScreenShot](https://raw.githubusercontent.com/siamak/atom-panda-syntax/master/screenshots/html.jpg) 43 | 44 | #### — PHP: 45 | 46 | ![PHP ScreenShot](https://raw.githubusercontent.com/siamak/atom-panda-syntax/master/screenshots/php.jpg) 47 | 48 | --- 49 | 50 | ## 📞 Recommended 51 | Panda Created by [Atom](http://atom.io) on [Atom Material UI](https://atom.io/themes/atom-material-ui). 52 | 53 | [![Panda Ports](https://raw.githubusercontent.com/siamak/atom-panda-syntax/master/screenshots/ports.jpg)](http://panda.siamak.work) 54 | 55 | --- 56 | 57 | ## 🐛 Issues and contributing 58 | If you would like to create a new Issue or PR, please do so in: 59 | * This repo if it's about color changes, like in `colors.less` or `syntax-variables.less`. 60 | 61 | ## 🐼 About Pandas 62 | ![Pandas ScreenShot](https://raw.githubusercontent.com/siamak/atom-panda-syntax/master/screenshots/pandas.png) 63 | 64 | 1. Sleep 12-14 hours per day 65 | 2. Eat 12-14 hours per day 66 | 3. Consume 10 to 18 kilos of raw bamboo per day 67 | 4. Poop 10 to 18 kilos of processed bamboo per day. 68 | 5. Panda sex is awkward. Naps are much more fun. 69 | 70 | > Picture & Contents from: https://dribbble.com/shots/2354579-Panda-Icon-Party. 71 | -------------------------------------------------------------------------------- /index.less: -------------------------------------------------------------------------------- 1 | @import "./styles/base.less"; 2 | @import "./styles/general.less"; 3 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "atom-panda-syntax", 3 | "theme": "syntax", 4 | "version": "0.18.0", 5 | "description": "Panda syntax theme for Dark UI Theme.", 6 | "keywords": [ 7 | "syntax", 8 | "dark", 9 | "atom", 10 | "theme" 11 | ], 12 | "repository": "https://github.com/siamak/atom-panda-syntax", 13 | "author": "Siamak Mokhtari (http://siamak.us)", 14 | "readmeFilename": "README.md", 15 | "homepage": "https://github.com/siamak/atom-panda-syntax", 16 | "license": "MIT", 17 | "engines": { 18 | "atom": ">=1.0.0 <2.0.0" 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /panda.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamak/atom-panda-syntax/5f8da63f050a79682253630639a77aba93cb1430/panda.jpg -------------------------------------------------------------------------------- /screenshots/html.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamak/atom-panda-syntax/5f8da63f050a79682253630639a77aba93cb1430/screenshots/html.jpg -------------------------------------------------------------------------------- /screenshots/jsx.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamak/atom-panda-syntax/5f8da63f050a79682253630639a77aba93cb1430/screenshots/jsx.jpg -------------------------------------------------------------------------------- /screenshots/main.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamak/atom-panda-syntax/5f8da63f050a79682253630639a77aba93cb1430/screenshots/main.jpg -------------------------------------------------------------------------------- /screenshots/pandas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamak/atom-panda-syntax/5f8da63f050a79682253630639a77aba93cb1430/screenshots/pandas.png -------------------------------------------------------------------------------- /screenshots/php.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamak/atom-panda-syntax/5f8da63f050a79682253630639a77aba93cb1430/screenshots/php.jpg -------------------------------------------------------------------------------- /screenshots/ports.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamak/atom-panda-syntax/5f8da63f050a79682253630639a77aba93cb1430/screenshots/ports.jpg -------------------------------------------------------------------------------- /screenshots/scss.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/siamak/atom-panda-syntax/5f8da63f050a79682253630639a77aba93cb1430/screenshots/scss.jpg -------------------------------------------------------------------------------- /styles/base.less: -------------------------------------------------------------------------------- 1 | @import "syntax-variables"; 2 | @import "mixins"; 3 | 4 | atom-text-editor { 5 | background-color: @syntax-background-color; 6 | color: @syntax-text-color; 7 | .wrap-guide { 8 | background-color: @syntax-wrap-guide-color; 9 | } 10 | .indent-guide { 11 | color: @syntax-indent-guide-color; 12 | } 13 | .invisible-character { 14 | color: @syntax-invisible-character-color; 15 | } 16 | .line.cursor-line { 17 | background-color: rgba(99, 123, 156, 0.07); 18 | } 19 | .gutter { 20 | background-color: @syntax-gutter-background-color; 21 | color: @syntax-gutter-text-color; 22 | .line-number { 23 | &.cursor-line { 24 | background-color: @syntax-gutter-background-color-selected; 25 | color: @syntax-gutter-text-color-selected; 26 | } 27 | &.cursor-line-no-selection { 28 | color: @syntax-gutter-text-color-selected; 29 | } 30 | } 31 | } 32 | .fold-marker:after, 33 | .gutter .line-number.folded, 34 | .gutter .line-number:after { 35 | color: @light-gray; 36 | } 37 | .invisible { 38 | color: @syntax-text-color; 39 | } 40 | .cursor { 41 | color: @syntax-cursor-color; 42 | } 43 | .selection .region { 44 | background-color: @syntax-selection-color; 45 | } 46 | } 47 | atom-text-editor .search-results .syntax--marker .region, 48 | atom-text-editor .search-results .syntax--marker .region { 49 | background-color: transparent; 50 | border: 1px solid @syntax-result-marker-color; 51 | } 52 | 53 | atom-text-editor .search-results .syntax--marker.current-result .region, 54 | atom-text-editor .search-results .syntax--marker.current-result .region { 55 | border: 1px solid @syntax-result-marker-color-selected; 56 | } 57 | 58 | .syntax--comment { 59 | color: @light-midnight; 60 | font-style: italic; 61 | } 62 | .syntax--keyword { 63 | color: @pink; 64 | &.syntax--control { 65 | color: @pink; 66 | &.syntax--html { 67 | &.syntax--custom { 68 | color: @orange; 69 | } 70 | } 71 | &.syntax--scss, 72 | &.syntax--less, 73 | &.syntax--css{ 74 | &.syntax--import { 75 | color: @light-pink !important; 76 | } 77 | &.syntax--at-rule { 78 | color: @purple !important; 79 | .syntax--keyword { 80 | color: @purple; 81 | } 82 | } 83 | } 84 | &.syntax--jade, 85 | &.syntax--pug { 86 | &.syntax--include { 87 | color: @green; 88 | } 89 | } 90 | &.syntax--new { 91 | color: @pink; 92 | font-style: italic; 93 | } 94 | } 95 | &.syntax--operator { 96 | color: @syntax-text-color; 97 | &.syntax--new { 98 | color: @pink; 99 | font-style: italic; 100 | } 101 | &.syntax--accessor { 102 | color: @lighter-gray; 103 | } 104 | &.syntax--logical { 105 | color: @light-orange; 106 | } 107 | &.syntax--key { 108 | color: @light-orange; 109 | } 110 | &.syntax--comparison { 111 | color: @light-orange; 112 | } 113 | &.syntax--php.syntax--class { 114 | color: @orange; 115 | } 116 | &.syntax--quantifier.syntax--regexp { 117 | color: @light-orange; 118 | } 119 | } 120 | &.syntax--other { 121 | &.syntax--important { 122 | color: lighten(@red, 6%); 123 | } 124 | &.syntax--special-method { 125 | color: @blue; 126 | } 127 | &.syntax--unit { 128 | color: @orange; 129 | } 130 | &.syntax--ini { 131 | color: @red; 132 | } 133 | &.syntax--default.syntax--scss { 134 | color: @red; 135 | } 136 | } 137 | } 138 | .syntax--storage { 139 | color: @orange; 140 | &.syntax--java { 141 | &.syntax--type { 142 | font-style: italic; 143 | } 144 | &.syntax--modifier { 145 | &.syntax--import { 146 | color: @very-light-gray; 147 | } 148 | &.syntax--package { 149 | color: @blue; 150 | } 151 | } 152 | } 153 | &.syntax--pug, &.syntax--jade { 154 | &.syntax--type { 155 | &.syntax--import { 156 | &.syntax--include { 157 | color: @purple; 158 | } 159 | } 160 | } 161 | } 162 | } 163 | 164 | .syntax--constant { 165 | color: @orange; 166 | &.syntax--character.syntax--escape { 167 | color: @blue; 168 | } 169 | &.syntax--id { 170 | &.syntax--tag { 171 | &.syntax--pug, 172 | &.syntax--jade { 173 | color: @light-blue; 174 | } 175 | } 176 | } 177 | &.syntax--numeric { 178 | color: @orange; 179 | } 180 | &.syntax--other.syntax--color { 181 | color: @blue; 182 | .syntax--constant { 183 | color: @blue; 184 | } 185 | } 186 | &.syntax--other.syntax--symbol { 187 | color: @green; 188 | } 189 | &.syntax--language.syntax--boolean.syntax--js { 190 | color: @red; 191 | } 192 | } 193 | .syntax--variable { 194 | color: @light-pink; 195 | &.syntax--interpolation { 196 | color: darken(@pink, 10%); 197 | } 198 | &.syntax--parameter.syntax--function { 199 | color: @lighter-gray; 200 | font-style: italic; 201 | } 202 | &.syntax--control { 203 | &.syntax--import { 204 | &.syntax--include { 205 | &.syntax--pug { 206 | color: @green; 207 | } 208 | } 209 | } 210 | } 211 | &.syntax--other { 212 | &.syntax--js { 213 | &.syntax--readwrite { 214 | color: @syntax-text-color; 215 | } 216 | &.syntax--property { 217 | color: @very-light-gray; 218 | } 219 | } 220 | &.syntax--php { 221 | color: @lighter-gray; 222 | } 223 | } 224 | &.syntax--php { 225 | color: @pink; 226 | } 227 | } 228 | .syntax--invalid { 229 | &.syntax--illegal { 230 | // border-bottom: 1px dashed fade(@green, 50%); 231 | border-bottom: 1px dashed fade(@red, 50%); 232 | } 233 | &.syntax--deprecated { 234 | background-color: fade(#FF2C6D, 62%); 235 | } 236 | } 237 | 238 | 239 | .syntax--string { 240 | color: @green; 241 | &.syntax--regexp { 242 | color: @blue; 243 | .syntax--source.syntax--ruby.syntax--embedded { 244 | color: @orange; 245 | } 246 | } 247 | &.syntax--unquoted { 248 | &.syntax--js { 249 | color: @light-orange; 250 | } 251 | } 252 | &.syntax--punctuation { 253 | .syntax--section.syntax--embedded .syntax--source { 254 | color: @green; 255 | } 256 | } 257 | &.syntax--other.syntax--link { 258 | color: @red; 259 | } 260 | } 261 | .syntax--punctuation { 262 | // color: @very-light-gray; 263 | &.syntax--definition { 264 | &.syntax--comment { 265 | color: @light-midnight; 266 | } 267 | &.syntax--array, 268 | &.syntax--parameters, 269 | &.syntax--string, 270 | &.syntax--variable { 271 | color: @syntax-text-color; 272 | } 273 | &.syntax--heading, 274 | &.syntax--identity { 275 | color: @blue; 276 | } 277 | &.syntax--string { 278 | color: @green; 279 | } 280 | &.syntax--bold { 281 | color: @light-orange; 282 | font-weight: bold; 283 | } 284 | &.syntax--italic { 285 | color: @pink; 286 | font-style: italic; 287 | } 288 | &.syntax--tag { 289 | &.syntax--html { 290 | color: @light-orange; 291 | } 292 | &.syntax--jsx { 293 | color: @orange; 294 | } 295 | } 296 | &.syntax--php { 297 | &.syntax--variable { 298 | color: @lighter-gray; 299 | } 300 | } 301 | &.syntax--map.syntax--bracket.syntax--round.syntax--scss { 302 | color: @syntax-text-color; 303 | } 304 | } 305 | &.syntax--section.syntax--embedded { 306 | color: lighten(@pink, 10%); 307 | &.syntax--php { 308 | &.syntax--begin, 309 | &.syntax--end { 310 | color: @very-light-gray; 311 | } 312 | } 313 | } 314 | &.syntax--terminator.syntax--statement.syntax--js { 315 | color: @syntax-text-color; 316 | } 317 | } 318 | .syntax--support { 319 | &.syntax--class { 320 | color: @light-orange; 321 | } 322 | &.syntax--type { 323 | color: @white; 324 | &.syntax--object { 325 | &.syntax--module { 326 | &.syntax--js { 327 | color: @purple; 328 | } 329 | } 330 | } 331 | } 332 | &.syntax--function { 333 | color: @light-blue; 334 | &.syntax--any-method { 335 | color: @light-blue; 336 | } 337 | } 338 | &.syntax--other { 339 | &.syntax--namespace { 340 | &.syntax--php { 341 | color: @purple; 342 | } 343 | } 344 | } 345 | } 346 | 347 | .syntax--source.syntax--tag { 348 | color: @red; 349 | } 350 | 351 | .syntax--entity { 352 | &.syntax--name.syntax--function { 353 | color: @light-blue; 354 | } 355 | &.syntax--name.syntax--type { 356 | color: @light-orange; 357 | } 358 | &.syntax--other.syntax--inherited-class { 359 | color: @green; 360 | } 361 | &.syntax--name.syntax--class, 362 | &.syntax--name.syntax--type.syntax--class { 363 | color: @light-orange; 364 | } 365 | &.syntax--name.syntax--section { 366 | color: @blue; 367 | } 368 | &.syntax--name.syntax--tag { 369 | color: @red; 370 | // font-weight: 500; 371 | } 372 | &.syntax--other.syntax--attribute-name { 373 | color: @orange; 374 | &.syntax--placeholder { 375 | color: @green; 376 | } 377 | &.syntax--id { 378 | color: @blue; 379 | } 380 | } 381 | // &.syntax--punctuation.definition.css { 382 | // color: #23e; 383 | // } 384 | } 385 | .syntax--meta { 386 | &.syntax--class { 387 | color: @light-orange; 388 | } 389 | &.syntax--link { 390 | color: @orange; 391 | } 392 | &.syntax--require { 393 | color: @blue; 394 | } 395 | &.syntax--selector { 396 | color: @pink; 397 | } 398 | &.syntax--brace.syntax--js { 399 | &.syntax--curly, &.syntax--round { 400 | color: @syntax-text-color; 401 | } 402 | } 403 | &.syntax--delimiter.syntax--comma.syntax--js { 404 | color: @syntax-text-color; 405 | } 406 | &.syntax--separator { 407 | background-color: @gray; 408 | color: @syntax-text-color; 409 | } 410 | &.syntax--method-call.syntax--java { 411 | color: @very-light-gray; 412 | } 413 | &.syntax--function-call { 414 | &.syntax--object.syntax--php { 415 | color: @light-blue; 416 | } 417 | } 418 | &.syntax--function { 419 | &.syntax--parameters.syntax--js { 420 | .syntax--variable.syntax--other.syntax--readwrite.syntax--js { 421 | font-style: italic; 422 | color: @lighter-gray; 423 | } 424 | } 425 | &.syntax--arguments { 426 | font-style: italic; 427 | } 428 | } 429 | } 430 | .syntax--none { 431 | color: @syntax-text-color; 432 | } 433 | .syntax--markup { 434 | &.syntax--bold { 435 | color: @orange; 436 | font-weight: bold; 437 | } 438 | &.syntax--changed { 439 | color: @pink; 440 | } 441 | &.syntax--deleted { 442 | color: @red; 443 | } 444 | &.syntax--italic { 445 | color: @pink; 446 | font-style: italic; 447 | } 448 | &.syntax--heading .syntax--punctuation.syntax--definition.syntax--heading { 449 | color: @blue; 450 | } 451 | &.syntax--inserted { 452 | color: @green; 453 | } 454 | &.syntax--list { 455 | color: @red; 456 | } 457 | &.syntax--quote { 458 | color: @orange; 459 | } 460 | &.syntax--raw.syntax--inline { 461 | color: @green; 462 | } 463 | } 464 | .syntax--source.syntax--gfm .syntax--markup { 465 | -webkit-font-smoothing: auto; 466 | color: lighten(@light-gray, 5); 467 | &.syntax--heading { 468 | color: @green; 469 | } 470 | &.syntax--link { 471 | color: @light-orange; 472 | } 473 | &.syntax--list { 474 | &.syntax--ordered { 475 | color: @pink; 476 | } 477 | } 478 | } 479 | 480 | .bracket-matcher .region { 481 | border-bottom-color: @green; 482 | } 483 | 484 | .cursors .cursor { 485 | border-color: @red !important; 486 | } 487 | atom-text-editor .scroll-view, 488 | atom-text-editor[mini] .scroll-view { 489 | padding-left: 2px; 490 | } 491 | -------------------------------------------------------------------------------- /styles/colors.less: -------------------------------------------------------------------------------- 1 | // These colors are specific to the theme. Do not use in a package! 2 | 3 | @very-light-gray : #E6E6E6; 4 | @lighter-gray : darken(@very-light-gray, 10%); 5 | @light-gray : #757575; 6 | @gray : #373b41; 7 | 8 | @dark-gray : lighten(#292A2B, 2%); 9 | @very-dark-gray : #292A2B; 10 | 11 | @white : #f3f3f3; 12 | @light-midnight : #676B79; 13 | 14 | // @blue : #6DB1FF; 15 | @blue : #45A9F9; 16 | @light-blue : #6FC1FF; 17 | @purple : #B084EB; 18 | @green : #19f9d8; 19 | // @green : #13FFDC; 20 | @red : #FF2C6D; 21 | 22 | @orange : #FFB86C; 23 | @light-orange : lighten(@orange, 8%); 24 | 25 | @pink : #FF75B5; 26 | @light-pink : #FF9AC1; 27 | -------------------------------------------------------------------------------- /styles/general.less: -------------------------------------------------------------------------------- 1 | atom-text-editor { 2 | .syntax--support.syntax--class, 3 | .syntax--entity.syntax--name.syntax--class, 4 | .syntax--entity.syntax--name.syntax--type.syntax--class, 5 | .syntax--variable.syntax--language.syntax--this.syntax--js { 6 | font-style: italic; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /styles/mixins.less: -------------------------------------------------------------------------------- 1 | .isRetina-2x(@rules) { 2 | @media 3 | only screen and (-webkit-min-device-pixel-ratio: 2), 4 | only screen and ( min--moz-device-pixel-ratio: 2), 5 | only screen and ( -o-min-device-pixel-ratio: 2/1), 6 | only screen and ( min-device-pixel-ratio: 2), 7 | only screen and ( min-resolution: 192dpi), 8 | only screen and ( min-resolution: 2dppx) { 9 | /* on retina, use image that's scaled by 2 */ 10 | @rules(); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /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: @very-light-gray; 8 | @syntax-cursor-color: @light-gray; 9 | @syntax-selection-color: lighten(@dark-gray, 10%); 10 | @syntax-background-color: @very-dark-gray; 11 | 12 | // Guide colors 13 | @syntax-wrap-guide-color: @dark-gray; 14 | 15 | @syntax-indent-guide-color: @gray; 16 | @syntax-invisible-character-color: mix(@very-dark-gray, @gray, 20); 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: @very-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 | --------------------------------------------------------------------------------