To resolve the issue where your top menu banner icons appear as white on white after resetting the theme back to Polaris, follow these steps:
### 1. **Clear Cache**:
- Clear your browser cache and refresh the page. Sometimes cached data can prevent theme changes from fully applying.
### 2. **Reapply the Polaris Theme in UI Builder**:
- Go back to **UI Builder** and ensure the **Polaris** theme is applied globally, including all UI components.
- **Save** and **publish** the changes, then refresh the page.
### 3. **Check for Theme Customizations**:
- Open the **Theme Settings** in UI Builder and look for any custom styles or overrides that might affect the top menu banner or icons.
- Specifically, check for changes to variables like:
- `--theme-header-background-color`
- `--theme-header-icon-color`
### 4. **Reset Theme Variables**:
- If any of the above variables were customized, revert them back to the Polaris defaults.
- For Polaris:
- Icon color in light mode should be dark (`#000` or `var(--theme-header-icon-color, #000)`).
- Header background should be light (`#fff` or similar).
### 5. **Custom CSS (if needed)**:
- If the issue persists, you can manually add custom CSS to fix the icon colors. You can apply this in the **CSS section** of your theme or the **page settings**:
```css
.header-icon-class {
color: var(--theme-header-icon-color, #000); /* Ensures icons are visible in light mode */
}
```
This should restore the icons to their correct visibility in light mode. If the issue persists, double-check for any component-specific overrides or theme customizations that could be affecting the menu banner.
