# 自定义界面

{% hint style="info" %}
若需要自定义界面，期望与自有业务配色匹配，我们提供了多种主题的选择，均已适配深色模式
{% endhint %}

### **参数说明**

{% hint style="info" %}
表格可左右滚动，以查看完整内容
{% endhint %}

<table><thead><tr><th width="127">参数名称</th><th width="90">类型</th><th width="150">支持的合作伙伴类型</th><th width="105">是否必填</th><th width="101">是否需要参与签名</th><th width="304">参数说明</th></tr></thead><tbody><tr><td>logoType</td><td>String</td><td><br>基础合作伙伴<br>高级合作伙伴</td><td>否</td><td>否</td><td><p>是否隐藏FatTPay Logo或显示合作方Logo</p><p>hidden：隐藏FatTPay Logo</p><p>partner：显示合作方Logo（仅支持基础合作伙伴和高级合作伙伴）<br></p></td></tr><tr><td>theme</td><td>String</td><td>全部</td><td>否</td><td>否</td><td>主题模版ID<br>参加下方的<a href="#zhu-ti-mo-ban">主题模版</a>，如需自定义配色可联系 <a href="mailto:developers@fatpay.xyz">developers@fatpay.xyz</a></td></tr><tr><td>darkMode</td><td>String</td><td>全部</td><td>否</td><td>否</td><td>是否开启深色模式<br>1：开启深色模式</td></tr></tbody></table>

### 主题模版

主题模版持续更新，如需自定义配色可联系 <developers@fatpay.xyz>

<table><thead><tr><th width="229.90783103893904">主题</th><th width="408.65489941609707">URL入参（可点击查看效果）</th></tr></thead><tbody><tr><td>blue浅色模式</td><td><a href="https://ramp.fatpay.xyz/home?partnerId=public&#x26;theme=blue">&#x26;theme=blue</a></td></tr><tr><td>blue深色模式</td><td><a href="https://ramp.fatpay.xyz/home?partnerId=public&#x26;theme=blue&#x26;darkMode=1">&#x26;theme=blue&#x26;darkMode=1</a></td></tr><tr><td>gray浅色模式</td><td><a href="https://ramp.fatpay.xyz/home?partnerId=public&#x26;theme=gray">&#x26;theme=gray</a></td></tr><tr><td>gray深色模式</td><td><a href="https://ramp.fatpay.xyz/home?partnerId=public&#x26;theme=gray&#x26;darkMode=1">&#x26;theme=gray&#x26;darkMode=1</a></td></tr><tr><td>green浅色模式</td><td><a href="https://ramp.fatpay.xyz/home?partnerId=public&#x26;theme=green">&#x26;theme=green</a></td></tr><tr><td>green深色模式</td><td><a href="https://ramp.fatpay.xyz/home?partnerId=public&#x26;theme=green&#x26;darkMode=1">&#x26;theme=green&#x26;darkMode=1</a></td></tr><tr><td>yellow浅色模式</td><td><a href="https://ramp.fatpay.xyz/home?partnerId=public&#x26;theme=yellow">&#x26;theme=yellow</a></td></tr><tr><td>yellow深色模式</td><td><a href="https://test.ramp.fatpay.xyz/home?partnerId=public&#x26;theme=yellow&#x26;darkMode=1">&#x26;theme=yellow&#x26;darkMode=1</a></td></tr><tr><td>purple浅色模式</td><td><a href="https://test.ramp.fatpay.xyz/home?partnerId=public&#x26;theme=purple">&#x26;theme=purple</a></td></tr><tr><td>purple深色模式</td><td><a href="https://test.ramp.fatpay.xyz/home?partnerId=public&#x26;theme=purple&#x26;darkMode=1">&#x26;theme=purple&#x26;darkMode=1</a></td></tr></tbody></table>

{% hint style="info" %}
基础合作伙伴和高级合作伙伴可联系FaTPay配置专属主题配色
{% endhint %}

### 其他可自定义部分

显示合作方Logo：仅支持基础合作伙伴和高级合作伙伴，申请通过后可提供Logo进行配置

![](https://2608518839-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTtuPnICHoV0x07Lr8fj%2Fuploads%2FA2yyoVwp8o94wmPJWoWe%2Fimage.png?alt=media\&token=a096044c-c0da-4f1c-abe3-acd6adb8103c)


---

# 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://dev.fatpay.org/zh/reference/integration-tutorial/interface-customization.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.