✨ Features

🎨 Rich Syntax Highlighting

• 150+ semantic tokens for precise code coloring
• Language-specific optimizations for JavaScript, TypeScript, Python, React
• Smart error and warning indicators with nautical flair

🌊 Nautical Design System

• Consistent color palette across all UI elements
• Deep ocean backgrounds reduce eye strain during long coding sessions
• Brass and gold accents highlight important code elements

⚓ Multi-Platform Consistency

• Available for 6 popular editors and terminals
• Identical color schemes across all platforms
• Seamless workflow integration for your entire development environment

♿ Accessibility First

• WCAG AA compliant contrast ratios (4.5:1 minimum)
• Colorblind-friendly design tested with accessibility tools
• High contrast mode for enhanced visibility

🔧 Developer Experience

• Optimized for marathon coding sessions
• Clear visual hierarchy for better code comprehension
• Professional appearance perfect for presentations and pair programming

🚢 Available For

Theme Philosophy

The Flying Dutchman theme draws inspiration from:

• Deep Ocean Blues: The primary background colors echo the depths where the Dutchman sails
• Aged Brass & Gold: Syntax highlighting uses warm brass tones like those found on ship instruments
• Sea Foam & Mist: Variable and function colors mirror the ethereal sea spray
• Weathered Wood & Iron: UI elements feature muted tones of a ship worn by centuries at sea
• Bioluminescent Accents: Special highlights glow like creatures of the deep

Color Palette

