🌃 Tokyo Night Modern
Beautiful modern dark theme for VS Code with carefully crafted colors and contemporary design.
🎨 Overview
A Tokyo Night dark theme featuring:
- 12 base colors → 366 interface colors (programmatically generated)
- WCAG compliant contrast ratios for accessibility
- Zero hardcoded colors - centralized palette system
- Modern TypeScript architecture with full test coverage
🚀 Quick Start
- Open VS Code Extensions (
Ctrl+Shift+X)
- Search "Tokyo Night Modern"
- Install and select Tokyo Night Modern
Try online
🏗️ Architecture
12 base colors → 366 interface colors → 13 syntax tokens
src/
├── core/ # Base palette + color utilities
├── generators/ # Theme generation logic
├── types/ # TypeScript definitions
└── build.ts # Main build script
🛠️ Development
git clone https://github.com/darqus/tokyo-night-moredn-vscode-theme.git
cd tokyo-night-moredn-vscode-theme
npm install
npm run build # Build theme (~0.6s)
npm test # Run tests (13 tests)
📊 Metrics
| Metric |
Value |
Status |
| Base colors |
12 |
✅ |
| Generated colors |
366 |
✅ |
| Syntax tokens |
13 |
✅ |
| Tests |
13 |
✅ |
| Build time |
~0.6s |
✅ |
| Hardcoded colors |
0 |
✅ |
📚 Documentation
🤝 Contributing
- Fork repository
- Create branch:
git checkout -b feat/feature-name
- Make changes and test:
npm test
- Submit PR
See CONTRIBUTING.md for details.
📄 License
MIT License - see LICENSE for details.
| |
