Colors

Change the color scheme to match the website's look and feel

One of the most important components of designing a visually appealing, functional, and accessible theme is color.

Not only does a well-designed color system reinforce a merchant’s branding, but it also has the power to enhance and improve the user’s experience.

What is a color scheme?

In Megamog theme, you can define different color schemes in your theme settings and apply the color schemes to different sections throughout your online store, using a color scheme picker.

A color scheme is a set of colors that applies to the following elements:

• Primary accent: Used for focus, active, and links

• Background or Background gradient

• Text

• Subtext

• Solid button background

• Solid button label

• Secondary button background

• Secondary button label

• Outline button

• Border

• Price sale

• Price regular

• Form field background

• Form field text

• Tooltip background

• Tooltip text

You can create up to 21 color schemes in Megamog.