KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

synthax-code-theme

★ 18 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
  <br/>
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/synthax_logo.png" alt="Syntax Theme Code Example" width="900" />
  <br />
  <br />
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/symbol.png" alt="Syntax Theme" />
  <h2>Ride on the retro waves of future with this dark colorful theme for VS Code. </h2>

</div>
<br />
<table align="center" width="800">
<tr>
<td colspan="3" align="center">
<img src="https://img.shields.io/vscode-marketplace/v/foxhoundn.synthax.svg?label=Synthax&style=for-the-badge&colorB=e04cdd&colorA=171023" />&nbsp;
<img src="https://img.shields.io/vscode-marketplace/d/foxhoundn.synthax.svg?style=for-the-badge&colorB=2de2e6&colorA=171023" />&nbsp;
<img src="https://img.shields.io/github/last-commit/foxhoundn/synthax-code-theme.svg?style=for-the-badge&colorB=21ce97&colorA=171023" />&nbsp;
<img src="https://img.shields.io/github/issues/foxhoundn/synthax-code-theme.svg?style=for-the-badge&colorB=e08c26&colorA=171023" />&nbsp;
</td>
</tr>
<tr>
<td bgcolor="#2c1e49" width="40" align="center">🚧 </td>
<td align="center">&nbsp; This theme is still work in progress, and right now works only with **.js, .jsx and .json** files </td>
<td bgcolor="#2c1e49" width="40" align="center">🚧 </td>
</tr>
</table>
<br />

## 🔮&nbsp; Code Example

## 🖥 &nbsp; 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.

## 💜&nbsp; 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.  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/variables.png" alt="Syntax Theme | Variables Example" />

- Functions & Classes use a bright pink color. Their definitions are in bold, whereas calls / reassignments have no font style.  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/functions-classes.png" alt="Syntax Theme | Functions Example"  />

- Strings use green color  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/strings.png" alt="Syntax Theme | Strings Example" />

- Numbers use yellow color  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/numbers.png" alt="Syntax Theme | Numbers Example" />

- Booleans use pink color  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/boolean.png" alt="Syntax Theme | Boolean Example" />

- Null, undefined & NaN use purple color  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/null.png" alt="Syntax Theme | Boolean Example" />

- Objects & object properties use variables color for the object identifier & white/respectice colors for object properties  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/objects.png" alt="Syntax Theme | Objects Example" />

- Built-ins use orange-ish color  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/builtins.png" alt="Syntax Theme | Built-ins Example" />

- Types use very-light-purple color, all type definitions use the same color & font style  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/types.png" alt="Syntax Theme | Types Example" />

- Tags are separated into 2 categories - native tags have variable color, React components have class color  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/tags.png" alt="Syntax Theme | Tags Example" />

## 🛑&nbsp; 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.  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/parameters-correct.png" alt="Syntax Theme | Function params correct Example" />  
  <img src="https://github.com/foxhoundn/synthax-code-theme/raw/master/themes/img/examples/parameters-wrong.png" alt="Syntax Theme | Function params error Example" />

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

## 🔥&nbsp; Contributions are welcome

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

</div>

synthax-code-theme

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README