A dark color theme for Visual Studio Code inspired by the deep sea and cyber aesthetics.
深海の暗く冷たい水中に、サイバー的な発光がほのかに浮かぶイメージのダークテーマです。 シアン灰系の落ち着いたトーンをベースに、長時間のコーディングでも目が疲れにくい配色を目指しています。
Features
- 🎨 252 color definitions covering the entire UI
- 👁️ All colors meet WCAG AA contrast ratio (4.5:1+)
- 🧊 Muted cyan-gray text inspired by deep ocean tones
- 💎 Low-saturation token colors (≤55%) for reduced eye strain
- 🌈 Rainbow indent guides & bracket pair colorization
- 🐚 15 syntax highlight groups for clear code readability
Color Palette
| Role | Hex |
|---|---|
| Background | #0a1218 |
| UI Text | #a0bcc0 |
| Code Text | #b0ccd0 |
| Accent Green | #48d8a0 |
| Accent Cyan | #78c8e8 |
| Keywords | #d87878 |
| Strings | #7cc098 |
| Classes | #7c9cd8 |
| Methods | #c488d8 |
| Parameters | #d8a878 |
Installation
From VSIX (local)
npm install
npx vsce package
Then in VS Code:
Ctrl+Shift+P → Extensions: Install from VSIX...
From Marketplace
Search for Cyber Deep Sea in the Extensions view (Ctrl+Shift+X).
Development
Press F5 to launch the Extension Development Host and preview the theme.
See THEME_DESIGN.md for detailed design guidelines and color specifications.