# Color Schema

### How to Adjust Color Schema in AppSections

The "Color Schema" setting in AppSections allows you to define the color scheme for blocks, groups, and sections. This setting provides flexibility in defining the appearance of your components by applying different color schemes, which have been defined in the active brand style. Here is how you can adjust the color schema:

### **Color Schema**

**Purpose:** This setting allows you to choose the color scheme that a block, group, or section will apply. 

**Usage:** Select from five options to set the desired color schema.

### Color Schema Options

1. **Inherit (not applicable for sections):** The block inherits the color scheme of its parent.
2. **Primary:** The block, group, or section applies the primary color scheme defined in the brand style.
3. **Secondary:** The block, group, or section applies the secondary color scheme defined in the brand style.
4. **Tertiary:** The block, group, or section applies the tertiary color scheme defined in the brand style.
5. **Neutral:** The block, group, or section applies the neutral color scheme defined in the brand style.

### Steps to Adjust Color Schema

1. **Select the Block/Group/Section:**
   * Open your Shopify theme editor.
   * Navigate to the specific block, group, or section where you want to change the color schema.
2. **Locate the Color Schema Setting:**
   * In the settings for the block, group, or section, find the **Color Schema** option.
3. **Select Color Schema:**
   * Choose one of the five options based on your design preferences:
     * **Inherit:** The block will inherit the color scheme of its parent (not applicable for sections).
     * **Primary:** The block, group, or section will apply the primary color scheme.
     * **Secondary:** The block, group, or section will apply the secondary color scheme.
     * **Tertiary:** The block, group, or section will apply the tertiary color scheme.
     * **Neutral:** The block, group, or section will apply the neutral color scheme.

### Ensuring the Right Color Schema

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

### Summary

By using the "Color Schema" setting in AppSections, you can control the color scheme applied to your blocks, groups, and sections in your Shopify store. This flexibility allows you to enhance the visual appeal and consistency of your components, ensuring a dynamic and engaging user experience across all devices.

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


---

# Agent Instructions: 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:

```
GET https://docs.appsections.com/settings/colors/sections-blocks/color-schema.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.