https://github.com/sean-codes/hackerman-syntax

The Hacker Man theme for Atom.io
https://github.com/sean-codes/hackerman-syntax

Last synced: about 1 year ago
JSON representation

The Hacker Man theme for Atom.io

• Host: GitHub
• URL: https://github.com/sean-codes/hackerman-syntax
• Owner: sean-codes
• License: mit
• Created: 2017-08-07T14:27:41.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-08-10T21:55:28.000Z (almost 9 years ago)
• Last Synced: 2025-03-05T22:44:18.037Z (over 1 year ago)
• Language: CSS
• Homepage:
• Size: 683 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
## Hackerman Syntax

The hackerman syntax theme for atom

![A screenshot of your theme](https://raw.githubusercontent.com/sean-codes/hackerman-syntax/master/example.png?v=5)

## Links

|         |                                                       |

|---------|-------------------------------------------------------|

| Atom.io | https://atom.io/themes/hackerman-syntax               |

| GitHub  | https://github.com/sean-codes/hackerman-syntax        |

| Issues  | https://github.com/sean-codes/hackerman-syntax/issues |

## If you would like to use the fancy fonts

### 1. Install The Fonts:

|            |                                                       |

|------------|-------------------------------------------------------|

|  FiraCode  | https://github.com/tonsky/FiraCode                    |

|   Megrim   | https://fonts.google.com/specimen/Megrim              |

| FlottFlott | http://www.dafont.com/flottflott.font                 |

|  MR.ROBOT  | https://fontmeme.com/fonts/mr-robot-font/             |

### 2. Add this to your atom stylesheet:

    //-------------------------------------------------------------------------------//

    //--------------------------| Mixin and Variables |------------------------------//

    //-------------------------------------------------------------------------------//

    .MIXIN_Firacode {

       font-family: 'Fira Code';

       font-style: normal;

       text-rendering: optimizeLegibility;

       font-weight: 500;

    }

    .MIXIN_Flottflott {

       vertical-align: baseline;

       font-family: 'flottflott', cursive;

       height: inherit;

       font-size: 1.6em;

       font-weight:lighter;

       line-height: 1rem;

    }

    .MIXIN_Megrim {

       vertical-align: baseline;

       font-family: 'Megrim', cursive;

       height: inherit;

       font-size: 1.1em;

       font-weight: bolder;

       line-height: 1rem;

    }

    .MIXIN_FANCYFONT{

       .MIXIN_Flottflott

    }

    .MIXIN_ligature{

       -webkit-font-feature-settings: "liga" off, "calt" off;

    }

    //-------------------------------------------------------------------------------//

    //-------------------------------| Selectors |-----------------------------------//

    //-------------------------------------------------------------------------------//

    atom-text-editor {

       .syntax--comment{

          font-style: inherit;

       }

       .MIXIN_Firacode();

       .syntax--string.syntax--quoted,

       .syntax--string.syntax--regexp {

          .MIXIN_ligature();

       }

       .syntax--source > .syntax--keyword.syntax--syntax--control.syntax--flow,

       .syntax--storage:not(.syntax--arrow):not(.syntax--sql), .syntax--type .syntax--function,

       .syntax--keyword.syntax--control,

       .syntax--keyword:not(.syntax--sql):not(.syntax--operator):not(.syntax--assignment):not(.syntax--relational):not(.syntax--logical),

       .syntax--attribute-name.syntax--pseudo-element{

          .MIXIN_FANCYFONT();

          .syntax--punctuation, .syntax-sql, .syntax--comment{

             .MIXIN_Firacode;

             font-size:initial;

          }

       }

    }