https://github.com/foxhoundn/synthax-code-theme

💜💙💜Ride on the retro waves of future with this dark colorful theme for VS Code.
https://github.com/foxhoundn/synthax-code-theme

80s colors dark dark-theme future futurism retro theme themes vscode vscode-theme

Last synced: 3 months ago
JSON representation

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

Host: GitHub
URL: https://github.com/foxhoundn/synthax-code-theme
Owner: Foxhoundn
License: mit
Created: 2019-01-04T12:40:09.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2023-03-06T23:25:50.000Z (over 2 years ago)
Last Synced: 2025-01-08T08:51:33.798Z (5 months ago)
Topics: 80s, colors, dark, dark-theme, future, futurism, retro, theme, themes, vscode, vscode-theme
Homepage: https://marketplace.visualstudio.com/items?itemName=foxhoundn.synthax
Size: 4.82 MB
Stars: 16
Watchers: 1
Forks: 2
Open Issues: 3
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

README

        




  


  

  


  


  

  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



## 🖥   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.  

  

- Functions & Classes use a bright pink color. Their definitions are in bold, whereas calls / reassignments have no font style.  

  

- Strings use green color  

  

- Numbers use yellow color  

  

- Booleans use pink color  

  

- Null, undefined & NaN use purple color  

  

- Objects & object properties use variables color for the object identifier & white/respectice colors for object properties  

  

- Built-ins use orange-ish color  

  

- Types use very-light-purple color, all type definitions use the same color & font style  

  

- Tags are separated into 2 categories - native tags have variable color, React components have class color  

  

## 🛑  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.  

    

  

  Issue was raised here - https://github.com/Microsoft/vscode/issues/66149

## 🔥  Contributions are welcome

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