Widget Themes
Customize the look and feel of your FeedValue widgets.
Color-Based Theming
FeedValue widgets use a color-based theming system configured through the dashboard. Rather than predefined light/dark themes, you have full control over individual colors:
| Setting | Description |
|---|---|
| Primary Color | Accent color for buttons and highlights |
| Background Color | Widget background |
| Text Color | Form labels and body text |
| Button Text Color | Text on buttons |
Creating a Light Theme
Set light background and dark text colors:
- Background Color:
#ffffff - Text Color:
#1f2937 - Primary Color:
#6366f1
Creating a Dark Theme
Set dark background and light text colors:
- Background Color:
#1f2937 - Text Color:
#f9fafb - Primary Color:
#818cf8
Matching Your Brand
For the best results:
- Use your brand's primary color as the Primary Color
- Match the Background Color to your site's background
- Ensure sufficient contrast between text and background (WCAG AA: 4.5:1)
TIP
Configure colors in the FeedValue dashboard under your widget settings. Changes take effect immediately for new widget loads.
Related
- Widget Styling - Detailed styling options and custom CSS
- Reaction Buttons - Reaction-specific styling options