VSCode Theme Generator

This is a intuitive VSCode themes generator that allows users to create, customize, share and discover color themes for Visual Studio Code. It uniquely incorporates sacred geometry patterns for color generation, offering a fresh approach to theme creation.

Features

• Interactive Theme Creation: Easily generate themes with a user-friendly interface.
• Sacred Geometry Color Schemes: Utilize patterns inspired by sacred geometry for unique and harmonious color combinations.
• Real-time Preview: See your changes instantly as you customize your theme.
• Syntax Highlighting: Preview your theme with actual code samples.
• Save and Share: Store your favorite themes and share them with the community.
• Export Options: Download your theme ready to install in VSCode or even publish to the marketplace.
• Dark/Light Mode: Toggle between dark and light modes for comfortable theme creation.

Sacred Geometry in Color Generation

Unlike traditional color theory schemes, VSCode Theme Generator employs sacred geometry patterns for color generation. This approach offers several unique benefits:

• Harmonic Ratios: Colors are selected based on proportions found in nature and sacred architecture, resulting in visually pleasing and balanced themes.
• Unique Combinations: The use of geometric patterns allows for unexpected yet harmonious color pairings.
• Customizable Complexity: Users can choose from various sacred geometry patterns, each offering different levels of color complexity.

Some of the patterns are:

• Fibonacci Spiral
• Golden Ratio
• Flower of Life
• Seed of Life
• Vesica Piscis
• Metatron's Cube
• Mandelbrot Set
• Pentagram
• Golden Spiral
• Golden Trisection
• Continued Fraction
• Farey Sequence
• Noble Numbers
• Metallic Means
• And many more...

These patterns inform the selection and relationship between colors in the generated themes, providing a fresh perspective on color harmony in design.

Getting Started

Prerequisites

• Node.js (v18 or later)
• Bun (latest version)

Installation

1. Clone the repository:

   git clone https://github.com/rlabs-inc/vscode-themes-community.git

2. Navigate to the project directory:

   cd vscode-themes-community

3. Install dependencies:

   bun install

4. Set up environment variables:

   • Copy env.example to .env.local
   • Fill in the required values

5. Run the development server:

   bun run dev

6. Open http://localhost:3000 in your browser to see the application.

Technologies Used

• Next.js (v14 RC)
• React (v19)
• Tailwind CSS
• Shadcn UI
• Drizzle ORM
• Clerk for authentication
• Vercel Postgres

Contributing

We welcome contributions!

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Special thanks to the open-source community for the amazing tools and libraries that made this project possible.

Contact

For any questions or feedback, please open an issue on this repository.

---

Enjoy creating and using themes made with Sacred Geometry! 🎨✨🔯