# Magi UI Synthwave | JetBrains Theme

This package contains the JetBrains implementation of the Magi UI Synthwave theme.

Original inspiration: [Synthwave-x-fluoromachine](https://github.com/webrender/synthwave-x-fluoromachine)

This version is distributed as an IntelliJ Platform theme plugin (modern `.theme.json` + bundled editor scheme), with New UI / Islands support.

----
![](readme/1-ide.png?raw=true)

----
## Colors
![](readme/colors.png?raw=true)

----
## Installation

### Option A — Build plugin locally

From repo root:

```bash
./platforms/jetbrains/gradlew -p platforms/jetbrains buildPlugin
```

Then install the generated ZIP from:

`platforms/jetbrains/build/distributions/`

In JetBrains IDE:

- `Settings` → `Plugins` → gear icon → `Install Plugin from Disk...`

### Option B — Use only the bundled color scheme (inside the plugin)

Once installed, choose:

- `Settings` → `Editor` → `Color Scheme` → `Magi UI Synthwave`

----
## Custom-Language Support
- This theme has been tested in IDEA with the following languages:
    - Angular Templates
    - CSS
    - HTML
    - Javascript
    - JSON
    - LUA
    - Markdown
    - RegExp
    - Sass/SCSS
    - Shell Script
    - TypeScript
    - XML

----
## Screenshots
### TypeScript Support

----
![](readme/2-typescript.png?raw=true)


### Easy To See Carets

----
![](readme/3-carets.png?raw=true)


### Easy To See Highlighting

----
![](readme/4-highlight.png?raw=true)

### Tooltip Support
----
![](readme/5-tooltip.png?raw=true)


### Autofill Support

----
![](readme/6-autofill.png?raw=true)


### Markdown Support

----
![](readme/7-markdown.png?raw=true)


### SCSS Support

----
![](readme/8-scss.png?raw=true)


### HTML Support

----
![](readme/9-html.png?raw=true)


### Easy To See Errors

----
![](readme/10-error.png?raw=true)


### Easy To Understand Diffs / History

----
![](readme/11-diff.png?raw=true)


### Easy To See Search Highlights

----
![](readme/12-search.png?raw=true)