Skip to content

Foxhoundn/synthax-code-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

63 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation


Syntax Theme Code Example

Syntax Theme

Ride on the retro waves of future with this dark colorful theme for VS Code.


ย  ย  ย  ย 
๐Ÿšง ย  This theme is still work in progress, and right now works only with **.js, .jsx and .json** files ๐Ÿšง

๐Ÿ”ฎย  Code Example

Syntax Theme Code Example

๐Ÿ–ฅ ย  Installing

  1. Using VS Code

    In your VS Code, go to the extensions tab and search for Synthax, then click on Install and reload once the theme is installed.

  2. By cloning this repo

    Clone this repo to your machine, and copy it's contents to the vscode/extensions folder.

๐Ÿ’œย  Colors as clear representation of syntax

  • Variables use a very prominent light blue-to-green color. Variable definitions are in bold, whereas variable calls / reassignments have no font style.
    Syntax Theme | Variables Example

  • Functions & Classes use a bright pink color. Their definitions are in bold, whereas calls / reassignments have no font style.
    Syntax Theme | Functions Example

  • Strings use green color
    Syntax Theme | Strings Example

  • Numbers use yellow color
    Syntax Theme | Numbers Example

  • Booleans use pink color
    Syntax Theme | Boolean Example

  • Null, undefined & NaN use purple color
    Syntax Theme | Boolean Example

  • Objects & object properties use variables color for the object identifier & white/respectice colors for object properties
    Syntax Theme | Objects Example

  • Built-ins use orange-ish color
    Syntax Theme | Built-ins Example

  • Types use very-light-purple color, all type definitions use the same color & font style
    Syntax Theme | Types Example

  • Tags are separated into 2 categories - native tags have variable color, React components have class color
    Syntax Theme | Tags Example

๐Ÿ›‘ย  Known issues

  • If there is a new line present in the function declaration parenthesis, the parameters annotations have variable color and any modifiers have function colors.
    Syntax Theme | Function params correct Example
    Syntax Theme | Function params error Example

    Issue was raised here - microsoft/vscode#66149

๐Ÿ”ฅย  Contributions are welcome

As this is a very early version, all contributions & comments are more than welcome!

Follow me on Twitter - Foxhoundn