• Background: Deep ocean black (#0d1117) with darker abyss tones (#0b1929)
• Foreground: Misty sea spray (#a8c3d8) and aged parchment (#8b9dc3)
• Keywords: Storm blue (#7fb3d5) - the color of approaching tempests
• Strings: Seaweed green (#48bb78) - life clinging to the hull
• Functions: Caribbean blue (#5dade2) - tropical waters the ship once sailed
• Constants: Aged brass (#d4af37) - the gleam of old nautical instruments
• Properties: Turquoise (#4dc1b5) - shallow reef waters
• Errors: Blood red (#e53e3e) - danger on the high seas
• Comments: Fog grey (#4a5568) - whispers in the mist

⚡ Quick Install

Option 1: VS Code Marketplace (Recommended)

1. Click here to install directly ← One-click install!
2. Reload VS Code when prompted
3. Ctrl+Shift+P → "Preferences: Color Theme" → "The Flying Dutchman"

Option 2: Command Line Installation

code --install-extension DavyJones.the-flying-dutchman-theme

Option 3: Manual Installation

1. Open VS Code Extensions sidebar (Ctrl+Shift+X)
2. Search for "The Flying Dutchman" by DavyJones
3. Click Install → Reload → Select the theme

🖥️ Multi-Platform Installation

Warp Terminal (Recommended for macOS/Linux)

# Quick install script
mkdir -p ~/.warp/themes && \
curl -o ~/.warp/themes/the-flying-dutchman.yaml \
https://raw.githubusercontent.com/ADWilkinson/the-flying-dutchman-theme/main/warp/the-flying-dutchman.yaml

Then: Settings → Appearance → Themes → "The Flying Dutchman"

iTerm2 (macOS)

1. Download The-Flying-Dutchman.itermcolors
2. Double-click the file to import, or:
3. iTerm2 → Preferences → Profiles → Colors → Color Presets → Import
4. Select "The Flying Dutchman" from presets

Windows Terminal

1. Copy JSON from The-Flying-Dutchman.json
2. Open Windows Terminal settings (Ctrl+,)
3. Add to the "schemes" array in settings.json
4. Apply in Profiles → Appearance → Color scheme

Vim/Neovim

# For Vim
curl -o ~/.vim/colors/flying-dutchman.vim \
https://raw.githubusercontent.com/ADWilkinson/the-flying-dutchman-theme/main/vim/colors/flying-dutchman.vim

# For Neovim  
curl -o ~/.config/nvim/colors/flying-dutchman.vim \
https://raw.githubusercontent.com/ADWilkinson/the-flying-dutchman-theme/main/vim/colors/flying-dutchman.vim

Add to your .vimrc or init.vim: colorscheme flying-dutchman

Sublime Text

1. Download The-Flying-Dutchman.tmTheme
2. Sublime Text → Preferences → Browse Packages
3. Copy theme file to User/ folder
4. Preferences → Color Scheme → User → "The Flying Dutchman"

Screenshots

React/TypeScript in Action

The Flying Dutchman theme showcasing its nautical color palette with React components, TypeScript interfaces, and JSX syntax. Notice the deep ocean background, aged brass constants, sea foam variables, and Caribbean blue functions.

Recommended Settings

For the best experience sailing with The Flying Dutchman, consider these settings:

{
    "editor.fontFamily": "'Fira Code', 'Cascadia Code', Consolas, monospace",
    "editor.fontLigatures": true,
    "editor.fontSize": 14,
    "editor.lineHeight": 1.6,
    "editor.renderWhitespace": "selection",
    "workbench.iconTheme": "material-icon-theme"
}

♿ Why Choose The Flying Dutchman?

🛠️ Technical Excellence

• VS Code Engine: ^1.74.0+ (supports latest features)
• Color Tokens: 150+ semantic tokens for precise highlighting
• Languages: Optimized for 20+ programming languages
• Theme Type: Dark theme with selective high contrast elements
• File Size: <50KB for instant loading
• Maintenance: Actively maintained with monthly community-driven updates

🎯 Supported Languages

Frontend: JavaScript • TypeScript • React • Vue • Angular • HTML • CSS • SCSS • LESS
Backend: Python • Node.js • PHP • Java • C# • Go • Rust • Ruby
Data: JSON • YAML • XML • SQL • GraphQL
DevOps: Docker • Shell Scripts • PowerShell • Kubernetes YAML
Documentation: Markdown • reStructuredText

What's New

Recent Updates

• ✨ Enhanced VSCode Theme: Added modern features (Command Center, Sticky Scroll, Inline Chat)
• 🔧 Expanded Semantic Tokens: Better TypeScript/JavaScript support with decorators, enums, interfaces
• 🎨 Improved Language Support: Enhanced Sublime Text theme with comprehensive JavaScript, TypeScript, CSS, Python, JSON, and Markdown support
• 🐛 Color Consistency: Fixed discrepancies between iTerm and Windows Terminal themes
• 📚 Better Documentation: Complete AI development context and improved installation guides

🤝 Contributing

We welcome contributions from fellow sailors! Here's how you can help improve The Flying Dutchman:

🐛 Report Issues

Found a bug or color inconsistency? Open an issue with:

• Screenshots of the problem
• Your VS Code version and operating system
• Steps to reproduce the issue

🎨 Suggest Improvements

• Include screenshots showing current vs. desired colors
• Explain how changes would improve the nautical theme
• Test suggestions against accessibility standards

📸 Contribute Screenshots

Help expand our screenshot gallery:

• Screenshots of different programming languages
• Terminal integrations across platforms
• Before/after comparisons with other themes

🛠️ Add Platform Support

Want to port the theme to a new editor?

1. Fork the repository
2. Create a new directory (e.g., atom/, emacs/)
3. Follow our color palette standards
4. Submit a PR with installation instructions

See our Contributing Guidelines for detailed information.

❓ Frequently Asked Questions

"workbench.colorCustomizations": {
    "[The Flying Dutchman]": {
        "editor.background": "#your-color-here",
        "terminal.foreground": "#custom-text-color"
    }
}

🆘 Support & Community

• 🐛 Bug Reports: GitHub Issues
• 💡 Feature Requests: GitHub Discussions
• 📖 Documentation: This README and individual platform guides
• 🌟 Show Your Setup: Share screenshots in Discussions

📊 Quality Metrics

• Performance: <50KB package size, instant theme switching
• Compatibility: Tested on VS Code 1.74+ across Windows, macOS, Linux
• Coverage: 150+ color tokens, 6 platforms supported
• Updates: Monthly releases with community feedback integration
• Accessibility: Automated contrast testing in development workflow

📜 License

MIT License - see LICENSE file for details.