> For the complete documentation index, see [llms.txt](https://docs.hyper-code.eu/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hyper-code.eu/documentation/guides/style-config.md).

# Style Config

## Style Config Example

| Option           | Example                      | Description                                            |
| ---------------- | ---------------------------- | ------------------------------------------------------ |
| Background       | "rgba(255, 255, 255, 0.5)"   | Background color                                       |
| BackgroundShadow | "none" / "hex, rgb or rgba"  | Main Background Shadow                                 |
| TextColor        | "white"                      | Text color                                             |
| CircleBackground | "none" / "black"             | Color of the circle                                    |
| Icon             | "fas fa-check" (fontawesome) | <p>Notify Icon</p><p>(visit fontawesome for icons)</p> |
| IconColor        | "red"                        | Notify Icon color                                      |
| LeftBorder       | "blue"                       | Color of left border                                   |
| LeftBorderShadow | "blue"                       | Glow / Shadow of left border                           |

{% hint style="info" %}
The option is the element that can be styled, the example next to it, shows what the options are. Normal CSS should be used here. HEX, RGB or RGBA colors can be used. You can go wild and customize everything to your liking. We offer our customers this opportunity with every resource.
{% endhint %}