Skip to content

Instantly share code, notes, and snippets.

@abe33

abe33/atom_config.md

Last active April 10, 2019 21:13
Download ZIP

Revisions

  1. abe33 revised this gist Nov 7, 2016. 1 changed file with 18 additions and 12 deletions.
    30 changes: 18 additions & 12 deletions atom_config.md
    View file
    Original file line number Diff line number Diff line change
    @@ -4,24 +4,28 @@

    ```
    Community Packages
    ├── Stylus@3.0.0
    ├── Stylus@3.1.0
    ├── Zen@0.16.4
    ├── atom-eco@0.2.0
    ├── atom-material-syntax@0.4.6
    ├── atom-ternjs@0.15.0
    ├── bezier-curve-editor@0.7.2
    ├── caniuse@0.9.0
    ├── clipboard-plus@0.5.1
    ├── docblockr@0.8.5
    ├── docblockr@0.8.7
    ├── duotone-dark-forest-syntax@2.0.0
    ├── duotone-dark-space-syntax@2.0.0
    ├── expose@0.12.1
    ├── figlet@0.5.4
    ├── highlight-selected@0.11.2
    ├── language-generic-config@1.1.0
    ├── indent-tooltip@0.2.1
    ├── language-generic-config@1.2.0
    ├── language-haml@0.24.0
    ├── language-jade@0.7.2
    ├── language-sass@0.56.0
    ├── linter@1.11.16
    ├── language-sass@0.57.0
    ├── linter@1.11.18
    ├── linter-js-standard@3.4.1
    ├── minimap@4.25.0
    ├── minimap@4.26.1
    ├── minimap-bookmarks@0.4.2
    ├── minimap-codeglance@0.4.5
    ├── minimap-find-and-replace@4.5.1
    @@ -31,22 +35,24 @@ Community Packages
    ├── minimap-pigments@0.2.1
    ├── minimap-selection@4.4.0
    ├── php-twig@4.0.0
    ├── pigments@0.34.0
    ├── process-palette@0.9.0
    ├── pigments@0.38.0
    ├── process-palette@0.9.1
    ├── project-palette-finder@2.4.17
    ├── red-wavy-underline@0.3.0
    ├── red-wavy-underline@0.3.1
    ├── solarized-dark-ui@0.3.1
    ├── sort-lines@0.14.0
    ├── spacegray-dark-neue-syntax@1.3.0
    ├── spacegray-dark-neue-ui@1.6.0
    ├── spacegray-dark-syntax@0.2.0
    ├── spacegray-dark-ui@0.12.0
    ├── tablr@1.5.3
    ├── tablr@1.6.1
    ├── tabs-to-spaces@1.0.2
    ├── toggle-quotes@1.0.0
    ├── travis-ci-status@1.3.0
    ├── tree-view-breadcrumb@0.8.1
    ├── tree-view-open-files@0.3.0
    ├── typewriter@0.3.5
    ├── unfancy-file-icons@0.9.0
    ├── typewriter@0.4.0
    ├── unfancy-file-icons@0.10.0
    ├── white-cursor@0.6.0
    └── zentabs@0.8.7
    ```
  2. abe33 revised this gist Nov 4, 2016. 1 changed file with 35 additions and 28 deletions.
    63 changes: 35 additions & 28 deletions styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -392,10 +392,6 @@ atom-text-editor atom-text-editor-minimap {
    background: @green;
    }

    .comment {
    color: lighten(#5F5A60, 10%);
    }

    * {
    // -webkit-font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" on, "calt" on;
    @@ -411,7 +407,7 @@ atom-text-editor {
    // -webkit-font-feature-settings: "liga" off, "calt" off;
    // }

    /*.string.quoted,*/ .string.regexp {
    .syntax--string.syntax--regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
    }

    @@ -438,12 +434,12 @@ atom-text-editor {
    border-color: @green;
    }

    .gfm {
    .raw {
    .syntax--gfm {
    .syntax--raw {
    color: @magenta;
    }

    .link {
    .syntax--link {
    color: @cyan;
    }
    }
    @@ -462,32 +458,38 @@ atom-text-editor {
    color: fadeout(@base02, 50%) !important;
    }

    .punctuation.string.begin, .punctuation.string.end {
    .syntax--punctuation.syntax--string.syntax--begin, .syntax--punctuation.syntax--string.syntax--end {
    color: @orange !important;
    }

    // Ruby & CoffeeScript string interpolation punctuation
    .punctuation.embedded, .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded .source.ruby {
    .syntax--punctuation.syntax--embedded,
    .syntax--punctuation.syntax--section.syntax--embedded,
    .syntax--source.syntax--ruby .syntax--meta.syntax--embedded .syntax--punctuation.syntax--section.syntax--embedded,
    .syntax--source.syntax--ruby .syntax--meta.syntax--embedded .syntax--punctuation.syntax--section.syntax--embedded .syntax--source.syntax--ruby {
    color: @orange;
    }

    // Content of interpolations use the base color
    .source.coffee.embedded, .meta.embedded.ruby, .variable.interpolation.sass, .property-value.sass {
    .syntax--source.syntax--coffee.syntax--embedded,
    .syntax--meta.syntax--embedded.syntax--ruby,
    .syntax--variable.syntax--interpolation.syntax--sass,
    .syntax--property-value.syntax--sass {
    color: @base1;
    }

    .keyword.operator {
    .syntax--keyword.syntax--operator {
    color: @violet;
    }

    // Ruby do block arguments
    .meta.line.ruby.haml {
    .syntax--meta.syntax--line.syntax--ruby.syntax--haml {
    color: @green;

    .source.ruby {
    .syntax--source.syntax--ruby {
    color: @base1;

    &.embedded.html {
    &.syntax--embedded.syntax--html {
    color: @blue;
    }
    }
    @@ -503,12 +505,12 @@ atom-text-editor {
    // }

    // Styles all Haml entities (%tag, #id, .class) in blue
    .entity.name.tag.haml {
    .syntax--entity.syntax--name.syntax--tag.syntax--haml {
    color: @blue;
    }

    // Styles Haml filters (:ruby, :coffee) in red
    *:not(.tag) > .entity.name.tag.haml:not(.class):not(.id) {
    *:not(.syntax--tag) > .syntax--entity.syntax--name.syntax--tag.syntax--haml:not(.syntax--class):not(.syntax--id) {
    color: @magenta;
    }

    @@ -518,52 +520,57 @@ atom-text-editor {
    // }

    // Styles Literate CoffeeScript comment using a low contrast color
    .source.litcoffee {
    .syntax--source.syntax--litcoffee {
    color: @base01;

    .raw.block {
    .syntax--raw.syntax--block {
    color: @base1;
    }
    }

    // Styles numbers with magenta
    .numeric {
    .syntax--numeric {
    color: @magenta;
    }

    .constant.other.symbol {
    .syntax--constant.syntax--other.syntax--symbol {
    color: @orange;
    }

    // Styles variables affectation and CoffeeScript/Ruby @properties
    .variable.sass, .variable-usage.sass, .storage.modifier, .punctuation.separator.variable.ruby, .variable.other.block.ruby, .definition.variable.ruby {
    .syntax--variable.syntax--sass,
    .syntax--variable-usage.syntax--sass,
    .syntax--storage.syntax--modifier,
    .syntax--punctuation.syntax--separator.syntax--variable.syntax--ruby,
    .syntax--variable.syntax--other.syntax--block.syntax--ruby,
    .syntax--definition.syntax--variable.syntax--ruby {
    color: #cc6666;
    }

    // Sass @import param
    .variable.url.sass {
    .syntax--variable.syntax--url.syntax--sass {
    color: @cyan;
    }
    // CSS/Sass/less units (px, %, em, etc.)
    .unit {
    .syntax--unit {
    color: @green;
    }

    .operator.assignment {
    .syntax--operator.syntax--assignment {
    color: @green;
    }
    .punctuation.section, .meta.brace {
    .syntax--punctuation.syntax--section, .syntax--meta.syntax--brace {
    color: saturate(@magenta, 20%);
    }
    // .coffee {
    // .variable.instance, .variable.assignment {
    // color: @blue;
    // }
    // }
    .markdown.heading {
    .syntax--markdown.syntax--heading {
    color: @base1;

    .name {
    .syntax--name {
    color: @magenta;
    }
    }
  3. abe33 revised this gist Oct 28, 2016. 1 changed file with 31 additions and 25 deletions.
    56 changes: 31 additions & 25 deletions styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,4 @@

    // Solarized colors
    //
    // @base05: rgb(0, 26, 27);
    @@ -59,13 +60,13 @@
    border-color: transparent;
    margin: 0;
    margin-right: -70px;
    height: 8px;
    height: 10px;
    z-index: 10;
    left: 0px;
    right: 0px;

    .title {
    height: 8px;
    height: 10px;
    width: 100%;
    background: red;
    cursor: -webkit-grab;
    @@ -77,6 +78,10 @@ atom-panel.left {
    padding-top: 22px;
    }

    atom-panel.header {
    border: none;
    }

    [theme-one-dark-ui-layoutmode="compact"] atom-pane-container atom-pane, .tab-bar .tab {
    border-image: linear-gradient(transparent, @base05 20px) 0 0 0 1 stretch;
    }
    @@ -158,6 +163,7 @@ atom-panel.left {
    -webkit-font-smoothing: subpixel-antialiased;
    }


    .text-info {
    color: @blue-strong;
    }
    @@ -290,7 +296,7 @@ atom-panel.left {
    background: rgba(255, 255, 255, 0.1);
    }

    atom-text-editor::shadow {
    atom-text-editor {
    .highlight-selected .region {
    border: 1px solid @blue;
    border-radius: 2px;
    @@ -310,29 +316,29 @@ atom-text-editor::shadow {
    // ## ## ## ## ### ## ## ## ## ## ##
    // ## ## #### ## ## #### ## ## ## ## ##

    atom-text-editor::shadow atom-text-editor-minimap {
    &::shadow {
    .minimap-scroll-indicator {
    background: @blue;
    }
    atom-text-editor atom-text-editor-minimap {

    // .minimap-visible-area {
    // background-color: #7c7c7c;
    // // Color of Visible area.
    // opacity: 0.1;
    // // Default 0 when you not working with minimap
    // cursor: default;
    // // Change cursor style to pointer.
    // transition: 0.5s opacity;
    // // Better UI.
    // &:hover {
    // opacity: 0.2;
    // } // Only display Minimap visible area when working.
    // &:active {
    // cursor: default;
    // } // Change cursor when dragging.
    // }
    .minimap-scroll-indicator {
    background: @blue;
    }

    // .minimap-visible-area {
    // background-color: #7c7c7c;
    // // Color of Visible area.
    // opacity: 0.1;
    // // Default 0 when you not working with minimap
    // cursor: default;
    // // Change cursor style to pointer.
    // transition: 0.5s opacity;
    // // Better UI.
    // &:hover {
    // opacity: 0.2;
    // } // Only display Minimap visible area when working.
    // &:active {
    // cursor: default;
    // } // Change cursor when dragging.
    // }

    // &:hover::shadow {
    // .minimap-visible-area {
    // opacity: 0.2;
    @@ -400,7 +406,7 @@ autocomplete-suggestion-list .character-match {
    text-decoration: underline;
    }

    atom-text-editor, atom-text-editor::shadow {
    atom-text-editor {
    // .cursor-line {
    // -webkit-font-feature-settings: "liga" off, "calt" off;
    // }
  4. abe33 revised this gist Oct 6, 2016. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -59,13 +59,13 @@
    border-color: transparent;
    margin: 0;
    margin-right: -70px;
    height: 10px;
    height: 8px;
    z-index: 10;
    left: 0px;
    right: 0px;

    .title {
    height: 10px;
    height: 8px;
    width: 100%;
    background: red;
    cursor: -webkit-grab;
  5. abe33 revised this gist Oct 5, 2016. 1 changed file with 14 additions and 1 deletion.
    15 changes: 14 additions & 1 deletion styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -57,7 +57,20 @@
    .title-bar {
    background-color: transparent;
    border-color: transparent;
    height: 0;
    margin: 0;
    margin-right: -70px;
    height: 10px;
    z-index: 10;
    left: 0px;
    right: 0px;

    .title {
    height: 10px;
    width: 100%;
    background: red;
    cursor: -webkit-grab;
    opacity: 0;
    }
    }

    atom-panel.left {
  6. abe33 revised this gist Oct 3, 2016. 1 changed file with 8 additions and 3 deletions.
    11 changes: 8 additions & 3 deletions styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -121,7 +121,7 @@ atom-panel.left {
    -webkit-font-smoothing: subpixel-antialiased;
    }

    h1, h2, h3, h4, h5, h6 {
    h1, h2 {
    color: @base0;
    font-weight: 100;
    }
    @@ -136,6 +136,11 @@ atom-panel.left {
    font-weight: 500;
    }

    h5, h6 {
    color: @base0;
    font-weight: 500;
    }

    p, code, td, li, th, span, div {
    -webkit-font-smoothing: subpixel-antialiased;
    }
    @@ -170,7 +175,7 @@ atom-panel.left {
    }

    ul {
    margin: 0;
    margin: 20px 0;
    padding: 0;

    li {
    @@ -181,7 +186,7 @@ atom-panel.left {
    }

    ol {
    margin: 0;
    margin: 20px 0;
    padding: 0;

    li {
  7. abe33 revised this gist Sep 30, 2016. 1 changed file with 23 additions and 5 deletions.
    28 changes: 23 additions & 5 deletions styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -40,6 +40,7 @@
    @magenta: #BF616A;
    @violet: #B48EAD;
    @blue: #8FA1B3;
    @blue-strong: #4283F0;
    @cyan: #96B5B4;
    @green: #A3BE8C;

    @@ -135,10 +136,27 @@ atom-panel.left {
    font-weight: 500;
    }

    p, code, td, li, th {
    p, code, td, li, th, span, div {
    -webkit-font-smoothing: subpixel-antialiased;
    }

    .text-info {
    color: @blue-strong;
    }

    .text-success {
    color: @green;
    }

    .text-warning {
    color: @orange;
    }

    .text-danger {
    color: @magenta;
    }


    code {
    font-family: Monaco;
    font-size: 13px;
    @@ -158,7 +176,7 @@ atom-panel.left {
    li {
    list-style: none;
    padding-left: 1em;
    border-left: 2px solid #4283F0;
    border-left: 2px solid @blue-strong;
    }
    }

    @@ -183,7 +201,7 @@ atom-panel.left {
    left: 0;
    top: 0;
    bottom: 0;
    color: #4283F0;
    color: @blue-strong;
    }
    }
    }
    @@ -194,7 +212,7 @@ atom-panel.left {
    }

    a, a code {
    color: #4283F0;
    color: @blue-strong;
    font-weight: normal;
    }
    }
    @@ -223,7 +241,7 @@ atom-panel.left {
    }

    .tree-view:focus {
    border-left: 2px solid #4283F0;
    border-left: 2px solid @blue-strong;
    }

    .tree-view {
  8. abe33 revised this gist Sep 20, 2016. 1 changed file with 5 additions and 1 deletion.
    6 changes: 5 additions & 1 deletion styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -135,7 +135,7 @@ atom-panel.left {
    font-weight: 500;
    }

    p, code, td, li {
    p, code, td, li, th {
    -webkit-font-smoothing: subpixel-antialiased;
    }

    @@ -147,6 +147,10 @@ atom-panel.left {
    font-weight: normal;
    }

    th {
    color: @base1;
    }

    ul {
    margin: 0;
    padding: 0;
  9. abe33 renamed this gist Sep 20, 2016. 1 changed file with 0 additions and 0 deletions.
    0 styles (spacegray).less → styles.less
    View file
    File renamed without changes.
  10. abe33 revised this gist Sep 20, 2016. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion atom_config.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,8 @@
    ## My Atom Config

    ![Atom Editor Screenshot](http://imgur.com/a/jtARG)
    ![Atom Editor Screenshot](http://i.imgur.com/zF5J7pz.png)

    ```
    Community Packages
    ├── Stylus@3.0.0
    ├── Zen@0.16.4
    @@ -48,3 +49,4 @@ Community Packages
    ├── unfancy-file-icons@0.9.0
    ├── white-cursor@0.6.0
    └── zentabs@0.8.7
    ```
  11. abe33 revised this gist Sep 20, 2016. 3 changed files with 49 additions and 574 deletions.
    87 changes: 47 additions & 40 deletions atom_config.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,43 +1,50 @@
    ## My Atom Config

    ![Atom Editor Screenshot](http://i.imgur.com/Fg3VkSB.png)
    ![Atom Editor Screenshot](http://imgur.com/a/jtARG)

    Theme:

    - atom-dark-ui
    - atom-solarized-dark
    - plus custom styles.less rules

    Installed packages:

    - atom-color-highlight
    - bezier-curve-editor
    - block-travel
    - coffeedocs
    - coffee-compile
    - coffee-lint
    - color-picker
    - crosshairs
    - font-viewer
    - highlight-selected
    - mark
    - minimap
    - minimap-color-highlight
    - minimap-find-and-replace
    - minimap-git-diff
    - minimap-highlight-selected
    - project-manager
    - project-palette-finder
    - travis-ci-status
    - term2
    - git-blame
    - zentabs
    - language-haml
    - language-jade
    - Stylus
    - Sublime-Style-Column-Selection
    - cut-line
    - red-wavy-line
    - scroll-past-end
    - emmet
    - figlet
    Community Packages
    ├── Stylus@3.0.0
    ├── Zen@0.16.4
    ├── atom-eco@0.2.0
    ├── atom-ternjs@0.15.0
    ├── bezier-curve-editor@0.7.2
    ├── caniuse@0.9.0
    ├── clipboard-plus@0.5.1
    ├── docblockr@0.8.5
    ├── expose@0.12.1
    ├── figlet@0.5.4
    ├── highlight-selected@0.11.2
    ├── language-generic-config@1.1.0
    ├── language-haml@0.24.0
    ├── language-jade@0.7.2
    ├── language-sass@0.56.0
    ├── linter@1.11.16
    ├── linter-js-standard@3.4.1
    ├── minimap@4.25.0
    ├── minimap-bookmarks@0.4.2
    ├── minimap-codeglance@0.4.5
    ├── minimap-find-and-replace@4.5.1
    ├── minimap-git-diff@4.3.1
    ├── minimap-highlight-selected@4.4.0
    ├── minimap-linter@1.6.0
    ├── minimap-pigments@0.2.1
    ├── minimap-selection@4.4.0
    ├── php-twig@4.0.0
    ├── pigments@0.34.0
    ├── process-palette@0.9.0
    ├── project-palette-finder@2.4.17
    ├── red-wavy-underline@0.3.0
    ├── solarized-dark-ui@0.3.1
    ├── sort-lines@0.14.0
    ├── spacegray-dark-syntax@0.2.0
    ├── spacegray-dark-ui@0.12.0
    ├── tablr@1.5.3
    ├── tabs-to-spaces@1.0.2
    ├── toggle-quotes@1.0.0
    ├── travis-ci-status@1.3.0
    ├── tree-view-breadcrumb@0.8.1
    ├── tree-view-open-files@0.3.0
    ├── typewriter@0.3.5
    ├── unfancy-file-icons@0.9.0
    ├── white-cursor@0.6.0
    └── zentabs@0.8.7
    4 changes: 2 additions & 2 deletions styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -135,7 +135,7 @@ atom-panel.left {
    font-weight: 500;
    }

    p, code {
    p, code, td, li {
    -webkit-font-smoothing: subpixel-antialiased;
    }

    @@ -175,7 +175,7 @@ atom-panel.left {
    font-size: 1.4em;
    width: 1em;
    padding-top: 0.2em;
    font-weight: bold;
    font-weight: 400;
    left: 0;
    top: 0;
    bottom: 0;
    532 changes: 0 additions & 532 deletions styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -1,532 +0,0 @@
    // Solarized colors

    @base05: rgb(0, 26, 27);
    @base04: rgb(0, 34, 41);
    @base03: rgb(0, 43, 54);
    @base02: rgb(7, 54, 66);
    @base01a: rgb(6, 74, 87);
    @base01: rgb(88, 110, 117);
    @base00: rgb(101, 123, 131);
    @base0: rgb(131, 148, 150);
    @base1: rgb(147, 161, 161);
    @base2: rgb(238, 232, 213);
    @base3: rgb(253, 246, 227);
    @yellow: rgb(181, 137, 0);
    @orange: rgb(203, 75, 22);
    @red: rgb(220, 50, 47);
    @magenta: rgb(211, 54, 130);
    @violet: rgb(108, 113, 196);
    @blue: rgb(38, 139, 210);
    @cyan: rgb(42, 161, 152);
    @green: rgb(133, 153, 0);



    // Dark UI Customized

    // ######## ### ######## ######
    // ## ## ## ## ## ## ##
    // ## ## ## ## ## ##
    // ## ## ## ######## ######
    // ## ######### ## ## ##
    // ## ## ## ## ## ## ##
    // ## ## ## ######## ######

    .tab-bar {
    background: @base05;

    .tab {
    box-shadow: inset -1px 1px 0 @base03, 4px -4px 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, @base04, @base05);
    }

    .tab:before {
    box-shadow: inset 1px 1px 0 @base03, -4px -4px 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, @base04, @base05);
    }

    .tab:after {
    box-shadow: inset 0px 1px 0 @base03, 4px 0 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, @base04, @base05);
    }

    .tab.active {
    box-shadow: inset -1px 1px 0 @base01a, 4px -4px 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, @base02, @base04);
    }

    .tab.active:before {
    box-shadow: inset 1px 1px 0 @base01a, -4px -4px 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, @base02, @base04);
    }

    .tab.active:after {
    box-shadow: inset 0px 1px 0 @base01a, 4px 0px 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, @base02, @base04);
    }

    .close-icon {
    right: 0 !important;
    }
    }
    .tab-bar:after {
    background: @base04;
    border-bottom-color: @base05;
    border-top-color: @base02;
    }


    // ######## ######## ######## ######## ## ## #### ######## ## ##
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ######## ###### ###### ## ## ## ###### ## ## ##
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ######## ######## ### #### ######## ### ###


    .list-tree li.list-nested-item.status-ignored > .list-item, .list-group li:not(.list-nested-item).status-ignored, .list-tree li:not(.list-nested-item).status-ignored, .list-group li.list-nested-item.status-ignored > .list-item, .list-tree li.list-nested-item.status-ignored > .list-item {
    color: @base01;
    }

    .list-tree li.list-nested-item.status-modified > .list-item, .list-group li:not(.list-nested-item).status-modified, .list-tree li:not(.list-nested-item).status-modified, .list-group li.list-nested-item.status-modified > .list-item, .list-tree li.list-nested-item.status-modified > .list-item {
    color: @yellow;
    }

    .list-tree li.list-nested-item.status-added > .list-item, .list-group li:not(.list-nested-item).status-added, .list-tree li:not(.list-nested-item).status-added, .list-group li.list-nested-item.status-added > .list-item, .list-tree li.list-nested-item.status-added > .list-item {
    color: @green;
    }

    .workspace, .tree-view {
    background: @base04;
    }
    .list-group .selected:before, .list-tree .selected:before {
    background: @base02;
    }

    .tree-view:focus, .item-views {
    background: @base03;
    }

    // ###### ## ## ######## ###### ####### ########
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ######## ###### ## ## ########
    // ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ###### ####### ## ## ###### ####### ## ##

    .line.cursor-line, .line-number.cursor-line-no-selection {
    background: rgba(255, 255, 255, 0.1);
    }

    .pane.active .editor .highlight-selected .marker .region {
    border-color: @blue;
    }

    // ## ## #### ## ## #### ## ## ### ########
    // ### ### ## ### ## ## ### ### ## ## ## ##
    // #### #### ## #### ## ## #### #### ## ## ## ##
    // ## ### ## ## ## ## ## ## ## ### ## ## ## ########
    // ## ## ## ## #### ## ## ## ######### ##
    // ## ## ## ## ### ## ## ## ## ## ##
    // ## ## #### ## ## #### ## ## ## ## ##

    .minimap {
    .lines {
    word-spacing: -1px;
    }
    .highlight-selected .marker .region {
    opacity: 0.7;
    }
    }

    // ######## ######## ######## ## ## #### ## ## ### ##
    // ## ## ## ## ### ### ## ### ## ## ## ##
    // ## ## ## ## #### #### ## #### ## ## ## ##
    // ## ###### ######## ## ### ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## #### ######### ##
    // ## ## ## ## ## ## ## ## ### ## ## ##
    // ## ######## ## ## ## ## #### ## ## ## ## ########

    .term {
    border: none;
    }
    .terminal {
    background: @base03 !important;
    border-color: @base03;
    font-size: 12px;
    line-height: 18px;
    -webkit-font-smoothing: auto;
    font-family: Menlo;
    }

    // ######## ######## #### ######## ####### ########
    // ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ##
    // ###### ## ## ## ## ## ## ########
    // ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ##
    // ######## ######## #### ## ####### ## ##

    .panes {
    background: @base03;
    }

    .editor {
    &, .editor-contents {
    font-family: Monaco;
    }

    .atom-color-highlight {
    z-index: 1;
    }

    .select-list {
    z-index: 3;
    }

    .line.fold {
    .fold-marker {
    font-size: 20px;
    line-height: 0;
    }
    }

    // Ruby & CoffeeScript string interpolation punctuation
    .punctuation.embedded, .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded .source.ruby {
    color: @orange;
    }

    // Content of interpolations use the base color
    .source.coffee.embedded, .meta.embedded.ruby, .variable.interpolation.sass, .property-value.sass {
    color: @base1;
    }

    // Ruby do block arguments
    .meta.line.ruby.haml {
    color: @green;

    .source.ruby {
    color: @base1;

    &.embedded.html {
    color: @blue;
    }
    }
    }

    // Styles Ruby hash key: with the same style as :key
    .symbol.hashkey {
    color: @cyan;

    .punctuation {
    color: @cyan;
    }
    }

    // Styles all Haml entities (%tag, #id, .class) in blue
    .entity.name.tag.haml {
    color: @blue;
    }

    // Styles Haml filters (:ruby, :coffee) in red
    *:not(.tag) > .entity.name.tag.haml:not(.class):not(.id) {
    color: @red;
    }

    // Styles regexp with an unused color, violet
    .string.regexp {
    color: @violet;
    }

    // Styles Literate CoffeeScript comment using a low contrast color
    .source.litcoffee {
    color: @base01;

    .raw.block {
    color: @base1;
    }
    }

    // Styles numbers with magenta
    .numeric {
    color: @magenta;
    }

    // Styles variables affectation and CoffeeScript/Ruby @properties
    .variable.sass, .variable-usage.sass, .storage.modifier, .punctuation.separator.variable.ruby, .variable.other.block.ruby, .definition.variable.ruby {
    color: @blue;
    }

    // Sass @import param
    .variable.url.sass {
    color: @cyan;
    }
    // CSS/Sass/less units (px, %, em, etc.)
    .unit {
    color: @green;
    }

    .operator.assignment {
    color: @green;
    }
    .punctuation.section {
    color: @red;
    }
    .coffee {
    .variable.instance, .variable.assignment {
    color: @blue;
    }
    }
    .markdown.heading {
    color: @base1;

    .name {
    color: @magenta;
    }
    }
    }

    // ######## #### ## ######## #### ###### ####### ## ## ######
    // ## ## ## ## ## ## ## ## ## ### ## ## ##
    // ## ## ## ## ## ## ## ## #### ## ##
    // ###### ## ## ###### ## ## ## ## ## ## ## ######
    // ## ## ## ## ## ## ## ## ## #### ##
    // ## ## ## ## ## ## ## ## ## ## ### ## ##
    // ## #### ######## ######## #### ###### ####### ## ## ######

    @octicons: 'Octicons Regular';
    @fontawesome: 'FontAwesome';

    [data-name]:before {
    margin-right: 5px;
    position: relative;
    top: 1px;
    font-family: @octicons;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    }

    // Coffeescript files
    [data-name$='.coffee']:before,
    [data-name$='.litcoffee']:before,
    [data-name$='.coffee.md']:before,
    [data-name='Cakefile']:before {
    content: '\f010' !important;
    font-family: @octicons !important;
    color: @green !important;
    }

    // Meta configuration files
    [data-name$='.gitignore']:before,
    [data-name$='.gitattributes']:before,
    [data-name$='.gitkeep']:before,
    [data-name$='.npmignore']:before,
    [data-name$='.npmrc']:before,
    [data-name$='.rspec']:before,
    [data-name$='.pairs']:before,
    [data-name$='.spectacular']:before,
    [data-name='Procfile']:before,
    [data-name='.htaccess']:before,
    [data-name$='.ruby-version']:before {
    content: '\f02f';
    color: @magenta !important;
    }

    // GIT repo
    [data-name$='.git']:before {
    content: '\f00a';
    }


    // Source map file
    [data-name$='.map']:before {
    content: '\f060';
    color: @orange;
    }

    // Lock files
    [data-name$='.lock']:before {
    content: '\f06a' !important;
    color: @yellow !important;
    }

    // Ruby files
    [data-name$='.rb']:before,
    [data-name$='.ru']:before,
    [data-name$='.rake']:before,
    [data-name$='.gemspec']:before,
    [data-name='Gemfile']:before,
    [data-name='Rakefile']:before,
    [data-name='Guardfile']:before,
    [data-name='Capfile']:before {
    color: @red;
    content: '\f047';
    }

    // Stylesheets
    [data-name$='.styl']:before,
    [data-name$='.css']:before,
    [data-name$='.sass']:before,
    [data-name$='.scss']:before,
    [data-name$='.less']:before {
    // content: '\f058';
    font-family: @fontawesome !important;
    content: '\f13c' !important;
    color: @blue !important;
    }

    // Archives
    [data-name$='.zip']:before,
    [data-name$='.rar']:before,
    [data-name$='.gz']:before {
    content: '\f013';
    color: @cyan;
    }

    // Templates
    [data-name$='.jade']:before,
    [data-name$='.haml']:before,
    [data-name$='.erb']:before,
    [data-name$='.twig']:before,
    [data-name$='.hbs']:before {
    font-family: @fontawesome;
    content: '\f13b';
    // content: '\f05f';
    color: @yellow;
    }

    // In project configuration files
    [data-name$='.json']:before,
    [data-name$='.cson']:before,
    [data-name$='.yml']:before {
    content: '\f07c' !important;
    color: @violet !important;
    }

    // DS_Store
    [data-name$='.DS_Store']:before,
    [data-name*='.sublime-']:before {
    content: '\f02f';
    }

    // License files
    [data-name*='LICENSE']:before,
    [data-name^='CHANGELOG']:before,
    [data-name^='README']:before,
    [data-name^='Readme']:before,
    [data-name^='License']:before,
    [data-name^='History']:before {
    color: #78b4c4;
    }

    // PDF files
    [data-name$='.pdf']:before {
    content: '\f014';
    color: @orange;
    }

    // Log files
    .file-icon-log:before,
    [data-name$='.log']:before {
    content: '\f091';
    color: @orange;
    }

    // Database & dumps
    [data-name$='.sqlite']:before,
    [data-name$='.csv']:before,
    [data-name$='.sqlite3']:before,
    [data-name$='.dump']:before {
    content: '\f096';
    color: @cyan;
    }

    // Php files
    [data-name$='.php']:before {
    color: @cyan !important;
    }


    // Fonts files
    [data-name$='.woff']:before,
    [data-name$='.ttf']:before,
    [data-name$='.otf']:before,
    [data-name$='.eot']:before {
    content: '\f05e';
    color: @blue;
    }

    // HTML files
    [data-name$='.html']:before {
    color: #5cb5db;
    content: "\f0b6";
    }

    // Ctags files
    [data-name='.ctags']:before,
    [data-name='.tags']:before,
    [data-name='.gemtags']:before,
    [data-name='tags']:before,
    [data-name='TAGS']:before {
    content: '\f015';
    color: @blue;
    }


    // JS files
    [data-name$='.js']:before
    {
    content: '\f011';
    color: #90c276;
    }

    // Images files
    [data-name$='.jpg']:before,
    [data-name$='.png']:before,
    [data-name$='.gif']:before,
    [data-name$='.psd']:before,
    [data-name$='.svg']:before,
    [data-name$='.ico']:before {
    content: '\f012';
    color: @green !important;
    }

    // Videos files
    [data-name$='.mpg']:before,
    [data-name$='.avi']:before,
    [data-name$='.mov']:before,
    [data-name$='.flv']:before,
    [data-name$='.swf']:before,
    [data-name$='.ogg']:before {
    content: '\f057';
    color: @orange;
    }

    // Markdown files
    [data-name$='.md']:before,
    [data-name$='.markdown']:before {
    content: '\f0c9'
    }

    // Todos
    [data-name*='todo']:before {
    content: '\f076';
    color: @cyan;
    }

    // Shell scripts
    [data-path*='bin/']:before,
    [data-name$='.sh']:before,
    [data-name$='.bat']:before {
    content: '\f0c8';
    color: @magenta !important;
    }
  12. abe33 revised this gist Sep 15, 2016. 1 changed file with 33 additions and 5 deletions.
    38 changes: 33 additions & 5 deletions styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -59,7 +59,7 @@
    height: 0;
    }

    .panel-left {
    atom-panel.left {
    padding-top: 22px;
    }

    @@ -115,6 +115,7 @@
    font-family: Monaco;
    font-weight: normal;
    font-size: 13px;
    height: auto;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: subpixel-antialiased;
    }
    @@ -149,14 +150,41 @@
    ul {
    margin: 0;
    padding: 0;

    li {
    list-style: none;
    padding-left: 1em;
    border-left: 2px solid #4283F0;
    }
    }

    li {
    list-style: none;
    padding-left: 1em;
    border-left: 2px solid #4283F0;
    ol {
    margin: 0;
    padding: 0;

    li {
    counter-increment: lis;
    list-style: none;
    position: relative;
    padding-left: 2em;

    &:before {
    content: counter(lis);
    border-right: 1px solid @base03;
    position: absolute;
    font-size: 1.4em;
    width: 1em;
    padding-top: 0.2em;
    font-weight: bold;
    left: 0;
    top: 0;
    bottom: 0;
    color: #4283F0;
    }
    }
    }


    li + li {
    margin-top: 0.5em;
    }
  13. abe33 revised this gist Aug 7, 2016. 1 changed file with 9 additions and 0 deletions.
    9 changes: 9 additions & 0 deletions styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -56,7 +56,13 @@
    .title-bar {
    background-color: transparent;
    border-color: transparent;
    height: 0;
    }

    .panel-left {
    padding-top: 22px;
    }

    [theme-one-dark-ui-layoutmode="compact"] atom-pane-container atom-pane, .tab-bar .tab {
    border-image: linear-gradient(transparent, @base05 20px) 0 0 0 1 stretch;
    }
    @@ -195,6 +201,9 @@
    .tree-view-open-files {
    order: -2;
    }
    .list-group .icon::before, .list-tree .icon::before {
    height: 16px;
    }

    // atom-text-editor::shadow .highlight.pigments-highlight .region {
    // color: transparent !important;
  14. abe33 revised this gist Aug 3, 2016. 1 changed file with 8 additions and 1 deletion.
    9 changes: 8 additions & 1 deletion styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -57,13 +57,20 @@
    background-color: transparent;
    border-color: transparent;
    }
    [theme-one-dark-ui-layoutmode="compact"] atom-pane-container atom-pane, .tab-bar .tab {
    border-image: linear-gradient(transparent, @base05 20px) 0 0 0 1 stretch;
    }
    [theme-one-dark-ui-layoutmode="compact"] atom-pane-container atom-pane {
    border-image: linear-gradient(@base04a, @base05 40px) 0 0 0 1 stretch;
    border-image-slice: 0 0 0 1;
    border-width: 0;
    border-left-width: 1px;
    }

    [theme-one-dark-ui-layoutmode="compact"] .tab-bar .tab::before {
    top: 1px;
    bottom: 1px;
    }

    .tab-bar {
    // display: block;

  15. abe33 revised this gist Aug 3, 2016. 1 changed file with 226 additions and 330 deletions.
    556 changes: 226 additions & 330 deletions styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -21,14 +21,14 @@
    // @cyan: rgb(42, 161, 152);
    // @green: rgb(133, 153, 0);


    @base05: #1c1f26;
    @base04a: #232830;
    @base04: #2B303B;
    @base03: #343D46;
    @base02: #4F5B66;
    @base01a: lighten(@base02, 10%);
    @base01: #65737E;
    @base00a: lighten(@base01, 10%);
    @base00: lighten(@base01, 20%);
    @base0: #A7ADBA;
    @base1: #C0C5CE;
    @@ -52,50 +52,107 @@
    // ## ######### ## ## ##
    // ## ## ## ## ## ## ##
    // ## ## ## ######## ######
    //
    // .tab-bar {
    // background: @base05;
    //
    // .tab {
    // box-shadow: inset -1px 1px 0 @base03, 4px -4px 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base04, @base05);
    // }
    //
    // .tab:before {
    // box-shadow: inset 1px 1px 0 @base03, -4px -4px 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base04, @base05);
    // }
    //
    // .tab:after {
    // box-shadow: inset 0px 1px 0 @base03, 4px 0 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base04, @base05);
    // }
    //
    // .tab.active {
    // box-shadow: inset -1px 1px 0 @base01a, 4px -4px 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base02, @base04);
    // }
    //
    // .tab.active:before {
    // box-shadow: inset 1px 1px 0 @base01a, -4px -4px 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base02, @base04);
    // }
    //
    // .tab.active:after {
    // box-shadow: inset 0px 1px 0 @base01a, 4px 0px 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base02, @base04);
    // }
    //
    // .close-icon {
    // right: 0 !important;
    // }
    // }
    // .tab-bar:after {
    // background: @base04;
    // border-bottom-color: @base05;
    // border-top-color: @base02;
    // }
    //

    .title-bar {
    background-color: transparent;
    border-color: transparent;
    }
    [theme-one-dark-ui-layoutmode="compact"] atom-pane-container atom-pane {
    border-image: linear-gradient(@base04a, @base05 40px) 0 0 0 1 stretch;
    border-image-slice: 0 0 0 1;
    border-width: 0;
    border-left-width: 1px;
    }

    .tab-bar {
    // display: block;

    li.tab.active .title,
    li.tab .title {
    padding-left: 20px;
    padding-right: 20px;
    }

    li.tab.active::after {
    border-top: 1px solid @base05;
    }
    }

    // ###### ######## ## ##
    // ## ## ## ### ###
    // ## ## #### ####
    // ## #### ###### ## ### ##
    // ## ## ## ## ##
    // ## ## ## ## ##
    // ###### ## ## ##

    .markdown-preview:not([data-use-github-style]) {
    * {
    font-family: 'SF UI Text', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 100;
    color: @base00;
    }

    atom-text-editor {
    pointer-events: none;
    font-family: Monaco;
    font-weight: normal;
    font-size: 13px;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: subpixel-antialiased;
    }

    h1, h2, h3, h4, h5, h6 {
    color: @base0;
    font-weight: 100;
    }

    h1, h2 {
    border-bottom: 1px solid @base02;
    padding-bottom: 0.4em;
    }

    h3, h4 {
    color: @base1;
    font-weight: 500;
    }

    p, code {
    -webkit-font-smoothing: subpixel-antialiased;
    }

    code {
    font-family: Monaco;
    font-size: 13px;
    text-rendering: optimizeSpeed;
    color: @base0;
    font-weight: normal;
    }

    ul {
    margin: 0;
    padding: 0;
    }

    li {
    list-style: none;
    padding-left: 1em;
    border-left: 2px solid #4283F0;
    }

    li + li {
    margin-top: 0.5em;
    }

    a, a code {
    color: #4283F0;
    font-weight: normal;
    }
    }

    // ######## ######## ######## ######## ## ## #### ######## ## ##
    // ## ## ## ## ## ## ## ## ## ## ## ##
    @@ -105,33 +162,38 @@
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ######## ######## ### #### ######## ### ###


    .list-tree li.list-nested-item.status-ignored > .list-item, .list-group li:not(.list-nested-item).status-ignored, .list-tree li:not(.list-nested-item).status-ignored, .list-group li.list-nested-item.status-ignored > .list-item, .list-tree li.list-nested-item.status-ignored > .list-item {
    color: @base03;
    color: @base02;
    }
    .list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item {
    color: @base01;
    color: @base00a;
    }

    .list-tree li.list-nested-item.status-modified > .list-item, .list-group li:not(.list-nested-item).status-modified, .list-tree li:not(.list-nested-item).status-modified, .list-group li.list-nested-item.status-modified > .list-item, .list-tree li.list-nested-item.status-modified > .list-item {
    color: @yellow;
    }

    .list-tree li.list-nested-item.status-added > .list-item, .list-group li:not(.list-nested-item).status-added, .list-tree li:not(.list-nested-item).status-added, .list-group li.list-nested-item.status-added > .list-item, .list-tree li.list-nested-item.status-added > .list-item {
    .list-tree li.list-nested-item.status-added > .list-item, .list-group li:not(.list-nested-item).status-added, .list-tree li:not(.list-nested-item).status-added, .list-group li.list-nested-item.status-added > .list-item, .list-tree li.list-nested-item.status-added > .list-item, .list-tree li:not(.list-nested-item).selected.status-added {
    color: @green;
    }

    .workspace, .tree-view {
    background: @base05;
    .tree-view:focus {
    border-left: 2px solid #4283F0;
    }
    .list-group .selected:before, .list-tree .selected:before {
    background: @base03;

    .tree-view {
    border-left: 2px solid transparent;
    }

    .tree-view:focus, .item-views {
    background: @base04a;
    .tree-view-open-files {
    order: -2;
    }

    // atom-text-editor::shadow .highlight.pigments-highlight .region {
    // color: transparent !important;
    // z-index: -1;
    // }

    // ###### ## ## ######## ###### ####### ########
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ## ##
    @@ -144,12 +206,16 @@
    background: rgba(255, 255, 255, 0.1);
    }

    .pane.active .editor .highlight-selected .marker .region {
    border-color: @blue;
    }
    atom-text-editor::shadow {
    .highlight-selected .region {
    border: 1px solid @blue;
    border-radius: 2px;
    }

    &.is-focused .line.cursor-line {
    background: rgba(255, 255, 255, 0.1);
    }

    .editor.is-focused .line.cursor-line {
    background: rgba(255, 255, 255, 0.1);
    }

    // ## ## #### ## ## #### ## ## ### ########
    @@ -160,18 +226,50 @@
    // ## ## ## ## ### ## ## ## ## ## ##
    // ## ## #### ## ## #### ## ## ## ## ##

    .minimap {
    .lines {
    word-spacing: -0.1em;
    }
    .highlight-selected .marker .region {
    opacity: 0.7;
    }
    .minimap-scroller {
    background: @blue;
    atom-text-editor::shadow atom-text-editor-minimap {
    &::shadow {
    .minimap-scroll-indicator {
    background: @blue;
    }

    // .minimap-visible-area {
    // background-color: #7c7c7c;
    // // Color of Visible area.
    // opacity: 0.1;
    // // Default 0 when you not working with minimap
    // cursor: default;
    // // Change cursor style to pointer.
    // transition: 0.5s opacity;
    // // Better UI.
    // &:hover {
    // opacity: 0.2;
    // } // Only display Minimap visible area when working.
    // &:active {
    // cursor: default;
    // } // Change cursor when dragging.
    // }
    }
    // &:hover::shadow {
    // .minimap-visible-area {
    // opacity: 0.2;
    // transition: opacity 1s;
    // } // When Hover to all minimap area, visible area will display.
    // }
    //
    // &:active::shadow {
    // .minimap-visible-area {
    // opacity: 0.2;
    // transition: opacity 0.5s;
    // } // Display Minimap visible area when dragging.
    // }
    }

    // atom-text-editor::shadow, atom-text-editor {
    // atom-text-editor-minimap:not([stand-alone]) {
    // flex-basis: 200px;
    // }
    // }

    // ######## ######## ######## ## ## #### ## ## ### ##
    // ## ## ## ## ### ### ## ### ## ## ## ##
    // ## ## ## ## #### #### ## #### ## ## ## ##
    @@ -200,36 +298,78 @@
    // ## ## ## ## ## ## ## ## ##
    // ######## ######## #### ## ####### ## ##

    .panes {
    background: @base03;
    .minimap .search-result {
    background: @green;
    }

    .editor .search-results .marker .region, .editor .find-result .region {
    border-color: @green;
    .comment {
    color: lighten(#5F5A60, 10%);
    }

    .minimap-wrapper .search-results .marker .region {
    background: @green;
    * {
    // -webkit-font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga" on, "calt" on;
    }

    .comment {
    color: lighten(#5F5A60, 10%);
    autocomplete-suggestion-list .character-match {
    font-weight: normal;
    text-decoration: underline;
    }

    .editor {
    &, .editor-contents {
    font-family: Monaco;
    atom-text-editor, atom-text-editor::shadow {
    // .cursor-line {
    // -webkit-font-feature-settings: "liga" off, "calt" off;
    // }

    /*.string.quoted,*/ .string.regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
    }

    .fold-marker {
    &::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 1px dashed @text-color-subtle;
    }
    }

    // .entity.name.function {
    // color: @base1;
    // }
    //
    // .function.coffee .entity.name.function {
    // color: @magenta;
    // }

    .search-results .region, .find-result .region {
    border-color: @green;
    }

    .gfm {
    .raw {
    color: @magenta;
    }

    .link {
    color: @cyan;
    }
    }

    .line {
    .fold-marker:after {
    .fold-marker::after {
    position: absolute;
    font-size: 1.6em;
    line-height: 0.5em;
    color: @magenta;
    transform: translate(0, 5px);
    }
    }

    .invisible-character {
    color: fadeout(@base02, 50%);
    color: fadeout(@base02, 50%) !important;
    }

    .punctuation.string.begin, .punctuation.string.end {
    @@ -246,6 +386,10 @@
    color: @base1;
    }

    .keyword.operator {
    color: @violet;
    }

    // Ruby do block arguments
    .meta.line.ruby.haml {
    color: @green;
    @@ -334,251 +478,3 @@
    }
    }
    }

    // ######## #### ## ######## #### ###### ####### ## ## ######
    // ## ## ## ## ## ## ## ## ## ### ## ## ##
    // ## ## ## ## ## ## ## ## #### ## ##
    // ###### ## ## ###### ## ## ## ## ## ## ## ######
    // ## ## ## ## ## ## ## ## ## #### ##
    // ## ## ## ## ## ## ## ## ## ## ### ## ##
    // ## #### ######## ######## #### ###### ####### ## ## ######

    @octicons: 'Octicons Regular';
    @fontawesome: 'FontAwesome';

    .pane ul.tab-bar li.tab .title[data-name]:before {
    top: -1px;
    }

    [data-name]:before {
    margin-right: 5px;
    position: relative;
    top: 1px;
    font-family: @octicons;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    }

    // Coffeescript files
    [data-name$='.coffee']:before,
    [data-name$='.litcoffee']:before,
    [data-name$='.coffee.md']:before,
    [data-name='Cakefile']:before {
    content: '\f010' !important;
    font-family: @octicons !important;
    color: @green !important;
    }

    // Meta configuration files
    [data-name$='.gitignore']:before,
    [data-name$='.gitattributes']:before,
    [data-name$='.gitkeep']:before,
    [data-name$='.npmignore']:before,
    [data-name$='.npmrc']:before,
    [data-name$='.rspec']:before,
    [data-name$='.pairs']:before,
    [data-name$='.spectacular']:before,
    [data-name='Procfile']:before,
    [data-name='.htaccess']:before,
    [data-name$='.ruby-version']:before {
    content: '\f02f' !important;
    font-family: @octicons !important;
    color: saturate(@magenta, 30%) !important;
    }

    // GIT repo
    [data-name$='.git']:before {
    content: '\f00a';
    }


    // Source map file
    [data-name$='.map']:before {
    content: '\f060';
    color: @orange;
    }

    // Lock files
    [data-name$='.lock']:before {
    content: '\f06a' !important;
    color: @yellow !important;
    }

    // Ruby files
    [data-name$='.rb']:before,
    [data-name$='.ru']:before,
    [data-name$='.rake']:before,
    [data-name$='.gemspec']:before,
    [data-name='Gemfile']:before,
    [data-name='Rakefile']:before,
    [data-name='Guardfile']:before,
    [data-name='Capfile']:before {
    color: @magenta !important;
    content: '\f047';
    }

    // Stylesheets
    [data-name$='.styl']:before,
    [data-name$='.css']:before,
    [data-name$='.sass']:before,
    [data-name$='.scss']:before,
    [data-name$='.less']:before {
    // content: '\f058';
    font-family: @fontawesome !important;
    content: '\f13c' !important;
    color: @blue !important;
    }

    // Archives
    [data-name$='.zip']:before,
    [data-name$='.rar']:before,
    [data-name$='.gz']:before {
    content: '\f013';
    color: @cyan;
    }

    // Templates
    [data-name$='.jade']:before,
    [data-name$='.haml']:before,
    [data-name$='.erb']:before,
    [data-name$='.twig']:before,
    [data-name$='.hbs']:before {
    font-family: @fontawesome;
    content: '\f13b';
    // content: '\f05f';
    color: @yellow;
    }

    // In project configuration files
    [data-name$='.json']:before,
    [data-name$='.cson']:before,
    [data-name$='.yml']:before {
    content: '\f07c' !important;
    color: @violet !important;
    }

    // DS_Store
    [data-name$='.DS_Store']:before,
    [data-name*='.sublime-']:before {
    content: '\f02f';
    }

    // License files
    [data-name*='LICENSE']:before,
    [data-name^='CHANGELOG']:before,
    [data-name^='README']:before,
    [data-name^='Readme']:before,
    [data-name^='License']:before,
    [data-name^='History']:before {
    color: #78b4c4;
    }

    // PDF files
    [data-name$='.pdf']:before {
    content: '\f014';
    color: @orange;
    }

    // Log files
    .file-icon-log:before,
    [data-name$='.log']:before {
    content: '\f091';
    color: @orange;
    }

    // Database & dumps
    [data-name$='.sqlite']:before,
    [data-name$='.csv']:before,
    [data-name$='.sqlite3']:before,
    [data-name$='.dump']:before {
    content: '\f096';
    color: @cyan;
    }

    // Php files
    [data-name$='.php']:before {
    color: @cyan !important;
    }


    // Fonts files
    [data-name$='.woff']:before,
    [data-name$='.ttf']:before,
    [data-name$='.otf']:before,
    [data-name$='.eot']:before {
    content: '\f05e';
    color: @blue;
    }

    // HTML files
    [data-name$='.html']:before {
    color: #5cb5db;
    content: "\f0b6";
    }

    // Ctags files
    [data-name='.ctags']:before,
    [data-name='.tags']:before,
    [data-name='.gemtags']:before,
    [data-name='tags']:before,
    [data-name='TAGS']:before {
    content: '\f015';
    color: @blue;
    }


    // JS files
    [data-name$='.js']:before
    {
    content: '\f011';
    color: #90c276;
    }

    // Images files
    [data-name$='.jpg']:before,
    [data-name$='.png']:before,
    [data-name$='.gif']:before,
    [data-name$='.psd']:before,
    [data-name$='.svg']:before,
    [data-name$='.ico']:before {
    content: '\f012';
    color: @green !important;
    }

    // Videos files
    [data-name$='.mpg']:before,
    [data-name$='.avi']:before,
    [data-name$='.mov']:before,
    [data-name$='.flv']:before,
    [data-name$='.swf']:before,
    [data-name$='.ogg']:before {
    content: '\f057';
    color: @orange;
    }

    // Markdown files
    [data-name$='.md']:before,
    [data-name$='.markdown']:before {
    content: '\f0c9'
    }

    // Todos
    [data-name*='todo']:before {
    content: '\f076';
    color: @cyan;
    }

    // Shell scripts
    [data-path*='bin/']:before,
    [data-name$='.sh']:before,
    [data-name$='.bat']:before {
    content: '\f0c8';
    color: @magenta !important;
    }
  16. abe33 revised this gist Jul 27, 2014. 1 changed file with 25 additions and 25 deletions.
    50 changes: 25 additions & 25 deletions styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -106,31 +106,31 @@
    // ## ## ## ######## ######## ### #### ######## ### ###


    // .list-tree li.list-nested-item.status-ignored > .list-item, .list-group li:not(.list-nested-item).status-ignored, .list-tree li:not(.list-nested-item).status-ignored, .list-group li.list-nested-item.status-ignored > .list-item, .list-tree li.list-nested-item.status-ignored > .list-item {
    // color: @base03;
    // }
    // .list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item {
    // color: @base01;
    // }
    //
    // .list-tree li.list-nested-item.status-modified > .list-item, .list-group li:not(.list-nested-item).status-modified, .list-tree li:not(.list-nested-item).status-modified, .list-group li.list-nested-item.status-modified > .list-item, .list-tree li.list-nested-item.status-modified > .list-item {
    // color: @yellow;
    // }
    //
    // .list-tree li.list-nested-item.status-added > .list-item, .list-group li:not(.list-nested-item).status-added, .list-tree li:not(.list-nested-item).status-added, .list-group li.list-nested-item.status-added > .list-item, .list-tree li.list-nested-item.status-added > .list-item {
    // color: @green;
    // }
    //
    // .workspace, .tree-view {
    // background: @base05;
    // }
    // .list-group .selected:before, .list-tree .selected:before {
    // background: @base03;
    // }
    //
    // .tree-view:focus, .item-views {
    // background: @base04a;
    // }
    .list-tree li.list-nested-item.status-ignored > .list-item, .list-group li:not(.list-nested-item).status-ignored, .list-tree li:not(.list-nested-item).status-ignored, .list-group li.list-nested-item.status-ignored > .list-item, .list-tree li.list-nested-item.status-ignored > .list-item {
    color: @base03;
    }
    .list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item {
    color: @base01;
    }

    .list-tree li.list-nested-item.status-modified > .list-item, .list-group li:not(.list-nested-item).status-modified, .list-tree li:not(.list-nested-item).status-modified, .list-group li.list-nested-item.status-modified > .list-item, .list-tree li.list-nested-item.status-modified > .list-item {
    color: @yellow;
    }

    .list-tree li.list-nested-item.status-added > .list-item, .list-group li:not(.list-nested-item).status-added, .list-tree li:not(.list-nested-item).status-added, .list-group li.list-nested-item.status-added > .list-item, .list-tree li.list-nested-item.status-added > .list-item {
    color: @green;
    }

    .workspace, .tree-view {
    background: @base05;
    }
    .list-group .selected:before, .list-tree .selected:before {
    background: @base03;
    }

    .tree-view:focus, .item-views {
    background: @base04a;
    }

    // ###### ## ## ######## ###### ####### ########
    // ## ## ## ## ## ## ## ## ## ## ## ##
  17. abe33 revised this gist Jul 27, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -318,7 +318,7 @@
    .operator.assignment {
    color: @green;
    }
    .punctuation.section {
    .punctuation.section, .meta.brace {
    color: saturate(@magenta, 20%);
    }
    // .coffee {
  18. abe33 revised this gist Jul 27, 2014. 1 changed file with 17 additions and 14 deletions.
    31 changes: 17 additions & 14 deletions styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -237,9 +237,9 @@
    }

    // Ruby & CoffeeScript string interpolation punctuation
    // .punctuation.embedded, .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded .source.ruby {
    // color: @orange;
    // }
    .punctuation.embedded, .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded .source.ruby {
    color: @orange;
    }

    // Content of interpolations use the base color
    .source.coffee.embedded, .meta.embedded.ruby, .variable.interpolation.sass, .property-value.sass {
    @@ -260,13 +260,13 @@
    }

    // Styles Ruby hash key: with the same style as :key
    .symbol.hashkey {
    color: @cyan;

    .punctuation {
    color: @cyan;
    }
    }
    // .symbol.hashkey {
    // color: @cyan;
    //
    // .punctuation {
    // color: @cyan;
    // }
    // }

    // Styles all Haml entities (%tag, #id, .class) in blue
    .entity.name.tag.haml {
    @@ -297,10 +297,14 @@
    color: @magenta;
    }

    .constant.other.symbol {
    color: @orange;
    }

    // Styles variables affectation and CoffeeScript/Ruby @properties
    // .variable.sass, .variable-usage.sass, .storage.modifier, .punctuation.separator.variable.ruby, .variable.other.block.ruby, .definition.variable.ruby {
    // color: @blue;
    // }
    .variable.sass, .variable-usage.sass, .storage.modifier, .punctuation.separator.variable.ruby, .variable.other.block.ruby, .definition.variable.ruby {
    color: #cc6666;
    }

    // Sass @import param
    .variable.url.sass {
    @@ -313,7 +317,6 @@

    .operator.assignment {
    color: @green;

    }
    .punctuation.section {
    color: saturate(@magenta, 20%);
  19. abe33 revised this gist Jul 27, 2014. 1 changed file with 32 additions and 28 deletions.
    60 changes: 32 additions & 28 deletions styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -34,15 +34,14 @@
    @base1: #C0C5CE;
    @base2: #DFE1E8;
    @base3: #EFF1F5;
    @red: saturate(#bf616a, 40%);
    @orange: saturate(#d08770, 40%);
    @yellow: saturate(#ebcb8b, 40%);
    @green: saturate(#a3be8c, 40%);
    @cyan: saturate(#96b5b4, 40%);
    @blue: saturate(#8fa1b3, 40%);
    @magenta: saturate(#b48ead, 40%);
    @brown: saturate(#ab7967, 40%);
    @violet: #8860b1;
    @yellow: #EBCB8B;
    @orange: #D08770;
    @red: #AB7967;
    @magenta: #BF616A;
    @violet: #B48EAD;
    @blue: #8FA1B3;
    @cyan: #96B5B4;
    @green: #A3BE8C;

    // Dark UI Customized

    @@ -169,7 +168,7 @@
    opacity: 0.7;
    }
    .minimap-scroller {
    background: @magenta;
    background: @blue;
    }
    }

    @@ -213,6 +212,10 @@
    background: @green;
    }

    .comment {
    color: lighten(#5F5A60, 10%);
    }

    .editor {
    &, .editor-contents {
    font-family: Monaco;
    @@ -234,9 +237,9 @@
    }

    // Ruby & CoffeeScript string interpolation punctuation
    .punctuation.embedded, .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded .source.ruby {
    color: @orange;
    }
    // .punctuation.embedded, .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded .source.ruby {
    // color: @orange;
    // }

    // Content of interpolations use the base color
    .source.coffee.embedded, .meta.embedded.ruby, .variable.interpolation.sass, .property-value.sass {
    @@ -272,13 +275,13 @@

    // Styles Haml filters (:ruby, :coffee) in red
    *:not(.tag) > .entity.name.tag.haml:not(.class):not(.id) {
    color: @red;
    color: @magenta;
    }

    // Styles regexp with an unused color, violet
    .string.regexp {
    color: @violet;
    }
    // .string.regexp {
    // color: @violet;
    // }

    // Styles Literate CoffeeScript comment using a low contrast color
    .source.litcoffee {
    @@ -295,9 +298,9 @@
    }

    // Styles variables affectation and CoffeeScript/Ruby @properties
    .variable.sass, .variable-usage.sass, .storage.modifier, .punctuation.separator.variable.ruby, .variable.other.block.ruby, .definition.variable.ruby {
    color: @blue;
    }
    // .variable.sass, .variable-usage.sass, .storage.modifier, .punctuation.separator.variable.ruby, .variable.other.block.ruby, .definition.variable.ruby {
    // color: @blue;
    // }

    // Sass @import param
    .variable.url.sass {
    @@ -310,15 +313,16 @@

    .operator.assignment {
    color: @green;

    }
    .punctuation.section {
    color: @red;
    }
    .coffee {
    .variable.instance, .variable.assignment {
    color: @blue;
    }
    color: saturate(@magenta, 20%);
    }
    // .coffee {
    // .variable.instance, .variable.assignment {
    // color: @blue;
    // }
    // }
    .markdown.heading {
    color: @base1;

    @@ -383,7 +387,7 @@
    [data-name$='.ruby-version']:before {
    content: '\f02f' !important;
    font-family: @octicons !important;
    color: @magenta !important;
    color: saturate(@magenta, 30%) !important;
    }

    // GIT repo
    @@ -413,7 +417,7 @@
    [data-name='Rakefile']:before,
    [data-name='Guardfile']:before,
    [data-name='Capfile']:before {
    color: @red !important;
    color: @magenta !important;
    content: '\f047';
    }

  20. abe33 revised this gist Jul 27, 2014. 1 changed file with 38 additions and 33 deletions.
    71 changes: 38 additions & 33 deletions styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -34,14 +34,15 @@
    @base1: #C0C5CE;
    @base2: #DFE1E8;
    @base3: #EFF1F5;
    @yellow: #EBCB8B;
    @orange: #D08770;
    @red: #AB7967;
    @magenta: #BF616A;
    @violet: #B48EAD;
    @blue: #8FA1B3;
    @cyan: #96B5B4;
    @green: #A3BE8C;
    @red: saturate(#bf616a, 40%);
    @orange: saturate(#d08770, 40%);
    @yellow: saturate(#ebcb8b, 40%);
    @green: saturate(#a3be8c, 40%);
    @cyan: saturate(#96b5b4, 40%);
    @blue: saturate(#8fa1b3, 40%);
    @magenta: saturate(#b48ead, 40%);
    @brown: saturate(#ab7967, 40%);
    @violet: #8860b1;

    // Dark UI Customized

    @@ -106,31 +107,31 @@
    // ## ## ## ######## ######## ### #### ######## ### ###


    .list-tree li.list-nested-item.status-ignored > .list-item, .list-group li:not(.list-nested-item).status-ignored, .list-tree li:not(.list-nested-item).status-ignored, .list-group li.list-nested-item.status-ignored > .list-item, .list-tree li.list-nested-item.status-ignored > .list-item {
    color: @base03;
    }
    .list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item {
    color: @base01;
    }

    .list-tree li.list-nested-item.status-modified > .list-item, .list-group li:not(.list-nested-item).status-modified, .list-tree li:not(.list-nested-item).status-modified, .list-group li.list-nested-item.status-modified > .list-item, .list-tree li.list-nested-item.status-modified > .list-item {
    color: @yellow;
    }

    .list-tree li.list-nested-item.status-added > .list-item, .list-group li:not(.list-nested-item).status-added, .list-tree li:not(.list-nested-item).status-added, .list-group li.list-nested-item.status-added > .list-item, .list-tree li.list-nested-item.status-added > .list-item {
    color: @green;
    }

    .workspace, .tree-view {
    background: @base05;
    }
    .list-group .selected:before, .list-tree .selected:before {
    background: @base03;
    }

    .tree-view:focus, .item-views {
    background: @base04a;
    }
    // .list-tree li.list-nested-item.status-ignored > .list-item, .list-group li:not(.list-nested-item).status-ignored, .list-tree li:not(.list-nested-item).status-ignored, .list-group li.list-nested-item.status-ignored > .list-item, .list-tree li.list-nested-item.status-ignored > .list-item {
    // color: @base03;
    // }
    // .list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item {
    // color: @base01;
    // }
    //
    // .list-tree li.list-nested-item.status-modified > .list-item, .list-group li:not(.list-nested-item).status-modified, .list-tree li:not(.list-nested-item).status-modified, .list-group li.list-nested-item.status-modified > .list-item, .list-tree li.list-nested-item.status-modified > .list-item {
    // color: @yellow;
    // }
    //
    // .list-tree li.list-nested-item.status-added > .list-item, .list-group li:not(.list-nested-item).status-added, .list-tree li:not(.list-nested-item).status-added, .list-group li.list-nested-item.status-added > .list-item, .list-tree li.list-nested-item.status-added > .list-item {
    // color: @green;
    // }
    //
    // .workspace, .tree-view {
    // background: @base05;
    // }
    // .list-group .selected:before, .list-tree .selected:before {
    // background: @base03;
    // }
    //
    // .tree-view:focus, .item-views {
    // background: @base04a;
    // }

    // ###### ## ## ######## ###### ####### ########
    // ## ## ## ## ## ## ## ## ## ## ## ##
    @@ -228,6 +229,10 @@
    color: fadeout(@base02, 50%);
    }

    .punctuation.string.begin, .punctuation.string.end {
    color: @orange !important;
    }

    // Ruby & CoffeeScript string interpolation punctuation
    .punctuation.embedded, .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded .source.ruby {
    color: @orange;
  21. abe33 revised this gist Jul 27, 2014. 1 changed file with 12 additions and 1 deletion.
    13 changes: 12 additions & 1 deletion styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -162,11 +162,14 @@

    .minimap {
    .lines {
    // word-spacing: -1px;
    word-spacing: -0.1em;
    }
    .highlight-selected .marker .region {
    opacity: 0.7;
    }
    .minimap-scroller {
    background: @magenta;
    }
    }

    // ######## ######## ######## ## ## #### ## ## ### ##
    @@ -201,6 +204,14 @@
    background: @base03;
    }

    .editor .search-results .marker .region, .editor .find-result .region {
    border-color: @green;
    }

    .minimap-wrapper .search-results .marker .region {
    background: @green;
    }

    .editor {
    &, .editor-contents {
    font-family: Monaco;
  22. abe33 revised this gist Jul 25, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -208,7 +208,7 @@

    .line {
    .fold-marker:after {
    font-size: 20px;
    font-size: 1.6em;
    color: @magenta;
    }
    }
  23. abe33 revised this gist Jul 25, 2014. 1 changed file with 8 additions and 4 deletions.
    12 changes: 8 additions & 4 deletions styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -148,6 +148,10 @@
    border-color: @blue;
    }

    .editor.is-focused .line.cursor-line {
    background: rgba(255, 255, 255, 0.1);
    }

    // ## ## #### ## ## #### ## ## ### ########
    // ### ### ## ### ## ## ### ### ## ## ## ##
    // #### #### ## #### ## ## #### #### ## ## ## ##
    @@ -158,7 +162,7 @@

    .minimap {
    .lines {
    word-spacing: -3px;
    // word-spacing: -1px;
    }
    .highlight-selected .marker .region {
    opacity: 0.7;
    @@ -202,10 +206,10 @@
    font-family: Monaco;
    }

    .line.fold {
    .fold-marker {
    .line {
    .fold-marker:after {
    font-size: 20px;
    line-height: 0;
    color: @magenta;
    }
    }

  24. abe33 revised this gist Jul 23, 2014. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -209,6 +209,10 @@
    }
    }

    .invisible-character {
    color: fadeout(@base02, 50%);
    }

    // Ruby & CoffeeScript string interpolation punctuation
    .punctuation.embedded, .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded .source.ruby {
    color: @orange;
  25. abe33 revised this gist Jul 23, 2014. 1 changed file with 553 additions and 0 deletions.
    553 changes: 553 additions & 0 deletions styles (spacegray).less
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,553 @@
    // Solarized colors
    //
    // @base05: rgb(0, 26, 27);
    // @base04a: lighten(rgb(0, 34, 41), 10%);
    // @base04: rgb(0, 34, 41);
    // @base03: rgb(0, 43, 54);
    // @base02: rgb(7, 54, 66);
    // @base01a: rgb(6, 74, 87);
    // @base01: rgb(88, 110, 117);
    // @base00: rgb(101, 123, 131);
    // @base0: rgb(131, 148, 150);
    // @base1: rgb(147, 161, 161);
    // @base2: rgb(238, 232, 213);
    // @base3: rgb(253, 246, 227);
    // @yellow: rgb(181, 137, 0);
    // @orange: rgb(203, 75, 22);
    // @red: rgb(220, 50, 47);
    // @magenta: rgb(211, 54, 130);
    // @violet: rgb(108, 113, 196);
    // @blue: rgb(38, 139, 210);
    // @cyan: rgb(42, 161, 152);
    // @green: rgb(133, 153, 0);


    @base05: #1c1f26;
    @base04a: #232830;
    @base04: #2B303B;
    @base03: #343D46;
    @base02: #4F5B66;
    @base01a: lighten(@base02, 10%);
    @base01: #65737E;
    @base00: lighten(@base01, 20%);
    @base0: #A7ADBA;
    @base1: #C0C5CE;
    @base2: #DFE1E8;
    @base3: #EFF1F5;
    @yellow: #EBCB8B;
    @orange: #D08770;
    @red: #AB7967;
    @magenta: #BF616A;
    @violet: #B48EAD;
    @blue: #8FA1B3;
    @cyan: #96B5B4;
    @green: #A3BE8C;

    // Dark UI Customized

    // ######## ### ######## ######
    // ## ## ## ## ## ## ##
    // ## ## ## ## ## ##
    // ## ## ## ######## ######
    // ## ######### ## ## ##
    // ## ## ## ## ## ## ##
    // ## ## ## ######## ######
    //
    // .tab-bar {
    // background: @base05;
    //
    // .tab {
    // box-shadow: inset -1px 1px 0 @base03, 4px -4px 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base04, @base05);
    // }
    //
    // .tab:before {
    // box-shadow: inset 1px 1px 0 @base03, -4px -4px 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base04, @base05);
    // }
    //
    // .tab:after {
    // box-shadow: inset 0px 1px 0 @base03, 4px 0 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base04, @base05);
    // }
    //
    // .tab.active {
    // box-shadow: inset -1px 1px 0 @base01a, 4px -4px 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base02, @base04);
    // }
    //
    // .tab.active:before {
    // box-shadow: inset 1px 1px 0 @base01a, -4px -4px 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base02, @base04);
    // }
    //
    // .tab.active:after {
    // box-shadow: inset 0px 1px 0 @base01a, 4px 0px 4px rgba(0, 0, 0, 0.1);
    // background-image: -webkit-linear-gradient(top, @base02, @base04);
    // }
    //
    // .close-icon {
    // right: 0 !important;
    // }
    // }
    // .tab-bar:after {
    // background: @base04;
    // border-bottom-color: @base05;
    // border-top-color: @base02;
    // }
    //

    // ######## ######## ######## ######## ## ## #### ######## ## ##
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ######## ###### ###### ## ## ## ###### ## ## ##
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ######## ######## ### #### ######## ### ###


    .list-tree li.list-nested-item.status-ignored > .list-item, .list-group li:not(.list-nested-item).status-ignored, .list-tree li:not(.list-nested-item).status-ignored, .list-group li.list-nested-item.status-ignored > .list-item, .list-tree li.list-nested-item.status-ignored > .list-item {
    color: @base03;
    }
    .list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item {
    color: @base01;
    }

    .list-tree li.list-nested-item.status-modified > .list-item, .list-group li:not(.list-nested-item).status-modified, .list-tree li:not(.list-nested-item).status-modified, .list-group li.list-nested-item.status-modified > .list-item, .list-tree li.list-nested-item.status-modified > .list-item {
    color: @yellow;
    }

    .list-tree li.list-nested-item.status-added > .list-item, .list-group li:not(.list-nested-item).status-added, .list-tree li:not(.list-nested-item).status-added, .list-group li.list-nested-item.status-added > .list-item, .list-tree li.list-nested-item.status-added > .list-item {
    color: @green;
    }

    .workspace, .tree-view {
    background: @base05;
    }
    .list-group .selected:before, .list-tree .selected:before {
    background: @base03;
    }

    .tree-view:focus, .item-views {
    background: @base04a;
    }

    // ###### ## ## ######## ###### ####### ########
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ######## ###### ## ## ########
    // ## ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ## ## ## ##
    // ###### ####### ## ## ###### ####### ## ##

    .line.cursor-line, .line-number.cursor-line-no-selection {
    background: rgba(255, 255, 255, 0.1);
    }

    .pane.active .editor .highlight-selected .marker .region {
    border-color: @blue;
    }

    // ## ## #### ## ## #### ## ## ### ########
    // ### ### ## ### ## ## ### ### ## ## ## ##
    // #### #### ## #### ## ## #### #### ## ## ## ##
    // ## ### ## ## ## ## ## ## ## ### ## ## ## ########
    // ## ## ## ## #### ## ## ## ######### ##
    // ## ## ## ## ### ## ## ## ## ## ##
    // ## ## #### ## ## #### ## ## ## ## ##

    .minimap {
    .lines {
    word-spacing: -3px;
    }
    .highlight-selected .marker .region {
    opacity: 0.7;
    }
    }

    // ######## ######## ######## ## ## #### ## ## ### ##
    // ## ## ## ## ### ### ## ### ## ## ## ##
    // ## ## ## ## #### #### ## #### ## ## ## ##
    // ## ###### ######## ## ### ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## #### ######### ##
    // ## ## ## ## ## ## ## ## ### ## ## ##
    // ## ######## ## ## ## ## #### ## ## ## ## ########

    .term {
    border: none;
    }
    .terminal {
    background: @base03 !important;
    border-color: @base03;
    font-size: 12px;
    line-height: 18px;
    -webkit-font-smoothing: auto;
    font-family: Menlo;
    }

    // ######## ######## #### ######## ####### ########
    // ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ##
    // ###### ## ## ## ## ## ## ########
    // ## ## ## ## ## ## ## ## ##
    // ## ## ## ## ## ## ## ## ##
    // ######## ######## #### ## ####### ## ##

    .panes {
    background: @base03;
    }

    .editor {
    &, .editor-contents {
    font-family: Monaco;
    }

    .line.fold {
    .fold-marker {
    font-size: 20px;
    line-height: 0;
    }
    }

    // Ruby & CoffeeScript string interpolation punctuation
    .punctuation.embedded, .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded, .source.ruby .meta.embedded .punctuation.section.embedded .source.ruby {
    color: @orange;
    }

    // Content of interpolations use the base color
    .source.coffee.embedded, .meta.embedded.ruby, .variable.interpolation.sass, .property-value.sass {
    color: @base1;
    }

    // Ruby do block arguments
    .meta.line.ruby.haml {
    color: @green;

    .source.ruby {
    color: @base1;

    &.embedded.html {
    color: @blue;
    }
    }
    }

    // Styles Ruby hash key: with the same style as :key
    .symbol.hashkey {
    color: @cyan;

    .punctuation {
    color: @cyan;
    }
    }

    // Styles all Haml entities (%tag, #id, .class) in blue
    .entity.name.tag.haml {
    color: @blue;
    }

    // Styles Haml filters (:ruby, :coffee) in red
    *:not(.tag) > .entity.name.tag.haml:not(.class):not(.id) {
    color: @red;
    }

    // Styles regexp with an unused color, violet
    .string.regexp {
    color: @violet;
    }

    // Styles Literate CoffeeScript comment using a low contrast color
    .source.litcoffee {
    color: @base01;

    .raw.block {
    color: @base1;
    }
    }

    // Styles numbers with magenta
    .numeric {
    color: @magenta;
    }

    // Styles variables affectation and CoffeeScript/Ruby @properties
    .variable.sass, .variable-usage.sass, .storage.modifier, .punctuation.separator.variable.ruby, .variable.other.block.ruby, .definition.variable.ruby {
    color: @blue;
    }

    // Sass @import param
    .variable.url.sass {
    color: @cyan;
    }
    // CSS/Sass/less units (px, %, em, etc.)
    .unit {
    color: @green;
    }

    .operator.assignment {
    color: @green;
    }
    .punctuation.section {
    color: @red;
    }
    .coffee {
    .variable.instance, .variable.assignment {
    color: @blue;
    }
    }
    .markdown.heading {
    color: @base1;

    .name {
    color: @magenta;
    }
    }
    }

    // ######## #### ## ######## #### ###### ####### ## ## ######
    // ## ## ## ## ## ## ## ## ## ### ## ## ##
    // ## ## ## ## ## ## ## ## #### ## ##
    // ###### ## ## ###### ## ## ## ## ## ## ## ######
    // ## ## ## ## ## ## ## ## ## #### ##
    // ## ## ## ## ## ## ## ## ## ## ### ## ##
    // ## #### ######## ######## #### ###### ####### ## ## ######

    @octicons: 'Octicons Regular';
    @fontawesome: 'FontAwesome';

    .pane ul.tab-bar li.tab .title[data-name]:before {
    top: -1px;
    }

    [data-name]:before {
    margin-right: 5px;
    position: relative;
    top: 1px;
    font-family: @octicons;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    }

    // Coffeescript files
    [data-name$='.coffee']:before,
    [data-name$='.litcoffee']:before,
    [data-name$='.coffee.md']:before,
    [data-name='Cakefile']:before {
    content: '\f010' !important;
    font-family: @octicons !important;
    color: @green !important;
    }

    // Meta configuration files
    [data-name$='.gitignore']:before,
    [data-name$='.gitattributes']:before,
    [data-name$='.gitkeep']:before,
    [data-name$='.npmignore']:before,
    [data-name$='.npmrc']:before,
    [data-name$='.rspec']:before,
    [data-name$='.pairs']:before,
    [data-name$='.spectacular']:before,
    [data-name='Procfile']:before,
    [data-name='.htaccess']:before,
    [data-name$='.ruby-version']:before {
    content: '\f02f' !important;
    font-family: @octicons !important;
    color: @magenta !important;
    }

    // GIT repo
    [data-name$='.git']:before {
    content: '\f00a';
    }


    // Source map file
    [data-name$='.map']:before {
    content: '\f060';
    color: @orange;
    }

    // Lock files
    [data-name$='.lock']:before {
    content: '\f06a' !important;
    color: @yellow !important;
    }

    // Ruby files
    [data-name$='.rb']:before,
    [data-name$='.ru']:before,
    [data-name$='.rake']:before,
    [data-name$='.gemspec']:before,
    [data-name='Gemfile']:before,
    [data-name='Rakefile']:before,
    [data-name='Guardfile']:before,
    [data-name='Capfile']:before {
    color: @red !important;
    content: '\f047';
    }

    // Stylesheets
    [data-name$='.styl']:before,
    [data-name$='.css']:before,
    [data-name$='.sass']:before,
    [data-name$='.scss']:before,
    [data-name$='.less']:before {
    // content: '\f058';
    font-family: @fontawesome !important;
    content: '\f13c' !important;
    color: @blue !important;
    }

    // Archives
    [data-name$='.zip']:before,
    [data-name$='.rar']:before,
    [data-name$='.gz']:before {
    content: '\f013';
    color: @cyan;
    }

    // Templates
    [data-name$='.jade']:before,
    [data-name$='.haml']:before,
    [data-name$='.erb']:before,
    [data-name$='.twig']:before,
    [data-name$='.hbs']:before {
    font-family: @fontawesome;
    content: '\f13b';
    // content: '\f05f';
    color: @yellow;
    }

    // In project configuration files
    [data-name$='.json']:before,
    [data-name$='.cson']:before,
    [data-name$='.yml']:before {
    content: '\f07c' !important;
    color: @violet !important;
    }

    // DS_Store
    [data-name$='.DS_Store']:before,
    [data-name*='.sublime-']:before {
    content: '\f02f';
    }

    // License files
    [data-name*='LICENSE']:before,
    [data-name^='CHANGELOG']:before,
    [data-name^='README']:before,
    [data-name^='Readme']:before,
    [data-name^='License']:before,
    [data-name^='History']:before {
    color: #78b4c4;
    }

    // PDF files
    [data-name$='.pdf']:before {
    content: '\f014';
    color: @orange;
    }

    // Log files
    .file-icon-log:before,
    [data-name$='.log']:before {
    content: '\f091';
    color: @orange;
    }

    // Database & dumps
    [data-name$='.sqlite']:before,
    [data-name$='.csv']:before,
    [data-name$='.sqlite3']:before,
    [data-name$='.dump']:before {
    content: '\f096';
    color: @cyan;
    }

    // Php files
    [data-name$='.php']:before {
    color: @cyan !important;
    }


    // Fonts files
    [data-name$='.woff']:before,
    [data-name$='.ttf']:before,
    [data-name$='.otf']:before,
    [data-name$='.eot']:before {
    content: '\f05e';
    color: @blue;
    }

    // HTML files
    [data-name$='.html']:before {
    color: #5cb5db;
    content: "\f0b6";
    }

    // Ctags files
    [data-name='.ctags']:before,
    [data-name='.tags']:before,
    [data-name='.gemtags']:before,
    [data-name='tags']:before,
    [data-name='TAGS']:before {
    content: '\f015';
    color: @blue;
    }


    // JS files
    [data-name$='.js']:before
    {
    content: '\f011';
    color: #90c276;
    }

    // Images files
    [data-name$='.jpg']:before,
    [data-name$='.png']:before,
    [data-name$='.gif']:before,
    [data-name$='.psd']:before,
    [data-name$='.svg']:before,
    [data-name$='.ico']:before {
    content: '\f012';
    color: @green !important;
    }

    // Videos files
    [data-name$='.mpg']:before,
    [data-name$='.avi']:before,
    [data-name$='.mov']:before,
    [data-name$='.flv']:before,
    [data-name$='.swf']:before,
    [data-name$='.ogg']:before {
    content: '\f057';
    color: @orange;
    }

    // Markdown files
    [data-name$='.md']:before,
    [data-name$='.markdown']:before {
    content: '\f0c9'
    }

    // Todos
    [data-name*='todo']:before {
    content: '\f076';
    color: @cyan;
    }

    // Shell scripts
    [data-path*='bin/']:before,
    [data-name$='.sh']:before,
    [data-name$='.bat']:before {
    content: '\f0c8';
    color: @magenta !important;
    }
  26. abe33 revised this gist Jul 10, 2014. 1 changed file with 42 additions and 18 deletions.
    60 changes: 42 additions & 18 deletions styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -21,6 +21,7 @@
    @green: rgb(133, 153, 0);



    // Dark UI Customized

    // ######## ### ######## ######
    @@ -63,6 +64,10 @@
    box-shadow: inset 0px 1px 0 @base01a, 4px 0px 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, @base02, @base04);
    }

    .close-icon {
    right: 0 !important;
    }
    }
    .tab-bar:after {
    background: @base04;
    @@ -169,7 +174,9 @@
    }

    .editor {
    font-family: Monaco;
    &, .editor-contents {
    font-family: Monaco;
    }

    .atom-color-highlight {
    z-index: 1;
    @@ -289,29 +296,33 @@
    // ## ## ## ## ## ## ## ## ## ## ### ## ##
    // ## #### ######## ######## #### ###### ####### ## ## ######

    @octicons: 'Octicons Regular';
    @fontawesome: 'FontAwesome';

    [data-name]:before {
    margin-right: 5px;
    position: relative;
    top: 1px;
    font-family: 'Octicons Regular';
    font-family: @octicons;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    font-size: 16px;
    width: 16px;
    height: 16px;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    }

    // Coffeescript files
    [data-name$='.coffee']:before,
    [data-name$='.litcoffee']:before,
    [data-name$='.coffee.md']:before,
    [data-name='Cakefile']:before {
    content: '\f010';
    color: @green;
    content: '\f010' !important;
    font-family: @octicons !important;
    color: @green !important;
    }

    // Meta configuration files
    @@ -324,9 +335,10 @@
    [data-name$='.pairs']:before,
    [data-name$='.spectacular']:before,
    [data-name='Procfile']:before,
    [data-name='.htaccess']:before,
    [data-name$='.ruby-version']:before {
    content: '\f02f';
    color: @magenta;
    color: @magenta !important;
    }

    // GIT repo
    @@ -343,8 +355,8 @@

    // Lock files
    [data-name$='.lock']:before {
    content: '\f06a';
    color: @yellow;
    content: '\f06a' !important;
    color: @yellow !important;
    }

    // Ruby files
    @@ -366,8 +378,10 @@
    [data-name$='.sass']:before,
    [data-name$='.scss']:before,
    [data-name$='.less']:before {
    content: '\f058';
    color: @blue;
    // content: '\f058';
    font-family: @fontawesome !important;
    content: '\f13c' !important;
    color: @blue !important;
    }

    // Archives
    @@ -382,17 +396,20 @@
    [data-name$='.jade']:before,
    [data-name$='.haml']:before,
    [data-name$='.erb']:before,
    [data-name$='.twig']:before,
    [data-name$='.hbs']:before {
    content: '\f05f';
    font-family: @fontawesome;
    content: '\f13b';
    // content: '\f05f';
    color: @yellow;
    }

    // In project configuration files
    [data-name$='.json']:before,
    [data-name$='.cson']:before,
    [data-name$='.yml']:before {
    content: '\f07c';
    color: @violet;
    content: '\f07c' !important;
    color: @violet !important;
    }

    // DS_Store
    @@ -433,6 +450,12 @@
    color: @cyan;
    }

    // Php files
    [data-name$='.php']:before {
    color: @cyan !important;
    }


    // Fonts files
    [data-name$='.woff']:before,
    [data-name$='.ttf']:before,
    @@ -474,7 +497,7 @@
    [data-name$='.svg']:before,
    [data-name$='.ico']:before {
    content: '\f012';
    color: @green;
    color: @green !important;
    }

    // Videos files
    @@ -489,7 +512,8 @@
    }

    // Markdown files
    [data-name$='.md']:before {
    [data-name$='.md']:before,
    [data-name$='.markdown']:before {
    content: '\f0c9'
    }

    @@ -504,5 +528,5 @@
    [data-name$='.sh']:before,
    [data-name$='.bat']:before {
    content: '\f0c8';
    color: @magenta;
    color: @magenta !important;
    }
  27. abe33 revised this gist Jul 3, 2014. 2 changed files with 23 additions and 7 deletions.
    10 changes: 4 additions & 6 deletions atom_config.md
    View file
    Original file line number Diff line number Diff line change
    @@ -26,7 +26,6 @@ Installed packages:
    - minimap-find-and-replace
    - minimap-git-diff
    - minimap-highlight-selected
    - ~~multiple-cursors-clipboard~~ (was included in core)
    - project-manager
    - project-palette-finder
    - travis-ci-status
    @@ -38,8 +37,7 @@ Installed packages:
    - Stylus
    - Sublime-Style-Column-Selection
    - cut-line

    And custom version of some bundled packages:

    - language-sass ([abe33/language-sass#feature_sass_v2](https://github.com/abe33/language-sass/tree/feature_sass_v2))
    - ~~tree-view ([abe33/tree-view#feature_data_attributes](https://github.com/abe33/tree-view/tree/feature_data_attributes), a PR was proposed with the changes)~~ PR was merged
    - red-wavy-line
    - scroll-past-end
    - emmet
    - figlet
    20 changes: 19 additions & 1 deletion styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -44,6 +44,11 @@
    background-image: -webkit-linear-gradient(top, @base04, @base05);
    }

    .tab:after {
    box-shadow: inset 0px 1px 0 @base03, 4px 0 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, @base04, @base05);
    }

    .tab.active {
    box-shadow: inset -1px 1px 0 @base01a, 4px -4px 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, @base02, @base04);
    @@ -53,6 +58,11 @@
    box-shadow: inset 1px 1px 0 @base01a, -4px -4px 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, @base02, @base04);
    }

    .tab.active:after {
    box-shadow: inset 0px 1px 0 @base01a, 4px 0px 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, @base02, @base04);
    }
    }
    .tab-bar:after {
    background: @base04;
    @@ -119,7 +129,7 @@

    .minimap {
    .lines {
    word-spacing: -2px;
    word-spacing: -1px;
    }
    .highlight-selected .marker .region {
    opacity: 0.7;
    @@ -161,6 +171,14 @@
    .editor {
    font-family: Monaco;

    .atom-color-highlight {
    z-index: 1;
    }

    .select-list {
    z-index: 3;
    }

    .line.fold {
    .fold-marker {
    font-size: 20px;
  28. abe33 revised this gist Jun 13, 2014. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions atom_config.md
    View file
    Original file line number Diff line number Diff line change
    @@ -13,6 +13,7 @@ Installed packages:
    - atom-color-highlight
    - bezier-curve-editor
    - block-travel
    - coffeedocs
    - coffee-compile
    - coffee-lint
    - color-picker
  29. abe33 revised this gist Jun 13, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion atom_config.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    ## My Atom Config

    ![Atom Editor Screenshot](http://i.imgur.com/D6EgfUb.png)
    ![Atom Editor Screenshot](http://i.imgur.com/Fg3VkSB.png)

    Theme:

  30. abe33 revised this gist May 30, 2014. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions styles.less
    View file
    Original file line number Diff line number Diff line change
    @@ -444,6 +444,7 @@
    // JS files
    [data-name$='.js']:before
    {
    content: '\f011';
    color: #90c276;
    }