🧠 Genius Dark Theme
A beautiful dark theme for Visual Studio Code with carefully crafted colors for optimal coding experience.

✨ Features
- Dark Theme: Easy on the eyes with a sophisticated dark color palette
- Syntax Highlighting: Carefully crafted colors for optimal code readability
- Modern UI: Clean and modern interface design
- Multiple Language Support: Optimized for various programming languages
- Accessibility: High contrast ratios for better visibility
🖼️ Theme Preview
✨ Genius Dark Theme running in Vscode and Cursor - Experience the perfect balance of contrast and readability for your coding sessions
🎨 Color Palette
The Genius theme features a carefully selected color palette:
Element |
Color |
Hex Code |
Background |
Dark Blue |
#010409 |
Foreground |
Cyan |
#9aeaed |
Accent |
Orange |
#ffcc66 |
Keywords |
Green |
#99ff00 |
Strings |
Blue |
#51adc9 |
Functions |
Light Blue |
#82AAFF |
Classes |
Yellow |
#FFCB6B |
Comments |
Gray |
#546E7A |
Sample Code Colors
// Comments are styled in gray
const variable = "#3b95e4"; // Variables in blue
function example() {
// Functions in light blue
return "strings in cyan"; // Strings in blue
}
class MyClass {
// Classes in yellow
constructor() {
this.property = true; // Keywords in green
}
}
🚀 Installation
From VS Code Marketplace
- Open Visual Studio Code
- Go to Extensions (
Ctrl+Shift+X
)
- Search for "Genius Dark Theme"
- Click Install
- Go to Settings (
Ctrl+,
)
- Search for "Color Theme"
- Select "Genius" from the dropdown
Manual Installation
- Clone this repository:
git clone https://github.com/jefersonqui-dev/Genius-Extension.git
- Copy the
themes/Genius-color-theme.json
file to your VS Code themes directory
- Restart VS Code
- Select "Genius" as your color theme
🛠️ Development
Prerequisites
- Visual Studio Code 1.102.0 or higher
- Node.js (for development)
Local Development
Clone the repository:
git clone https://github.com/jefersonqui-dev/Genius-Extension.git
cd Genius-Extension
Open the project in VS Code:
code .
Press F5
to launch the extension in a new Extension Development Host window
In the new window, go to Settings and select "Genius" as your color theme
Building the Extension
npm install
npm run compile
📝 Supported Languages
The Genius theme is optimized for:
- JavaScript/TypeScript
- Python
- Java
- C/C++
- HTML/CSS
- JSON
- Markdown
- PHP
- Ruby
- Go
- Rust
- And many more!
🎯 Key Features
- Intelligent Syntax Highlighting: Different colors for variables, functions, classes, and keywords
- Git Integration: Special colors for added, modified, and deleted lines
- Debug Support: Highlighted breakpoints and debugging information
- Terminal Styling: Consistent terminal colors matching the theme
- Sidebar & Panel Styling: Cohesive design across all VS Code components
🤝 Contributing
We welcome contributions! Here's how you can help:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature
)
- Commit your changes (
git commit -m 'Add amazing feature'
)
- Push to the branch (
git push origin feature/amazing-feature
)
- Open a Pull Request
Development Guidelines
- Follow the existing code style
- Test your changes thoroughly
- Update documentation if needed
- Ensure color accessibility standards are met
📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
👨💻 Author
Jeferson Quiguantar
🐛 Issues & Feedback
If you find any issues or have suggestions for improvements:
- Check existing issues
- Create a new issue with detailed description
- Include screenshots if applicable
⭐ Support
If you like this theme, please consider:
- ⭐ Starring this repository
- 🐛 Reporting bugs
- 💡 Suggesting new features
- 📢 Sharing with your developer friends
Made with ❤️ for the developer community
Enjoy coding with Genius! 🧠✨