Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Railly/tinte

An opinionated theme generator 🎨 (VS Code, shadcn/ui)
https://github.com/Railly/tinte

alacritty color-palette color-scheme flexoki iterm2 one-hunter raycast rayso shadcn-ui terminal-colors theme theme-generator vscode-theme wezterm

Last synced: 3 months ago
JSON representation

An opinionated theme generator 🎨 (VS Code, shadcn/ui)

Awesome Lists containing this project

README

        


Tinte Logo


Tinte


An opinionated VS Code Theme Generator 🎨

## About Tinte

Tinte is an opinionated (VS Code) Theme Generator. It allows users to create, customize, and export beautiful color themes with ease.

> While the current version is tailored for VS Code, we have plans to extend support to other popular editors and terminals in the future, including JetBrains IDEs, Zed, Neovim, and more.

### Key Features

- **VS Code Support**: Currently focused on creating themes for Visual Studio Code.
- **Ray.so Themes in VS Code**: Download and use fantasy [ray.so](https://www.ray.so/) within VS Code.
- **Intuitive Editor**: User-friendly editor for effortless theme creation.
- **Real-Time Preview**: See your changes instantly as you customize.
- **Export Options**: Easily export your themes as VSIX file (VS Code extension).
- **Community Sharing**: Share and discover themes created by other users.

### Screenshots

#### Landing

![image](https://github.com/user-attachments/assets/add1f9de-dfa0-4af6-9599-4ebf1b0337b1)

#### Preview

![image](https://github.com/user-attachments/assets/ad7e6d64-a5f6-48be-bfd2-d842417f1b57)

#### Editor

![image](https://github.com/user-attachments/assets/7f0bc795-e6e8-4a04-b395-a4fc1d0a7d6e)

#### OpenGraph

![image](https://github.com/user-attachments/assets/9c8d28e8-cdbf-484b-a044-3d75c8d7f501)

## Getting Started

To get started with Tinte:

1. Visit [tinte.railly.dev](https://tinte.railly.dev)
2. Try the prompt enhancer + theme generator powered by Vercel AI SDK.
3. Click on Edit to customize the theme to your liking.
4. (Optional) Click on Preview to see how the theme looks in VS Code.
5. (Optional) Click on Share to copy a shareable link.
6. Click on Export to download the theme as a VSIX file.

## Contributing

We welcome contributions! If you'd like to contribute to Tinte, please:

1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

## Support

If you encounter any issues or have questions, please [open an issue](https://github.com/Railly/tinte/issues) on our GitHub repository.

## Support Me

If you find Tinte helpful and would like to support my work, you can do so through the following methods:

### GitHub Sponsors


Sponsor with GitHub

### Buy Me a Coffee


Buy Me A Coffee

### PayPal


Donate with PayPal

### Yape


Donate with Yape

## Thank You! 🙏

Your support means a lot to me and helps me continue creating valuable content and projects for the community. Thank you for considering supporting my work!

If you have any questions or just want to connect, feel free to reach out to me.

Happy theming! 🎨✨

## License

This project is licensed under the [MIT License](LICENSE.md).