> For the complete documentation index, see [llms.txt](https://staylime.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://staylime.com/docs/avante-themes/faq/theme-setup/how-do-i-change-button-colors-and-hover-style.md).
# How do I change button colors and hover style?
Button colors are controlled globally in one place — the Colors settings panel.
Go to **Theme Editor → Theme settings → Colors → Buttons and links**.
Three settings control all buttons across your store:
| Setting | What it controls |
| ---------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
| **Base** | Text color on Solid buttons (typically white or dark neutral) |
| **Accent** | Background of Solid buttons, outline and text of Outlined buttons, and all UI accent highlights (star ratings, swatch outlines, filter tags) |
| **Hover** | The button appearance when a customer mouses over it |
***
### Tips
A tight relationship between Accent and Hover — one shade darker or lighter — feels polished. A dramatic shift (e.g. black to brand red) creates high energy. Either works; the key is consistency.
**Accent** is the single most impactful color in the theme. Changing it updates buttons, links, star ratings, swatch outlines, and selected filter tags across the entire store.
***
### Per-section button styles
Individual sections can override the global color scheme. If a specific section's buttons look different from the rest of the store:
1. Open the section in Theme Editor
2. Check if a **Color scheme** is set to a custom value
3. Switch it to **Base** to inherit the global Buttons and links colors
***
### Button shape (corner radius)
To change whether buttons are sharp, rounded, or pill-shaped:
Go to **Theme settings → Shapes → Buttons** and adjust the corner radius slider.
***
### Related
* [Colors](/docs/avante-themes/theme-settings/colors.md) — full color system reference
* [Typography](/docs/avante-themes/theme-settings/typography.md) — button label font is controlled under the Custom typography preset
---
# 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://staylime.com/docs/avante-themes/faq/theme-setup/how-do-i-change-button-colors-and-hover-style.md?ask=&goal=
```
`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.