Paper Notebook Light Icon

Paper Notebook Light

A warm, paper-like light theme for VS Code

Experience the feeling of writing with ink on slightly yellowed paper

Install from Marketplace View on GitHub

Concept

👁️

Eye-Friendly

Off-white background instead of harsh bright white

🖊️

Ink-Style Colors

Dark brown to dark gray text colors, not too harsh

📝

Notebook Feel

Designed to feel like readable handwritten text in a notebook

Color Palette

Background

#F5F0E6

Warm paper color

Foreground

#3A2E23

Ink-style dark brown

Keywords

#854D2C

Deep brown (bold)

Strings

#7A5136

Brown tones

Comments

#9E9386

Pencil-gray (italic)

Numbers

#A86434

Orange-brown

Installation

From VS Code Marketplace

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for "Paper Notebook Light"
  4. Click Install
  5. Press Ctrl+K Ctrl+T (Cmd+K Cmd+T on macOS)
  6. Select "Paper Notebook Light"

From VSIX File

git clone https://github.com/kpab/vscode-paper-like-theme.git cd vscode-paper-like-theme npm run package code --install-extension paper-notebook-light-0.0.1.vsix

Recommended Font Settings

For a more authentic notebook feel, add these font settings to your settings.json:

{
  "editor.fontFamily": "'Iosevka', 'JetBrains Mono', 'Cascadia Code', Menlo, Monaco, 'Courier New', monospace",
  "editor.fontSize": 14,
  "editor.lineHeight": 22,
  "editor.letterSpacing": 0.2,
  "editor.renderLineHighlight": "line",
  "editor.cursorBlinking": "smooth"
}

Recommended Fonts

  • Iosevka - Clean handwriting-inspired style
  • JetBrains Mono - Modern and easy to read
  • Cascadia Code - Beautiful coding font by Microsoft