The no-code blockchain for Web3 Automation & dApps. Automate & perform over hundreds of actions based on events triggered on-chain & off-chain.
GraphLinq Theme for Visual Studio Code
A premium, modern dark theme for Visual Studio Code featuring GraphLinq's distinctive brand colors and cutting-edge design elements. Crafted for blockchain developers, no-code enthusiasts, and anyone who appreciates beautiful, functional code themes. Features modern bracket colorization, enhanced language support, and optimized accessibility.
✨ Features
- 🎨 GraphLinq Brand Colors: Authentic color palette matching GraphLinq's visual identity
- 🌈 Modern Bracket Colorization: Full support for VS Code's bracket colorization with 6 distinct colors
- 🚀 Enhanced Language Support: Specialized highlighting for JavaScript, TypeScript, Python, HTML, CSS, JSON, and Git
- 👁️ Optimized Accessibility: High contrast ratios, improved cursor visibility, and semantic color usage
- 🔧 Complete Coverage: 500+ UI color definitions and comprehensive syntax highlighting
- 📝 Markdown Ready: Special highlighting for bold, italic, code blocks, and quotes
- ⚡ Performance Optimized: Lightweight theme with streamlined color definitions
- 🌙 Premium Dark Theme: Designed for comfortable coding in any lighting condition
🚀 Installation
Via VS Code Marketplace (Recommended)
- Open Visual Studio Code
- Go to Extensions view (
Ctrl+Shift+X or Cmd+Shift+X)
- Search for "GraphLinq Theme"
- Click "Install"
- Go to
File > Preferences > Color Theme and select "GraphLinq Dark"
Via Command Palette
- Open Command Palette (
Ctrl+Shift+P or Cmd+Shift+P)
- Type "Preferences: Color Theme"
- Select "GraphLinq Dark"
Manual Installation
Download the latest .vsix file from GitHub Releases and install via:
code --install-extension graphlinq-vscode-theme-0.2.1.vsix
🎨 Color Palette
The theme uses GraphLinq's signature colors for a cohesive development experience:
| Element |
Hex Code |
Preview |
| Primary Purple |
#5029e5 |
 |
| Accent Pink |
#ff007a |
 |
| Bright Pink |
#ff286f |
 |
| Background Dark |
#131026 |
 |
| Background Mid |
#1c1836 |
 |
| Foreground Light |
#ece7fd |
 |
| Success Green |
#05f24f |
 |
| Warning Yellow |
#fdfe54 |
 |
| Secondary Purple |
#685b93 |
 |
| Text Purple |
#b4a5e7 |
 |
📸 Screenshots
Coding Experience
Syntax Highlighting
UI Integration
🎆 New in v0.2.0
🌈 Modern Bracket Colorization
The theme now includes full support for VS Code's modern bracket colorization feature with a carefully curated 6-color palette:
- Level 1: GraphLinq Pink (
#ff007a)
- Level 2: Primary Purple (
#5029e5)
- Level 3: Success Green (
#05f24f)
- Level 4: Warning Yellow (
#fdfe54)
- Level 5: Light Purple (
#ece7fd)
- Level 6: Bright Pink (
#ff286f)
🚀 Enhanced Language Support
- JavaScript/TypeScript: Bold function names, distinct class highlighting
- Python: Special decorator styling with italics, bold class/function names
- HTML/JSX: Bold tag names, distinct attribute highlighting
- CSS/SCSS: Color-coded property names and values
- JSON: Highlighted property names for better readability
- Git Diffs: Enhanced visualization with background colors
🎯 Accessibility Improvements
- High-visibility cursor in GraphLinq pink
- Semantic warning colors using proper yellow
- Enhanced bracket matching with GraphLinq purple
- Consistent color meanings across all UI elements
🔄 Recent Updates
Version 0.2.1 (Latest) - Polish & Fixes ✨
- 📝 Documentation Enhancements: Added visual color badges to bracket colorization levels
- 🔧 Table Formatting Fix: Fixed Warning Yellow table row alignment issue
- 🎨 Visual Improvements: Enhanced README presentation with color previews
- 📄 Professional Polish: Consistent styling across all documentation sections
Version 0.2.0 - Major Enhancements 🎆
- 🎨 Modern Bracket Colorization: Added full VS Code bracket colorization support with 6 distinct colors
- ✨ Enhanced Language Support: Comprehensive syntax highlighting for JavaScript, TypeScript, Python, HTML, CSS, JSON, and Git
- 🔍 Improved Accessibility: Better cursor visibility, enhanced warning colors, semantic color usage
- 🎯 Language-Specific Features: Bold function names, italic decorators, distinct property highlighting
- ⚡ Performance Optimized: Streamlined color definitions and improved rendering
Version 0.1.2 - Critical Fixes
- 🔥 Critical: Fixed markdown highlighting visibility
- 🔥 Critical: Fixed warning icon colors for better visibility
- Enhanced find/match highlighting with improved contrast
- Added comprehensive markdown syntax highlighting
- Fixed scrollbar styling for dark theme consistency
Version 0.1.1 - Development Improvements
- Added WARP.md for AI development assistance
- Updated build toolchain to modern @vscode/vsce
- Added automated release scripts
- Enhanced development workflow
View All Releases
🛠️ Development
This theme is built with a modern development workflow including automated releases and comprehensive documentation.
Contributing
- Fork the repository
- Create a feature branch
- Make your changes to
themes/dark.json
- Test locally:
npm run test-local
- Submit a pull request
Building Locally
npm install
npm run package
npm run install-local
🌐 GraphLinq Ecosystem
Learn more about GraphLinq and explore our no-code blockchain platform:
📊 Stats
- Downloads: 626+ installs
- Rating: ⭐⭐⭐⭐⭐ (5.0/5.0)
- Support: All VS Code versions 1.61.0+
- Languages: Universal syntax highlighting
📄 License
MIT License - see LICENSE file for details.
🤝 Contributors
Made with ❤️ by the GraphLinq team
Report Issues • Request Features • View Marketplace
