> For the complete documentation index, see [llms.txt](https://docs.appsections.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.appsections.com/settings/animations/styles/hover-color-animation/hover-tertiary-color-schema/invert-schema-hover.md).

# Invert Schema Hover

### How to Adjust Invert Schema Hover for Tertiary Color Scheme in AppSections Brand Style

The "Invert Schema Hover" setting in the Brand Style of AppSections allows you to define an alternative color scheme that will be applied during a hover event. This setting provides flexibility in creating dynamic color transitions, enhancing the interactivity and visual appeal of your elements. Here is how you can adjust the invert schema hover for the tertiary color scheme:

### **Invert Schema Hover**

**Purpose:** This setting allows you to select an alternative color scheme that replaces the tertiary color scheme during a hover event.&#x20;

**Usage:** Choose one of the three alternative color schemes (primary, secondary, neutral) to apply during hover.

### Available Color Schemes for Invert Schema Hover

1. **Primary:** Applies the primary color scheme during hover.
2. **Secondary:** Applies the secondary color scheme during hover.
3. **Neutral:** Applies the neutral color scheme during hover.

### Steps to Adjust Invert Schema Hover for Tertiary Color Scheme

1. **Select the Brand Style:**
   * Open your Shopify theme editor.
   * Navigate to the Brand Style settings.
2. **Locate the Invert Schema Hover Setting:**
   * In the Brand Style settings, find the **Invert Schema Hover** option for the tertiary color scheme.
3. **Select Alternative Color Scheme:**
   * Choose one of the three available color schemes based on your design preferences:
     * **Primary:** The tertiary color scheme will be replaced by the primary color scheme during hover.
     * **Secondary:** The tertiary color scheme will be replaced by the secondary color scheme during hover.
     * **Neutral:** The tertiary color scheme will be replaced by the neutral color scheme during hover.

### Ensuring the Right Invert Schema Hover Application

1. **Preview Changes:**
   * After selecting an alternative color scheme, preview your store to see how the changes look.
   * Check various elements to ensure the invert schema hover setting is applied correctly and enhances the visual dynamics.
2. **Check Consistency:**
   * Ensure that the invert schema hover setting aligns with your brand’s aesthetic and provides a cohesive look across both desktop and mobile devices.
3. **Test Across Devices:**
   * Verify the invert schema hover setting on different devices to ensure it looks good and maintains functionality on all screen sizes.

### Summary

By using the "Invert Schema Hover" setting in the Brand Style of AppSections, you can control the color scheme transition during hover events for the tertiary color scheme in your Shopify store. This flexibility allows you to enhance the interactivity and visual appeal of your elements, ensuring a dynamic and engaging user experience across all devices. Adjusting the invert schema hover helps create visually appealing effects and improves the overall design consistency.

If you have any questions or need further assistance, please contact our customer support team.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.appsections.com/settings/animations/styles/hover-color-animation/hover-tertiary-color-schema/invert-schema-hover.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
