Absolutely Theme

A clean, calm, and readable color theme family for Visual Studio Code, inspired by warm paper tones and modern coding tools.

Absolutely Theme balances comfort with clarity: soft backgrounds, readable contrast, restrained UI color, and carefully separated Vue / HTML syntax highlighting for long coding sessions.

🎨 Theme Variants

Absolutely Theme includes four balanced variants for different lighting conditions:

Variant	Type	Description	Background	Accent
Absolutely Light	Light	A clean light theme with soft contrast and crisp editor UI.	`#FAF8F3`	`#B8674C`
Absolutely Light Warm	Light	A warmer paper-like light theme with the same readable syntax system.	`#FAF6ED`	`#B8674C`
Absolutely Dark	Dark	A calm dark theme with warm neutrals and clearer code/Git colors.	`#252522`	`#D98666`
Absolutely Dark Warm	Dark	A warmer dark theme with a yellow-leaning editor surface.	`#1F1D18`	`#C79D45`

✨ Highlights

Clearer Vue syntax highlighting: components, HTML tags, attributes, class values, variables, functions, and strings are easier to tell apart.
More readable Git colors for modified, added, deleted, untracked, and history graph states.
Cleaner terminal output and readable low-priority editor text, including line numbers, CodeLens, and inline Git blame.
Restrained selection and border treatment so secondary UI stays calm and does not compete with code.
Accent colors are reserved for meaningful states like links, cursor, active items, search, and warnings.
Consistent light, warm light, dark, and dark warm variants.

🚀 Installation

Open Visual Studio Code.
Open the Extensions panel (Ctrl+Shift+X or Cmd+Shift+X).
Search for Absolutely Theme.
Click Install.
Press Ctrl+K Ctrl+T (or Cmd+K Cmd+T on macOS) and select your preferred variant from the dropdown menu.

🛠 Customization & Tips

Enable Semantic Highlighting

For the best visual experience, make sure semantic highlighting is enabled in your settings:

"editor.semanticHighlighting.enabled": true

Font Recommendations

This theme pairs beautifully with clean monospaced fonts that support ligatures. We recommend:

Add this to your settings.json for a modern, distraction-free aesthetic:

{
  "editor.lineHeight": 1.6,
  "editor.fontSize": 14,
  "editor.minimap.enabled": false,
  "editor.scrollbar.horizontal": "hidden",
  "workbench.startupEditor": "none"
}

Override Colors

Want to tweak the background or another specific color? You can override any theme color in your user settings:

"workbench.colorCustomizations": {
  "[Absolutely Dark]": {
    "editor.background": "#1E1E1C"
  }
}

📄 License & Credits

This project is licensed under the MIT License.

Developed and designed with ❤️ by yulin96.