# Main Menu

#### **Background Color**

* Set the background color of the main menu.
* Example: Dark colors for contrast with white text, or light colors for a minimal look.

#### **Link Color**

* Controls the color of menu items (links).
* Choose a color that is readable and aligns with your website design.

#### **Link Hover/Active Color**

* Defines the color of menu items when hovered over or active (current page).
* Recommended: Use a contrasting or highlight color to show interactivity.

#### **Separator/Border**

* Manage the color of separators or borders between menu items.
* You can make it subtle (light gray) or bold depending on your design style.

#### **Search Button Background**

* Customize the background color of the search button in the menu.
* Suggested: Use a highlight color to make the search icon stand out.

### ✅ Tips

* Keep **contrast** in mind: if your background is dark, choose light link colors.
* Use the **hover/active color** to create a smooth navigation experience.
* The **search button** should be visible but not distracting — use accent colors.

<figure><img src="https://857802280-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FthwVQLzvh2F5YiBxgMcq%2Fuploads%2FqAhkZqFmXrmiUj5dnpz4%2FScreenshot_7.png?alt=media&#x26;token=6440f0ca-de4a-44b8-be27-618eee46ba95" alt=""><figcaption></figcaption></figure>