Public Theme Gallery: Share Your Designs

One of the most exciting parts of customizing Qaid is seeing what other creators have built. The Public Theme Gallery brings together designs from across the community, giving you instant access to professionally crafted themes and the opportunity to share your own creations with the world.

Browsing the Theme Gallery

Visit /themes to explore the community theme gallery. You’ll find a diverse collection of designs ranging from sleek corporate styles to bold experimental aesthetics. Each theme card shows a live preview, the creator’s name, and key customization details.

Finding the Right Theme

The gallery organizes themes into categories to help you find exactly what you’re looking for:

Popular: The most-used themes across all Qaid installations
Recent: Fresh designs from the community
Minimal: Clean, understated styles for professional interfaces
Bold: Eye-catching designs that make a statement
Accessible: Themes optimized for maximum readability and contrast

You can also search by color, style keywords, or creator name. Looking for something that matches your purple brand palette? Search for “purple” and browse the results.

Modern Glass

A popular community theme with glassmorphism effects

Loading embed...

Each theme in the gallery includes everything you need: the CSS styles, color configuration, and any custom icons. Click on any theme card to see the full details and copy the code.

Applying a Public Theme

Found a theme you love? Applying it to your project takes just a few steps.

One-Click Apply

The easiest method is using the “Apply to Project” button on any theme page. Select your project from the dropdown, and Qaid automatically configures your embed with the theme settings. Your changes take effect immediately—no code updates required.

Manual Installation

For more control, copy the theme code directly. Each gallery theme provides two code snippets:

1. CSS Styles

Add the theme’s CSS to your stylesheet or include it in a <style> tag:

.qaid-theme-ocean {
  background: linear-gradient(135deg, #0077b6 0%, #00b4d8 100%);
  border: none;
  border-radius: 8px;
  padding: 10px 14px;
  color: white;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 119, 182, 0.3);
}

.qaid-theme-ocean:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 16px rgba(0, 119, 182, 0.4);
}

.qaid-theme-ocean.qaid-btn-up {
  background: linear-gradient(135deg, #06d6a0 0%, #1b9aaa 100%);
}

.qaid-theme-ocean.qaid-btn-down {
  background: linear-gradient(135deg, #ef476f 0%, #f78c6b 100%);
}

2. embed Configuration

Configure your embed to use the theme class:

<script
  src="https://unpkg.com/@qaiddev/thumbs-embed"
  data-endpoint="/api/feedback"
  data-button-class="qaid-theme-ocean"
  data-positive-color="#06d6a0"
  data-negative-color="#ef476f"
  data-marker-color="#0077b6"
></script>

Ocean Theme

Gradient blues inspired by the sea

Loading embed...

Customizing an Applied Theme

Public themes are starting points, not locked configurations. After applying a theme, you can modify colors, adjust spacing, or add your own touches through the Customizer or by editing the CSS directly.

Publishing Your Own Theme

Created something you’re proud of? Share it with the community by publishing to the gallery.

Preparing Your Theme

Before publishing, ensure your theme meets these guidelines:

Unique class name: Use a distinctive prefix like .qaid-theme-yourname to avoid conflicts
Complete styling: Include styles for default, hover, and active states for both buttons
Accessibility: Ensure sufficient color contrast (4.5:1 minimum for text)
Clean code: Remove any project-specific values or unnecessary CSS

The Publishing Process

Navigate to your project’s theme settings and click “Publish to Gallery.” You’ll be prompted to provide:

Theme name: A descriptive, memorable title
Description: A brief explanation of your design inspiration
Category: Select the category that best fits your theme
Tags: Add keywords to help others discover your theme

Sunset Vibes

An example of a published community theme

Loading embed...

Theme Visibility Options

When publishing, you can choose who sees your theme:

Public: Visible to everyone in the gallery
Unlisted: Accessible via direct link but not searchable
Private: Only visible to you (useful for drafts)

You can change visibility at any time from your theme management dashboard.

Updating Published Themes

Need to fix a bug or improve your design? Edit your theme and click “Update.” Users who have applied your theme will see the option to sync with your latest changes, though they can also keep their current version if they’ve made local modifications.

Community Guidelines

The theme gallery thrives on creativity and mutual respect. Keep these principles in mind:

Original work: Only publish themes you’ve created or have permission to share
Descriptive names: Help others understand what your theme offers
Responsive to feedback: Consider user suggestions for improvements
Credit inspiration: If your theme builds on another’s work, acknowledge them

Gallery Statistics

Once your theme is published, track its adoption through the analytics dashboard:

Installs: How many users have applied your theme
Active users: Current installations across all projects
Favorites: Users who’ve saved your theme to their collections

Popular theme creators can earn recognition through the “Featured Creator” program, with top themes showcased on the gallery homepage.

What’s Next

The theme gallery is constantly growing with new contributions from the community. Whether you’re looking for inspiration or ready to share your own designs, you’ll find a welcoming space for creative expression.

Start by browsing the gallery at /themes, find a theme that resonates with your brand, and make it your own. And when you’ve crafted something special, don’t hesitate to publish it—your design might be exactly what another creator is searching for.