Oceanic Horizon Theme for VS Code

A calming, ocean-inspired dark theme for Visual Studio Code that reduces eye strain and enhances readability during long coding sessions.

Features

• 🌊 Ocean-inspired color palette with calming blues and soft accent colors
• 👁️ Optimized for eye comfort during extended coding sessions
• 🎨 Carefully balanced contrast for better readability
• 💎 Semantic token coloring for improved syntax highlighting
• 🧠 Intuitive color assignments help distinguish code elements at a glance

Screenshots

JavaScript/TypeScript

HTML/CSS

Installation

1. Open Extensions sidebar panel in VS Code. View → Extensions
2. Search for Oceanic Horizon Theme
3. Click Install to install it
4. Click Reload to reload the editor
5. Code > Preferences > Color Theme > Oceanic Horizon

Recommended Settings

For the best experience, consider using the following font settings:

"editor.fontFamily": "'JetBrains Mono', 'Fira Code', Consolas, 'Courier New', monospace",
"editor.fontLigatures": true,

Customization

If you want to customize specific aspects of the theme:

1. Open your VS Code settings.json file: Ctrl+Shift+P (or Cmd+Shift+P on Mac) and search for "Preferences: Open Settings (JSON)"
2. Add your overrides under the "workbench.colorCustomizations" and "editor.tokenColorCustomizations" sections

Example:

"workbench.colorCustomizations": {
  "[Oceanic Horizon]": {
    "editor.background": "#1A2233",
    "sideBar.background": "#15192A"
  }
},
"editor.tokenColorCustomizations": {
  "[Oceanic Horizon]": {
    "comments": "#627694"
  }
}

Feedback and Contributions

This theme is open source and available on GitHub.

• If you encounter issues or have suggestions, please open an issue.
• Contributions are welcome! Feel free to fork and submit a pull request.

License

MIT License