The Visual Sanctuary
The ultimate refuge for your eyes. A carefully crafted color theme for Visual Studio Code, designed for focus and minimal visual fatigue.
Features
- Low contrast strain -> long coding sessions.
- Light and Dark variants -> adapt to environment.
- Focused syntax highlighting -> easy readable code.
Installation
- Open Extensions sidebar panel in VS Code.
View → Extensions
- Search for
The Visual Sanctuary
- Click Install
- Select
Preferences → Color Theme -> Choose The Visual Sanctuary
Screenshots


Recommendations
Install the following font and icon theme for the best experience:
{
// General editor settings
"editor.fontFamily": "'SF Mono Ligatures', 'SF Mono', Cascadia Code, monospace",
"editor.fontLigatures": "'ss01', 'ss02', 'ss03', 'ss04', 'ss05', 'ss06', 'ss07', 'ss08', 'calt', 'liga'",
"editor.fontSize": 14,
"editor.lineHeight": 24,
"editor.letterSpacing": 0.4,
"editor.fontWeight": "400",
"workbench.iconTheme": "symbols",
"editor.cursorSmoothCaretAnimation": "on",
"editor.cursorBlinking": "expand",
"editor.cursorWidth": 2,
"editor.padding.top": 16,
"editor.padding.bottom": 16,
"editor.stickyScroll.enabled": true,
"editor.scrollbar.vertical": "auto",
"editor.scrollbar.horizontal": "auto",
"workbench.list.horizontalScrolling": true,
"editor.smoothScrolling": true,
"editor.mouseWheelScrollSensitivity": 1.2,
"editor.guides.indentation": true,
"editor.renderLineHighlight": "all",
"editor.renderLineHighlightOnlyWhenFocus": true,
"workbench.list.smoothScrolling": true,
"workbench.activityBar.location": "top",
"workbench.sideBar.location": "right",
"workbench.tree.indent": 22,
"workbench.tree.renderIndentGuides": "always",
"workbench.statusBar.visible": true,
"editor.semanticHighlighting.enabled": true,
"explorer.compactFolders": false,
"workbench.colorTheme": "The Visual Sanctuary Light",
"window.autoDetectColorScheme": true,
"workbench.reduceMotion": "auto",
"workbench.preferredDarkColorTheme": "The Visual Sanctuary Dark"
}