> For the complete documentation index, see [llms.txt](https://aliniex.gitbook.io/alix-pay/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aliniex.gitbook.io/alix-pay/resources/style-guide.md).

# Style Guide

These styling options allow you to configure the look and feel of the checkout experience to best match your application.

| No. | Color            | Example      | Description                                                                                                                  |
| --- | ---------------- | ------------ | ---------------------------------------------------------------------------------------------------------------------------- |
| 1   | Primary color    | 4287f5       | Used throughout the app for headers, active buttons and loading icons.                                                       |
| 2   | Secondary color  | 111e2b       | Used throughout the app for button hover over effects.                                                                       |
| 3   | Text color       | 000000       | Used as the color for labels and input text.                                                                                 |
| 4   | Background color | ffffff       | This can be a solid background color applied to all pages of the checkout journey.                                           |
| 5   | Theme            | Dark, Light  | This can be used to defined the Banxa custom Light or Dark theme.                                                            |
| 6   | Logo             | fileName.png | PNG file 70 pixels in height. Please provide logo for both dark and white theme background or the vector design of the logo. |

## Color guide

As an example, the below screenshot shows a solid background set as black (#000000), a primary color set at purple (#e014c2) and text color set at white (#ffffff).

## Theme

### Light Mode

In addition to setting the theme for the user, the user will also be able to change between light and dark mode via the settings button on the to right hand side

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

### Dark Mode

This is the custom  dark mode with a  logo.

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


---

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

```
GET https://aliniex.gitbook.io/alix-pay/resources/style-guide.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.