Beautiful Background

# Beautiful Background

A premium, deep violet and blue color theme for creative developers.

✨ Features

Deep, rich aesthetic inspired by modern creative developer platforms.
High-contrast readability featuring pure white primary text and soft secondary foregrounds.
Vibrant syntax highlighting customized for TypeScript, JavaScript, HTML, CSS, JSON, Python, Markdown, and more.
Full workbench theming for the activity bar, sidebar, terminal, and debugging tools.
Accessibility focused balancing extreme beauty with sufficient contrast for long coding sessions.

🎨 Design Philosophy

Beautiful Background was created to be more than just another dark theme. It draws inspiration from cutting-edge 3D and creative-development websites, utilizing a deep blue/violet palette (#0A081A) paired with bright, energetic accents (cyan, magenta, and bright green). The goal is to provide a "creative coding environment" rather than a chaotic "neon overload" or flat gray-scale theme.

🧑‍💻 Syntax Highlighting

Beautiful Background is meticulously optimized for:

TypeScript / JavaScript (JSX/TSX)
Python
HTML / CSS / SCSS
JSON
Markdown
C / C++ / C#
Rust / Go / PHP / SQL

🖥️ Workbench

Every element of VS Code has been considered:

Editor: Deep violet background with unobtrusive UI elements.
Sidebar & Activity Bar: Subtly differentiated backgrounds to provide clear hierarchy.
Terminal: A fully customized ANSI palette matching the theme's core colors.
Tabs & Panels: High contrast active states with subdued inactive states.

📸 Screenshots

🚀 Installation

Open Extensions sidebar panel in VS Code. View → Extensions
Search for Beautiful Background
Click Install
Click Reload (if required)

Manual Installation (VSIX):

code --install-extension beautiful-background-1.0.0.vsix

🎨 Activating the Theme

Go to File -> Preferences -> Color Theme (Code -> Preferences -> Color Theme on macOS)
Choose Beautiful Background

🛠️ Development

To modify the theme locally:

Clone the repository:

git clone https://github.com/manish-surya-r/beautiful-background.git

Open the project in VS Code.
Press F5 to launch the Extension Development Host.

🧪 Testing

Open various files in the Extension Development Host to ensure that the theme highlights syntax appropriately. We recommend verifying:

A TypeScript/React project.
A Python data science project.
The integrated terminal running typical commands.

📦 Packaging

To generate a new .vsix file:

npm run package

🐛 Reporting Issues

If you find a bug or think a color could be improved, please file an issue on GitHub.

🤝 Contributing

Contributions are welcome! Please check out CONTRIBUTING.md for details on how to get started.

🗺️ Roadmap

[ ] Automated visual regression checks.
[ ] More granular semantic token refinement.
[ ] Additional UI refinements and theme variants (e.g., Light theme).
[ ] Accessibility improvements.

Manish Sri Sai Surya Routhu