Update Global Colors and the Default Palette

Introduction

This tutorial will guide you through the process of updating the default color palette in your Oh My Hi website. This will allow you to customize the overall appearance and branding of your site.

Step-by-Step Guide

  1. Access the Color Palette:
    • Navigate to site editor: Go to the “Site Editor” section of your Oh My Hi dashboard.
    • Open styles: Click on the “Styles” tab.
    • Edit palette: Find and click the “Edit Styles” button.
  2. Choose a Palette or Customize:
    • Select a pre-defined palette: If you like one of the existing palettes, simply select it.
    • Customize the default palette: To create your own palette, click on the “Edit Palette” button.
  3. Modify Colors:
    • Change base color: Adjust the base color (typically white) to change the overall background of your website.
    • Modify contrast color: Choose a contrasting color for text and other elements.
    • Update action color: Set the color used for buttons, links, and other interactive elements.
    • Adjust accent color: Select a secondary color for accents throughout your site.
  4. Modify Shades (Optional):
    • Change shade values: If you want to customize the lighter and darker shades of your colors, adjust the HSL values for each shade.
  5. Save Changes:
    • Confirm updates: Review your changes and click “Save Changes” to apply them.

← Back to Main Support Page