ARTICLE

Public Theme Gallery: Share Your Designs

Browse the community's feedback-button themes, use one on your site, and share your own.

Qaid Team
TL;DR

The gallery at /themes shows up to 50 public button themes, most recently changed first, and anyone can open it. To use one, sign in and pick it from Browse Public Themes on your project’s Customize page; that saves your own copy once. Share a theme by saving it on Customize and clicking the globe on its card in Your Themes.

Qaid has two public galleries. Themes in the site header opens /themes, which holds looks for the feedback buttons. Quest Themes opens /quest-themes, which holds styles for quests; that one has its own guide, Design and publish a quest theme. This page is about /themes.

Browse community themes

  1. Open the gallery

    Go to /themes. No account is needed. Each card shows the two buttons, the theme’s name, who shared it and when it last changed.

  2. Try one

    Click a card. It loads into the Create Your Own builder under the grid, and a live pair of buttons in the bottom-right corner of the page takes on the theme. Click one to see the message box.

Loading the film…

The grid shows the 50 most recently changed themes. There is no search and no paging. The author line is the name on the sharer’s account, never their email; an account with no name shows no author line.

The pair of buttons in the corner is a demo. A click there, or in the PREVIEW panel, stores nothing.

Use one on your site

  1. Open Customize

    Sign in, open your project and click Customize in its header.

  2. Pick the theme

    Click Browse Public Themes, then a card. The theme loads, and a copy is saved to Your Themes (“Theme saved to My Themes”) and selected there.

  3. Copy the snippet

    Copy THUMBS CODE. It carries the theme’s CSS, class, icons and colours, with your project key.

Loading the film…

Pick the same theme again and you get the copy you already have (“Already in Your Themes”), not a second card. The same goes for a public theme you shared yourself. A copy you have since edited counts as a new theme, so picking the original again saves a fresh copy.

/themes has its own snippets under CODE OUTPUT: Script Tag, JSON Config and ES Module. All three post to https://qaid.dev/api/feedback and hold YOUR_API_KEY in place of a real key, which you copy from Settings → API Keys. If the theme has CSS, GENERATED CSS wraps it in <style id="qaid-theme" media="not all">. Paste that above the Script Tag or JSON Config; both look it up by that id. The ES Module already holds it. Sizes and fonts stay out of that block, since they travel as options.

Share your own

  1. Save it

    On Customize, style the buttons, click Save Theme and give it a name. It joins Your Themes.

  2. Make it public

    Hover its card. Click the globe in the top-left corner (“Private - click to share publicly”). The globe turns green, a green dot appears under the name, and the theme is in the gallery.

Loading the film…

Signed in, the builder on /themes has the same Save Theme button and Your Themes strip.

A shared theme carries It leaves out
CSS, button class, both icons Marker and Annotation colours
Positive and Negative colours Position, offsets and every switch
Button size and the six text labels Modal width, backdrop and font

The name is the only label people see. Pick one that says what the theme looks like, and share only work you made or may share.

Update or take one down

Click the theme in Your Themes to load it. Change it, then click Apply to overwrite it; the gallery shows the new version at once, with that day’s date, and moves it to the front. Save New saves a separate copy instead.

Click the globe again to make a theme private. It leaves the gallery straight away. The × deletes it, after a “Delete” confirmation.

Neither change reaches anyone who already used your theme. Their snippet holds its own copy of the CSS, and a theme picked through Browse Public Themes is a separate copy in their account.

Back to all articles