vscode-theme-alabaster - GitLite

KO | EN

gitlite — search

#hacktoberfest #typescript #llm #go #rust #deep-learning #linux #macos #java #windows #kubernetes #vue #awesome-list #security

vscode-theme-alabaster

(★ 716)

A light theme for Visual Studio Code

파일 탐색기

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

- alabaster-color-theme.json
CHANGELOG.md
icon.png
LICENSE.txt
package.json
playground.clj
playground.rs
publish.sh
README.md
screenshot.png

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/tonsky/vscode-theme-alabaster

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

cd vscode-theme-alabaster

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

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)

# Alabaster Theme

A light theme with minimal amount of highlighting for [Visual Studio Code](http://code.visualstudio.com).

## Motivation

Most color themes highlight everything they can, ending up looking like a fireworks show.

Instead, Alabaster uses minimal highlighting; it defines just four classes:

1. Strings
  2. All statically known constants (numbers, symbols, user-defined keywords, boolean values)
  3. Comments
  4. Global definitions

Additionally:

- Alabaster does not highlight standard language keywords (if, else, function, etc). They are usually least important and most obvious part of any program.

- Alabaster highlights comments. Most themes try to dim comments by using low-contrast greys. I think if code was complex enough that it deserved an explanation then it’s that explanation we should see and read first. It would be a crime to hide it.

- Alabaster doesn’t use font variations. It’s hard to scan code when it jumps between normal, **bold** and *italics* all the time. Also, not all fonts provide bold/italics variants.

- Having minimal amount of rules means you can consciously use them to look for the exact piece of information you need. Most other “fireworks” themes provide only one meaningful contribution: if it’s colored it’s probably syntactically correct. Instead, in Alabaster you can actually remember all the rules, and e.g. if you need to look for a string you know that you’re looking for a green token. And all the strings really pop out because there are not many other things highlighted.

- Alabaster only highlights things that parser could identify reliably. I believe that if highlighting works only partially then it does more harm than good. When highlighting works reliably, your brain learns to rely on it. When it’s not reliable, your brain spends precious brain cycles to re-check everything it sees on the screen.

![Screenshot](https://raw.githubusercontent.com/tonsky/vscode-theme-alabaster/master/screenshot.png)

## What our users [are saying](https://marketplace.visualstudio.com/items?itemName=tonsky.theme-alabaster&ssr=false#review-details)?

> It's like I had this weight on my eyes, and now it's gone. Awesome!

– Alex Sugak ★★★★★

> After your theme others looks like unreadable neon things 🤯

– lamartire ★★★★★

> Minimalistic cool

– denisgrib ★★★★★

> Super minimal and undistracting. Easy to read.

– Josh Bernitt ★★★★★

> A little bit confusing at first if you're from The Dark Land. But then you just chill.

– aenor.realm ★★★★★

## Install

1. Go to `Extensions`
2. Search for `alabaster`
3. Install

Or alternatively open the extension webpage in browser and install from there: https://marketplace.visualstudio.com/items?itemName=tonsky.theme-alabaster

## License

[MIT License](https://github.com/tonsky/vscode-theme-alabaster/blob/master/./LICENSE.txt)

## Variations

- Dark for VS Code [apust/vscode-rubber-theme](https://github.com/apust/vscode-rubber-theme)
- Dark for VS Code (closer to the original ST version)
  [gargakshit/vscode-theme-alabaster-dark](https://github.com/gargakshit/vscode-theme-alabaster-dark)
- Light for VS Code (closer to JetBrains IDEs version) [atrskv/vscode-theme-alabaster](https://github.com/atrskv/vscode-theme-alabaster)
- for Sublime Text 3 [tonsky/sublime-scheme-alabaster](https://github.com/tonsky/sublime-scheme-alabaster)
- for JetBrains IDEs (IntelliJ IDEA etc) [tonsky/intellij-alabaster](https://github.com/tonsky/intellij-alabaster)
- for JetBrains IDEs as a plugin [vlnabatov/alabaster-theme](https://github.com/vlnabatov/alabaster-theme)
- for JetBrains IDEs as a plugin (dark version) [vlnabatov/alabaster-dark-theme](https://github.com/vlnabatov/alabaster-dark-theme)
- for Sublime Text 2 (unofficial) [freetonik/Travertine](https://github.com/freetonik/Travertine)
- Original version for LightTable [tonsky/alabaster-lighttable-skin](https://github.com/tonsky/alabaster-lighttable-skin)