# 自定义界面

{% 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)