> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/flute-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/flute-documentation/theme-settings/colors.md).

# Colors

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

You can use the theme settings to make changes to your online store's typography, colors, social media links, and checkout settings. When you make changes to your theme settings, the changes apply to your entire online store.

You can set primary and secondary color schemes for your online store.

From the Colors theme settings panel, you can set the context uses of the colors across the theme.

## **Customize your color settings**

* From your Shopify admin, go to Online Store > Themes.
* Click on Customize button.
* Click Theme settings.
* Click Colors.
* To open the color picker, click the color swatch for the content type color you want to change. To set a specific hex color code, click on the text field to enter the color.
* Delete the hex code value from the text field to set the color to transparent.
* Click Save.

<table><thead><tr><th width="220">Block</th><th>Description</th></tr></thead><tbody><tr><td>Background</td><td>Set the background color for the section.</td></tr><tr><td>Background gradient</td><td>Choose a gradient to apply to the section’s background, replacing the solid color where supported.</td></tr><tr><td>Text</td><td>Set the text color for the section.</td></tr><tr><td>Solid button background</td><td>Choose the background color of the buttons within the section.</td></tr><tr><td>Solid button label</td><td>Set the text (label) color for the buttons within the section.</td></tr><tr><td>Button background on hover</td><td>Choose the background color of buttons when hovered over.</td></tr><tr><td>Button label on hover</td><td>Set the text (label) color for buttons when hovered over.</td></tr><tr><td>Outline button</td><td>Choose the color for the outline of buttons within the section.</td></tr><tr><td>Link hover color</td><td>Choose the color that links will change to when hovered over.</td></tr><tr><td>Body background color</td><td>Use this settings to set background color of body.</td></tr></tbody></table>

<figure><img src="/files/fGEBtFH2xgNpNfSEU6j0" alt=""><figcaption></figcaption></figure>