/theme-explorer

Primary LanguageTypeScript

Theme Explorer

Theme Explorer

themes.ray.so

A tool to easily share, browse and import Raycast Themes.

Contributing

This is a Next.js 13 app. If you're unfamiliar with it, check out the Next.js Documentation.

Download the repo and run the development server:

npm run dev

Adding Themes

We welcome contribition to the Themes data. Here's how you can contribute:

1. Copy the theme JSON from Raycast

  • Open Theme Studio in Raycast
  • Right click on your Theme and select "Copy as JSON"

2. Add the theme to repo

  • In /themes, create a folder with your Raycast username, ie: peduarte
  • In that folder, create a file with the theme name, ie: red.json
  • In that file, paste the theme JSON you copied from Raycast's Theme Studio

3. Generate the theme OG image

  • Make sure your local server running (npm run dev)
  • Open a new terminal session and run npm run generate-og-images
    • To regenerate a specific slug, run npm run generate-og-images -- --slug=peduarte/red
    • To regenerate all, run npm run generate-og-images -- --force

4. Commit and push your changes

  • Create a Pull Request 🚀