Theme mood and theme style

Theme mood

Setting

Description

Theme mood

The “Theme Mood” setting lets you define the overall emotional tone and visual personality of your store. This helps create a cohesive experience that aligns with your brand’s identity and the message you want to convey to your customers. You can choose from six distinct theme moods: You have six options of theme mood:

Classic
Bubbly
Playful
Peppy
Harmony
Soft

Bubbly mood

Setting

Description

Border layer color 1

In Bubbly Mood, this color is used for the first (primary) border layer on key UI elements, including:

Countdown timer labels
Collection tabs
Active buttons in the header
Product cards on hover
Active product media on product detail page or featured product section
Layered buttons on the collection list page

Border layer color 2

In Bubbly Mood, this color is used for the second (secondary) border layer on key UI elements, including:

Countdown timer labels
Collection tabs
Active buttons in the header
Product cards on hover
Active product media on product detail page or featured product section
Layered buttons on the collection list page

Header active button: layer border

Product cards on hover and “View More” button on hover: layer border

Countdown label: layer border

Product media in thumbnails: layer border

Playful mood

Setting

Description

Border layer

This setting lets you choose the border color for layered elements when the Playful Mood is active. It adds a fun, vibrant outline to help create a cheerful and lively store design.

Applies to:

Cards
Boxes
Content containers
Blocks
Form fields
Product cards
Buttons (on hover)

Box: border

Cards: border

Content container: border

FAQ card: border

Field border

Product card and buttons on hover : border

Soft mood

Setting

Description

Border layer color

This is a special accent color used for the Quick View icon on hover.

It applies to the icon border, the eye symbol, and the hover background

Theme style

When you change the theme style, the color scheme of your entire website will automatically adjust to match the selected style. Additionally, it will switch to the related mood associated with that style. This ensures that your website maintains a consistent and harmonious design theme throughout, aligning the colors and aesthetics with your chosen style. Also, you can change a background color individually for each section in section settings, button color, border color, and text color for the whole theme in theme settings.

There are four theme styles:

Games and Toys
Kids and Baby
Pet Shop
Books
Beauty