Horizon Theme
A deep, immersive dark theme crafted for focus and clarity —
paired with Horizon Icons to bring harmony to your workspace.
Color Themes
Horizon ships with three carefully crafted themes:
🌑 Horizon Dark
A rich, neutral dark theme — easy on the eyes during long coding sessions.
🌊 Horizon Deep Blue
The signature theme. Deep navy backgrounds with cool blue accents that feel
like coding at the bottom of the ocean.
☀️ Horizon Light
A clean, minimal light theme for those who prefer a bright workspace.
File Icons
Powered by Horizon Icons — 700+ simple, elegant icons covering every language,
framework, and tool you work with daily.
Supported file types include:
- JavaScript / TypeScript (+ JSX, TSX, Vue, Svelte, Astro…)
- Python, Ruby, Rust, Go, Java, C/C++, C#, PHP, Swift, Kotlin…
- JSON, YAML, TOML, XML, Markdown, CSV…
- Docker, Git, CI/CD configs, environment files…
- Images, fonts, audio, video, archives and more
Supported folder types include:
src, dist, assets, components, pages, api
node_modules, .git, docker, ci, test
- And many more specialized folders
Installation
- Open VS Code
- Press
Ctrl+Shift+X to open Extensions
- Search for Horizon Theme
- Click Install
Activate Color Theme
Ctrl+K Ctrl+T → Select Horizon Deep Blue, Horizon Dark, or Horizon Light
Activate File Icons
Ctrl+Shift+P → Preferences: File Icon Theme → Select Horizon Icons
Custom Icon Associations
You can customize icon associations in your VS Code settings.json:
"horizonTheme.customIconAssociations": {
"js": ["/my-js-folder", "*.js-extension"],
"tsConfig": ["tsconfig.build.json"]
}
Format guide:
- Folder names:
/[name]
- File extensions:
*.[name]
- File names:
[name]
Reload VS Code (Developer: Reload Window) to apply changes.
Author
Made with ❤️ by Abdelrahman Ayman

Credits
If there is a logo anyone wishes taken down, please open an issue.
License
MIT © Abdelrahman Ayman