Vellum Theme

A curated collection of 8 VS Code themes — from warm parchment lights to deep contrast darks — with live color customization.

Themes

Light

Dark

Installation

From Marketplace

1. VS Code Extensions 패널 (Cmd+Shift+X)에서 Vellum Theme 검색
2. Install 클릭

From VSIX

code --install-extension vellum-theme-0.1.0.vsix

Build from Source

pnpm install
pnpm run compile
pnpm run package
code --install-extension vellum-theme-*.vsix

Applying a Theme

Cmd+K Cmd+T (Mac) / Ctrl+K Ctrl+T (Windows/Linux) → 목록에서 선택:

• Ivory Light
• Sky Light
• Pink Blossom
• Material Default High Contrast
• Nord
• One Dark
• Dracula
• Monokai

Customization

Command Palette

1. Cmd+Shift+P → Vellum Theme: Customize Colors
2. 변경할 항목 선택:
   • Accent Color — 상태바, 배지, 버튼
   • Background Color — 에디터 배경
   • Keyword Color — if, const, return 등
   • String Color — 문자열 리터럴
   • Function Color — 함수/메서드 이름
3. Hex 색상 코드 입력 (예: #FF5370)

settings.json

{
  // Example: Sky Light customization
  "vellumTheme.skyLight.accentColor": "#64A3F8",
  "vellumTheme.skyLight.backgroundColor": "#F5F9FD",
  "vellumTheme.skyLight.keywordColor": "#1565C0",
  "vellumTheme.skyLight.stringColor": "#2E7D32",
  "vellumTheme.skyLight.functionColor": "#6A1B9A",

  // Example: Pink Blossom customization
  "vellumTheme.pinkBlossom.accentColor": "#E08BAB",
  "vellumTheme.pinkBlossom.backgroundColor": "#FDF5F7",
  "vellumTheme.pinkBlossom.keywordColor": "#AD1457",
  "vellumTheme.pinkBlossom.stringColor": "#2E7D32",
  "vellumTheme.pinkBlossom.functionColor": "#4527A0"
}

Fine-grained Overrides

{
  "workbench.colorCustomizations": {
    "[Sky Light]": {
      "editor.background": "#F0F5FF",
      "statusBar.background": "#5B99E6"
    }
  },
  "editor.tokenColorCustomizations": {
    "[Pink Blossom]": {
      "textMateRules": [
        {
          "scope": ["variable.parameter"],
          "settings": { "foreground": "#9C3B6B", "fontStyle": "italic" }
        }
      ]
    }
  }
}

Reset

Cmd+Shift+P → Vellum Theme: Reset to Defaults

Configuration Reference

Ivory Light

Sky Light

Pink Blossom

Material Default High Contrast

Nord

One Dark

Dracula

Monokai

Development

pnpm run compile   # TypeScript compile
pnpm run watch     # Watch mode
pnpm run lint      # ESLint
pnpm run package   # Build .vsix

Supported Languages

JavaScript, TypeScript, Python, Rust, Go, Java, C/C++, HTML, CSS, JSON, Markdown, YAML, Shell, and all languages using VS Code TextMate grammars.

License

MIT