Skip to content

GraphLinq/GraphLinq.VSCodeTheme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

28 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

GraphLinq Chain Logo with Text

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

Visual Studio Marketplace Version Visual Studio Marketplace Downloads Visual Studio Marketplace Rating GitHub release (latest by date)

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)

  1. Open Visual Studio Code
  2. Go to Extensions view (Ctrl+Shift+X or Cmd+Shift+X)
  3. Search for "GraphLinq Theme"
  4. Click "Install"
  5. Go to File > Preferences > Color Theme and select "GraphLinq Dark"

Via Command Palette

  1. Open Command Palette (Ctrl+Shift+P or Cmd+Shift+P)
  2. Type "Preferences: Color Theme"
  3. 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 Primary Purple
Accent Pink #ff007a Accent Pink
Bright Pink #ff286f Bright Pink
Background Dark #131026 Background Dark
Background Mid #1c1836 Background Mid
Foreground Light #ece7fd Foreground Light
Success Green #05f24f Success Green
Warning Yellow #fdfe54 Warning Yellow
Secondary Purple #685b93 Secondary Purple
Text Purple #b4a5e7 Text Purple

πŸ“Έ Screenshots

Coding Experience

GraphLinq VS Code Screenshot

Syntax Highlighting

GraphLinq VS Code Screenshot

UI Integration

GraphLinq VS Code Screenshot

πŸŽ† 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) GraphLinq Pink
  • Level 2: Primary Purple (#5029e5) Primary Purple
  • Level 3: Success Green (#05f24f) Success Green
  • Level 4: Warning Yellow (#fdfe54) Warning Yellow
  • Level 5: Light Purple (#ece7fd) Light Purple
  • Level 6: Bright Pink (#ff286f) Bright Pink

πŸš€ 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

  1. Fork the repository
  2. Create a feature branch
  3. Make your changes to themes/dark.json
  4. Test locally: npm run test-local
  5. 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