Step 1: Go to the Style Tab

• Navigate to the Style tab.

Step 2: Select Color Settings

• Choose the Color Settings submenu.

Step 3: Preview the Calculator with Your Website Background

1. Select the background color of your website:

• Click on the square icon with the gear symbol.
• Enter the desired color code or use the slider to select the background color.
• Click anywhere outside the color picker, and the system automatically saves the color.

2. Proceed to choose the color schemes:

• We offer two options: one for light-themed websites and another for dark-themed or night mode websites.
• Select the appropriate color scheme.

3. To preview the calculator:

• Click the Save Change button in the upper right corner.

• Then, click the Preview button in the upper right corner to see how your calculator will look.

Step 4: Save Changes

• To save all changes, click the Save Changes button.