Feedspace Home Dashboard

How Do I Enable Dark Mode on My Floating Cards Widget in Feedspace?

Last updated on June 12, 2026

Overview

The Floating Cards widget displays your reviews as animated cards that gently float and drift across the screen, creating a dynamic, eye-catching showcase of social proof. Because these cards are always in motion and layered over your page content, the visual contrast between each card and the background plays a major role in how readable and polished the widget looks.

The Dark Mode toggle in the Widget Color Customization section switches the entire Floating Cards widget to a dark background theme. When enabled, each floating card adopts a dark surface color, and Feedspace automatically adjusts the text color and supporting UI elements so everything remains legible against the dark palette. This makes the widget a strong fit for websites that use a dark color scheme, or for any page where you want the drifting cards to stand out with a sleek, high-contrast look rather than the default light style.

How to Enable Dark Mode for Your Floating Cards Widget

Step 1: Open the Widgets Section

Log in to your Feedspace account. From the main navigation, click Widgets to open the list of all widgets you have created.

Step 2: Edit Your Floating Cards Widget

Locate the Floating Cards widget you want to update. Click the Edit icon or the widget name to open the widget editor.

Step 3: Go to the Design Tab

Inside the widget editor, click the Design tab. This tab contains all visual customization options for your Floating Cards widget, including layout, typography, and color settings.

Step 4: Find the Widget Color Customization Section

Scroll down within the Design tab until you reach the Widget Color Customization section. This section groups together all color-related controls for your Floating Cards widget.

Step 5: Enable the Dark Mode Toggle

Click the Dark Mode toggle to turn it on. The preview will immediately update to reflect the dark background theme, showing how each floating card and its text will appear with the new color style applied.

Step 6: Save Your Changes

Once you are satisfied with the dark mode appearance, click Save to apply the changes. Your Floating Cards widget will now display in dark mode wherever it is embedded on your site.

What You Can Do Next

  • Adjust the card background color manually to fine-tune the dark theme to match your brand palette on the Floating Cards widget.
  • Customize the text and accent colors within the Widget Color Customization section to ensure strong contrast across all floating card styles.
  • Preview how the dark mode Floating Cards widget looks on your live page by copying the embed code and testing it against your site background.
  • Explore other design options in the Design tab, such as card size, animation speed, and display density, to further refine how the floating cards drift across your page.

You might also find helpful

How Do I Change the Card Background Color on My Floating Cards Widget in Feedspace?

Overview The Floating Cards widget displays your customer reviews as animated cards that gently drift and float across the screen, creating an eye-catching, dynamic showcase of social proof. Each card drifts independently, drawing visitor attention as it moves, which means the visual style of every card directly shapes how your...

How to Create a Floating Cards Widget in Feedspace

Overview The Floating Cards widget in Feedspace displays your reviews in stack-like cards that float over your website layout. You can position them on the left, center, or right side of the screen. This widget is perfect for showing continuous feedback without interrupting the visitorโ€™s browsing experience. How to Access...

How Do I Customize the Design of My Widget in Feedspace?

Overview Feedspace widgets come with a powerful Design tab that lets you tailor every visual aspect of your widget. From card colors and fonts to dark mode and call-to-action buttons, you can fully customize the look to match your website’s brand without writing any code. How to Customize the Widget...