Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Nishuuu ThemesNew to Visual Studio Code? Get it now.
Nishuuu Themes

Nishuuu Themes

Taraldinn

|
275 installs
| (3) | Free
Beautiful VS Code themes with dynamic accent colors
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🎨 Nishuuu Themes

Beautiful, Professional VS Code Themes with Dynamic Accent Color System

[![Version](https://img.shields.io/visual-studio-marketplace/v/nishuuu.nishuuu-themes?s## 🖼️ Complete Icon Theme

Includes comprehensive file icon themes with 2500+ icons:

  • Programming Languages - All major languages with beautiful icons
  • Frameworks - React, Vue, Angular, Svelte, Next.js, and more
  • File Types - From configs to assets, every file is beautifully represented
  • Color Variants - Icon themes that match each main theme

Activate Icons

  1. Ctrl+Shift+P → "Preferences: File Icon Theme"
  2. Select "Tara Icons [Color]" matching your theme

📸 Screenshots

Theme Gallery & Accent Color Switching

Nishuuu Themes Overview Overview of Nishuuu Themes with dynamic accent color system

Theme Selection Menu Beautiful theme selection with all Tara variants

Accent Color Picker Dynamic accent color picker with 14 preset colors

Code Syntax Highlighting

Code Example 1 Beautiful syntax highlighting for JavaScript/TypeScript

Code Example 2 Professional code display with accent color integration

Code Example 3 Clean, readable code formatting with custom accent colors

Key Features Showcase

  • 🎨 Dynamic Theming: Watch your theme transform instantly when changing accent colors
  • 📊 Status Bar Integration: One-click color switching directly from the status bar
  • 🌈 Color Harmony: All UI elements beautifully coordinated with your chosen accent
  • 🖼️ File Icons: Comprehensive icon support for all file types and frameworks
  • ♿ Accessibility: High contrast variants available for all themesuare&logo=visual-studio-code&logoColor=white&color=007ACC)](https://marketplace.visualstudio.com/items?itemName=nishuuu.nishuuu-themes) Downloads Rating GitHub

Transform your coding environment with 6 stunning dark themes and 14 dynamic accent colors that adapt to your style and mood. See the complete visual gallery below showcasing real VS Code examples.

✨ What Makes Nishuuu Special

  • 🎨 6 Handcrafted Themes - Carbon, Ocean, Palenight, Deepforest, Graphene, Teal
  • 🌈 14 Accent Colors - Instant switching with live preview
  • 🎯 Custom Colors - Create your own with any hex code
  • � Smart Status Bar - One-click color switching
  • �️ 2500+ File Icons - Complete icon theme collection
  • ♿ High Contrast - Enhanced accessibility variants
  • ⚡ Instant Apply - No reload required

🚀 Quick Start

1. Install

# Via Command Line
code --install-extension nishuuu.nishuuu-themes

# Or search "Nishuuu Themes" in VS Code Extensions

2. Activate Theme

  • Press Ctrl+K Ctrl+T (Windows/Linux) or Cmd+K Cmd+T (Mac)
  • Select any "Tara" theme from the list

3. Choose Your Accent

  • Click the 🎨 icon in your status bar
  • Pick from 14 beautiful colors or create custom ones
  • Watch your theme transform instantly!

🌟 See It In Action

Nishuuu Themes in Action

Experience the beauty of dynamic accent colors with professional theme design

🎨 Theme Gallery

🌙 Dark Themes Collection

Theme Style Perfect For
Tara Carbon Deep charcoal elegance Professional development
Tara Ocean Calming blue depths Long coding sessions
Tara Palenight Soft purple harmony Creative & design work
Tara Deepforest Rich emerald tones Nature-inspired coding
Tara Graphene Modern minimalism Clean, focused workflow
Tara Teal Fresh aqua vibes Web & frontend development

Each theme includes a High Contrast variant for enhanced accessibility.

🎨 Theme & Accent Color Showcase

Theme Selection
Theme Selection Menu
Choose from 6 beautiful Tara themes
Accent Colors
Accent Color Picker
14 preset colors + custom options
Code Example 1
Professional Code Display
Beautiful syntax highlighting
Code Example 2
Accent Integration
UI elements match your accent color

🌈 Accent Color Palette

Choose from carefully selected colors that enhance readability and reduce eye strain:

Teal
Teal
#80CBC4
Vira
Vira
#E9A581
Cyan
Cyan
#57D7FF
Blue
Blue
#5393FF
Indigo
Indigo
#758AFF
Purple
Purple
#B54DFF
Pink
Pink
#FF669E
Tomato
Tomato
#F85044
Orange
Orange
#FF7042
Yellow
Yellow
#FFCF3D
Acid Lime
Acid Lime
#C6FF00
Lime
Lime
#39EA5F
Bright Teal
Bright Teal
#1DE9B6
White
White
#FFFFFF
Custom
Custom
Your hex

🎯 What Gets Themed

Your accent color beautifully transforms:

  • 🎯 Activity Bar - Badges, borders, and active states
  • 📝 Editor - Selection backgrounds, find highlights, and brackets
  • 📊 Status Bar - Background and prominent items
  • 🔘 Buttons - Primary button styling and hover states
  • 📂 Tabs - Active borders and modification indicators
  • 🗂️ Sidebar - Selection states and hover effects
  • 💻 Terminal - Cursor, selection, and accent highlights
  • 🔍 Search - Match highlighting and selection
  • 📋 Lists - Active selections and focus indicators

💻 Code Syntax Examples

Clean Code Formatting

Clean, readable code with beautiful syntax highlighting and accent color integration

⚙️ Configuration

Settings

{
  "nishuuu.accentColor": "teal",
  "nishuuu.customAccentColor": "#80CBC4", 
  "nishuuu.enableStatusBar": true
}
Setting Description Default
nishuuu.accentColor Current accent color name "teal"
nishuuu.customAccentColor Custom hex color value ""
nishuuu.enableStatusBar Show status bar color indicator true

Commands

Access via Command Palette (Ctrl+Shift+P):

  • Nishuuu: Select Accent Color - Open color picker
  • Nishuuu: Toggle Status Bar - Show/hide status indicator

�️ Complete Icon Theme

Includes comprehensive file icon themes with 2500+ icons:

  • Programming Languages - All major languages with beautiful icons
  • Frameworks - React, Vue, Angular, Svelte, Next.js, and more
  • File Types - From configs to assets, every file is beautifully represented
  • Color Variants - Icon themes that match each main theme

Activate Icons

  1. Ctrl+Shift+P → "Preferences: File Icon Theme"
  2. Select "Tara Icons [Color]" matching your theme

💡 Pro Tips

Quick Color Switching

  • Click the colored icon in your status bar for instant access
  • Use keyboard shortcuts to quickly cycle through favorites
  • Set up different colors for different projects

Custom Color Magic

  1. Select "Custom Color" from the status bar menu
  2. Enter any hex code like #FF5722
  3. Your entire theme adapts instantly!

Accessibility

  • Enable high contrast variants for better visibility
  • All colors are tested for optimal contrast ratios
  • WCAG compliant color combinations

🎨 Perfect For

  • Frontend Developers - Beautiful syntax for HTML, CSS, JS, TS
  • Backend Engineers - Optimized for Python, Java, C#, Go, Rust
  • Full-Stack Teams - Consistent theming across all technologies
  • Designers - Color-coded interface with customizable aesthetics
  • Students - Clean, distraction-free learning environment
  • Content Creators - High contrast options for better screen recording

🤝 Community & Support

Get Help

  • 📖 Documentation: GitHub Wiki
  • 🐛 Bug Reports: GitHub Issues
  • 💬 Discussions: GitHub Discussions
  • ⭐ Reviews: VS Code Marketplace

Contributing

We welcome contributions! See our Contributing Guide for details.

📋 Requirements

  • VS Code: Version 1.74.0 or higher
  • Operating System: Windows, macOS, or Linux

📝 Changelog

Latest Version

  • ✨ Complete theme system rebuild
  • 🎨 6 new Tara theme variants
  • 🌈 Dynamic accent color system
  • 📊 Status bar integration
  • 🖼️ Enhanced icon themes
  • ♿ High contrast accessibility variants

See full CHANGELOG.md for all updates.

📄 License

MIT License - see LICENSE file for details.


🎨 Ready to transform your coding experience?

Install Now | View on GitHub | Report Issues

Made with ❤️ by the Nishuuu team

Happy coding! 🚀

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft