kabukicho-vscode - GitLite

KO | EN

gitlite — search

#javascript #react #typescript #golang #go #android #docker #awesome #cli #vue #security #mcp #openai #open-source

kabukicho-vscode

(★ 98)

Neon vaporwave dark theme for VS Code. Now with dreamy nostalgia 🌆 and hints of hazy liquid synth. 🎧

파일 탐색기

최종 버전 다운로드 (.zip)

- - publish.yml
- launch.json
- .editorconfig
- checkbox_with_label.test.js
- clojure.clj
- clojurescript.cljs
- cplusplus-header.h
- cplusplus-source.cc
- csharp.cs
- css.css
- elm.elm
- flutter.dart
- html.html
- issue-91.jsx
- js.js
- json.json
- markdown.md
- php.php
- powershell.ps1
- pug.pug
- python.py
- react.js
- robot-restaurant.py
- ruby.rb
- statelessfunctionalreact.js
- stylus.styl
- tsx.tsx
- vuedemo.vue
- yml.yml
- kabukicho-color-theme.json
.vscodeignore
banner.png
CHANGELOG.md
icon.png
kabukicho-0.0.1.vsix
kabukicho-0.0.2.vsix
lights-on.css
package.json
README.md
screenshot.png

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/victoriadrake/kabukicho-vscode

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd kabukicho-vscode

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Kabukichō Theme for Visual Studio Code

![theme banner](https://raw.githubusercontent.com/victoriadrake/kabukicho-vscode/master/banner.png)

A techno-neon, autorobotic, VHS-degradaded, superatomic-AI color theme for Visual Studio Code. Of course those are real words. Whatever, man. You can't stop the signal.

![Theme screenshot](https://raw.githubusercontent.com/victoriadrake/kabukicho-vscode/master/screenshot.png)  
Font in the screenshot is [JetBrains Mono](https://www.jetbrains.com/lp/mono/).

## Installation

Open VS Code, then launch Quick Open (`Ctrl+P`). Paste in `ext install victoriadrake.kabukicho` and press enter.

Alternatively, clone this repository into your VS Code extensions folder ([where is that?](https://code.visualstudio.com/docs/editor/extension-gallery#_where-are-extensions-installed)), then restart VS Code.

To activate the wave, use the keyboard shortcut `Ctrl+K Ctrl+T` or select **File** > **Preferences** > **Color Theme** and choose **Kabukichō**.

Optionally, activate the custom CSS for a Robot-Restaurant-style party session:

1. Install the [Custom CSS and JS Loader](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css) extension.

2. Tell Custom CSS and JS Loader to use the CSS file included with this theme by adding an import line to your VS Code `settings.json` file:

```json
{
  "vscode_custom_css.imports": [
    "file://FULL/PATH/lights-on.css"
    ]
}
```

Be sure to use the correct full file path URL to the CSS file for your operating system. This may be in your VS Code extensions directory, or wherever you choose to store the file it in your filesystem.

Windows example: `file:///C:/Users/username/.vscode/extensions/name-of-extension/lights-on.css`

MacOS and Linux example: `file:///home/user/.vscode/extensions/name-of-extension/lights-on.css`

For troubleshooting, see [full set up instructions for Custom CSS and JS here](https://github.com/be5invis/vscode-custom-css#getting-started).

3. From the command palette (`Ctrl + Shift + P` or `Shift + ⌘ + P`), select **Reload Custom CSS and JS**. You can also **Disable** and **Enable** the custom CSS from here.

Though it's very `A` `E` `S` `T` `H` `E` `T` `I` `C`, the fun glow effect can strain your eyes and isn't meant for long coding sessions. Also, the custom CSS injector has its downsides. Be sure you [read and understand](https://github.com/be5invis/vscode-custom-css/blob/master/README.md) what's involved.

## Origins and Thanks

This theme began as a let's-be-reasonable-now fork of @webrender's [synthwave-x-fluoromachine](https://github.com/webrender/synthwave-x-fluoromachine) theme, which was forked from @robbowen's [Synthwave '84 theme](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode) and merged with @fullerenedream's [Fluoromachine](https://colorsublime.github.io/themes/FluoroMachine/) Sublime Text theme.

The `tokenColors` definitions are heavily borrowed from [Noctis](https://github.com/liviuschera/noctis), with which @liviuschera is doing excellent work.

The very nostalgic glow stylesheet originates with @robbowen.

Most of the `demos/` are from [Night Owl](https://github.com/sdras/night-owl-vscode-theme) and the clever how-to article by @sdras, [Creating a VS Code Theme](https://css-tricks.com/creating-a-vs-code-theme/).