> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getjasin.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Themes

> Choose between light and dark themes for your product embeds

## Overview

Jasin provides two clean, professional themes to ensure your product embeds look great on any
website. Choose the theme that best matches your site's design.

***

## Available Themes

### Light Theme

* Clean white background with dark text
* Professional appearance for traditional websites
* Best for blogs, business sites, and e-commerce stores
* Works great with most website designs

### Dark Theme

* Dark background with light text
* Modern design for dark-themed websites
* Ideal for tech blogs, portfolios, and gaming sites
* Reduces eye strain in dark environments

***

## Best Practices

<CardGroup cols={2}>
  <Card title="Match Your Site" icon="palette">
    Choose the theme that best complements your website's design
  </Card>

  <Card title="Test Both Options" icon="flask">
    Preview both themes to see which looks better with your content
  </Card>

  <Card title="Stay Consistent" icon="check">
    Use the same theme across all embeds for a cohesive look
  </Card>

  <Card title="Consider Your Audience" icon="users">
    Dark themes work well for tech content, light themes for general audiences
  </Card>
</CardGroup>

## Technical Details

* **Fully responsive** - Works on desktop, tablet, and mobile
* **Fast loading** - Optimized CSS with minimal overhead
* **Accessibility compliant** - High contrast and screen reader friendly
* **Cross-browser compatible** - Works in all modern browsers

## Troubleshooting

<AccordionGroup>
  <Accordion title="Theme not displaying correctly">
    * Verify the `data-theme` attribute is set to "light" or "dark"
    * Check for CSS conflicts with your website's styles
    * Ensure the script tag is properly formatted
  </Accordion>

  <Accordion title="Theme doesn't match my site">
    * Try the other theme option to see if it fits better
    * Use CSS to customize the embed container if needed
    * Consider upgrading to Pro or Pro Plus for more customization options
  </Accordion>
</AccordionGroup>