Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Ocean Dive ThemesNew to Visual Studio Code? Get it now.
Ocean Dive Themes

Ocean Dive Themes

Codetown

|
25 installs
| (0) | Free
Beautiful ocean-themed dark and light themes with Material Design Ocean backgrounds and harmonious color palettes
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Ocean Dive Themes

Beautiful ocean-themed dark and light themes for Visual Studio Code with Material Design Ocean backgrounds and harmonious color palettes.

🌊 Features

  • Ocean Dive Dark: Deep ocean blues with vibrant accents
  • Ocean Dive Light: Clean light theme with ocean-inspired colors
  • Material Design Ocean background colors
  • Comprehensive language support
  • Optimized for popular frameworks and libraries

🎨 Color Palette

Dark Theme Colors

  • Background: Deep ocean blue (#0D1B2A)
  • Surface: Dark blue-gray (#1B263B)
  • Primary: Ocean blue (#3A86FF)
  • Secondary: Teal (#06FFA5)
  • Accent: Coral (#FF6B6B)

Light Theme Colors

  • Background: Light ocean blue (#E3F2FD)
  • Surface: White (#FFFFFF)
  • Primary: Deep blue (#1976D2)
  • Secondary: Teal (#00838F)
  • Accent: Coral (#FF5722)

🌑 Ocean Abyss Dark

Çok daha koyu, neredeyse siyah-mavi arka plan ve neon yeşil/mavi vurgularla derin deniz atmosferi. Tüm arayüzde bütüncül ve çarpıcı bir görünüm.

🌹 Ocean Twilight Rose

Alacakaranlık tonlarında yumuşak pembe, lavanta ve altın vurgularla romantik bir okyanus teması. Koyu mor arka plan, yumuşak pembe ve lavanta kod vurguları, zarif ve huzurlu bir kodlama deneyimi.

🚀 Installation

  1. Open VS Code
  2. Press Ctrl+Shift+P (or Cmd+Shift+P on Mac)
  3. Type "Extensions: Install Extensions"
  4. Search for "Ocean Dive Themes"
  5. Click Install

🎯 Usage

  1. Press Ctrl+Shift+P (or Cmd+Shift+P on Mac)
  2. Type "Preferences: Color Theme"
  3. Select either:
    • "Ocean Dive Dark" for dark theme
    • "Ocean Dive Light" for light theme

📝 Supported Languages

  • JavaScript/TypeScript
  • Python
  • Java
  • C#
  • C++
  • Go
  • Ruby
  • PHP
  • HTML/CSS
  • JSON
  • Markdown
  • And many more!

🔧 Development

# Install dependencies
npm install

# Compile TypeScript
npm run compile

# Package extension
npm run package

# Publish to marketplace
npm run publish

📄 License

MIT License - see LICENSE file for details

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📞 Support

If you encounter any issues or have suggestions, please open an issue on GitHub.


Enjoy coding with the calming ocean vibes! 🌊

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft