💜⚡ SilkCircuit: Electric Dreams for VSCode 🌃

🎭 Overview

SilkCircuit pumps maximum visual voltage through your VSCode editor. Electric purples 💜, blazing pinks 🌸, and neon cyans 💎 create a coding environment that's both striking and readable. Engineered for professional development with WCAG AA contrast compliance.

💎 Features

• ⚡ Electric Color System: Vibrant palette with semantic color mappings
• 👁️ WCAG AA Compliant: Validated contrast ratios for extended coding sessions
• 🎛️ 5 Theme Variants: Neon (100%), Vibrant (85%), Soft (70%), Glow (ultra-dark), and Dawn (light)
• 💻 Language Optimized: Perfect for JS/TS, Python, Rust, Go, CSS, JSON, Markdown
• 🎨 Full Syntax Coverage: Every token type beautifully highlighted
• 📦 Marketplace Ready: One-click installation from VSCode Extensions

🎨 Available Themes

⚡ SilkCircuit Neon

Maximum intensity electric colors - the original SilkCircuit experience

• Pure saturated neon colors (#e135ff, #ff00ff, #80ffea)
• Maximum contrast and vibrancy
• Perfect for those who love bold aesthetics

⚡ SilkCircuit Vibrant

Slightly toned down for extended coding sessions

• 85% intensity of neon variant
• Colors blended with gray for reduced saturation
• Great balance of style and comfort

🌸 SilkCircuit Soft

Gentle on the eyes for all-day coding

• 70% intensity with softer colors
• Comfortable for extended use
• Maintains the SilkCircuit aesthetic

🌌 SilkCircuit Glow

Enhanced version with special brightness effects

• 30% brighter syntax elements
• Enhanced function and string highlighting
• Maximum visual impact (simulated glow via brightness)

🌅 SilkCircuit Dawn

The light theme, for daylight and bright rooms

• Electric purple and teal accents on soft lavender backgrounds
• The only variant registered as a light theme (uiTheme: vs)
• Same semantic colors as the dark variants, deepened to hold contrast

📸 Screenshots

Neon, maximum intensity	Vibrant, 85% intensity
Soft, gentle 70%	Glow, ultra-dark with enhanced brightness

Dawn is not pictured. Install it and switch with "Preferences: Color Theme" to see it.

📁 Files

• themes/silkcircuit-neon.json - Main theme file
• themes/silkcircuit-vibrant.json - 85% intensity variant
• themes/silkcircuit-soft.json - 70% intensity variant
• themes/silkcircuit-glow.json - Brightened variant
• themes/silkcircuit-dawn.json - Light variant
• package.json - VSCode extension manifest
• README.md - This file

⚡ Installation

📦 From VSCode Marketplace (Recommended)

1. Open VSCode Extensions panel (Ctrl+Shift+X or Cmd+Shift+X)
2. Search for "SilkCircuit Theme"
3. Click Install on the official extension by hyperb1iss
4. Open Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
5. Type "Preferences: Color Theme"
6. Select your preferred SilkCircuit variant

⚡ Quick Install via Command Line

# Once published to marketplace:
code --install-extension hyperb1iss.silkcircuit-theme

🔧 Manual Installation

1. Copy the entire vscode/ folder to VSCode extensions directory:
   • Windows: %USERPROFILE%\\.vscode\\extensions\\silkcircuit-theme\\
   • macOS: ~/.vscode/extensions/silkcircuit-theme/
   • Linux: ~/.vscode/extensions/silkcircuit-theme/
2. Restart VSCode
3. Ctrl+Shift+P → "Preferences: Color Theme"
4. Select your preferred SilkCircuit variant

Option 3: Individual Theme Files

Just want one theme? Copy the JSON file to:

• Windows: %APPDATA%\\Code\\User\\themes\\
• macOS: ~/Library/Application Support/Code/User/themes/
• Linux: ~/.config/Code/User/themes/

⚙️ True Glow Effects (Advanced)

VSCode themes are static JSON - no real glow effects possible. For actual glowing text:

Using Custom CSS Extension

1. Install "Custom CSS and JS Loader" extension
2. Add to settings.json:

{
  "vscode_custom_css.imports": ["file:///path/to/silkcircuit-glow.css"]
}

3. Create silkcircuit-glow.css:

/* Functions with glow effect */
.token.function {
  text-shadow:
    0 0 5px #80ffea,
    0 0 10px #80ffea,
    0 0 15px #80ffea;
}

/* Keywords with purple glow */
.token.keyword {
  text-shadow:
    0 0 5px #e135ff,
    0 0 10px #e135ff;
}

/* Strings with pink glow */
.token.string {
  text-shadow:
    0 0 5px #ff99ff,
    0 0 10px #ff99ff;
}

4. Reload VSCode with custom CSS enabled

Creating Your Own Extension

For full control, create a VSCode extension that:

1. Applies the theme
2. Injects custom CSS for glow effects
3. Adds animation capabilities

💜 Color Palette

Color	Hex	Preview	Usage
Background	#0a0a0f		Editor background
Foreground	#e0e0e0		Default text
Purple	#e135ff		Keywords, types
Pink	#ff79c6		Strings, attributes
Cyan	#80ffea		Functions, methods
Green	#50fa7b		Success, valid
Yellow	#f1fa8c		Variables, warnings
Orange	#ffb86c		Numbers, constants

🎛️ Variant Intensity

📝 Technical Notes

• Theme Format: VSCode Color Theme JSON v1.0
• Base: vs-dark UI theme
• Scope: Full syntax highlighting
• Languages: Optimized for JS/TS, Python, Rust, Go, CSS, JSON, Markdown
• WCAG: AA compliant contrast ratios

🌃 Complete Environment Setup

SilkCircuit is a full ecosystem: editor, terminal, system tools, and even your browser, designed to feel cohesive everywhere.

💻 Ecosystem at a glance

• Editor themes
  • Neovim: Full theme with 25+ plugin integrations · repo: https://github.com/hyperb1iss/silkcircuit
    • Integrations live in lua/silkcircuit/integrations/
  • Lualine: lua/lualine/themes/silkcircuit.lua + sample config extras/lualine-config.lua
• Terminals
  • Kitty, Alacritty, Ghostty, WezTerm, Warp, foot, iTerm2, Windows Terminal
  • Every one at extras/<terminal>/silkcircuit-{neon,vibrant,soft,glow,dawn}.<ext>
• CLI & Git
  • fzf theme: extras/fzf/silkcircuit-{neon,vibrant,soft,glow,dawn}.sh
  • git colors plus a delta feature block: extras/git/silkcircuit-*.gitconfig
  • bat, lsd, procs, starship, fastfetch, atuin, lazygit
• System tools
  • btop themes: extras/btop/silkcircuit-{neon,vibrant,soft,glow,dawn}.theme
  • k9s skins, dmesg colors, COSMIC Desktop themes
• Browsers & Apps
  • Chrome DevTools + Chrome pages: extras/chrome-theme/ (see extras/chrome-theme/README.md)
  • Slack: extras/slack/silkcircuit-{neon,vibrant,soft,glow,dawn}.txt
• Astronvim
  • Turn-key setup in extras/astronvim/ with community.lua and tailored plugins
• Avante.nvim
  • Prompt/theme config: extras/avante-config.lua

All cross-platform extras live in extras/. See extras/README.md for install notes and screenshots.

🪄 Quick start

# Get the complete SilkCircuit experience
git clone https://github.com/hyperb1iss/silkcircuit.git
cd silkcircuit/extras

# See ./README.md in this directory for detailed setup instructions per integration

🔧 Troubleshooting

🤔 Theme not applying?

• 🔄 Reload VSCode window (Ctrl+Shift+P → "Developer: Reload Window")
• 🎨 Check color theme setting in preferences
• 💻 Ensure your monitor supports true colors

🎭 Colors look different?

• 🖥️ Verify monitor color profile settings
• 💡 Check display brightness and contrast
• 📺 Test on different display if available

💭 Need help?

• 📬 Check Issues
• 💜 Include VSCode version and OS details
• 📸 Screenshots help with visual issues

💖 Contributing

Contributions welcome! Found a bug or want to suggest improvements?

1. 🔀 Fork the main repository
2. 🌿 Create a feature branch
3. ⚡ Make your changes
4. 📬 Submit a pull request

For VSCode theme issues, please include:

• VSCode version
• Operating system
• Theme variant being used
• Screenshots of the issue

📜 License

MIT License - see LICENSE for details.