# 고급 옵션: 색상 설정(푸시앱)

***

{% hint style="warning" %}

#### **해당 기능은 푸시전용앱에서만 이용 가능합니다.  웹뷰앱은 제공하지 않습니다.**

{% endhint %}

{% hint style="info" %}
색상은 툴바 배경 색상, 메뉴 리스트 배경 색상, 메뉴 리스트 텍스트 색상 으로 제공됩니다. 
{% endhint %}

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

고급스타일 - 색상 설정은 푸시앱제작시 확인할 수 있구요.&#x20;

&#x20;STEP2 디자인 단계 - 고급 스타일 및 옵션 - 'Main' 탭에서 확인 가능합니다.

***

<br>

## **1.툴바 배경 색상**

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

푸시 앱 화면 아래에 배치되는 푸시 툴바이구요.해당 툴바의 배경색을 수정할 수 있습니다.

툴바 배경 색을 선택하여, 원하는 색상으로 적용할 수 있습니다. (기본: 흰색으로 셋팅)

수정 후 앱 업데이트를 해주시면 반영됩니다.&#x20;

***

## **2.메뉴 리스트 배경 색상**

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

MENU에서 제공하는 -  메뉴리스트 배경 색상을 수정할 수 있습니다.&#x20;

기본은 흰색으로 셋팅되어 있으며, 원하는 배경색을 적용해서 저장 및 업데이트 해주시면 반영됩니다.

***

## **3.메뉴 리스트 텍스트 색상**

MENU에서 제공하는 -  메뉴 텍스트 색상을 수정할 수 있습니다.&#x20;

**앱 실행화면 이미지)**

<div align="left"><figure><img src="/files/KoZqfxsdMmkUHC7PsvAF" alt=""><figcaption></figcaption></figure></div>

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

메뉴 리스트 텍스트 색상에서 - 컬러 버튼을 선택하면 원하는 색상을 넣을 수 있어요.

HEX 값을 직접 입력하거나, 색상 버튼을 선택해서 원하는 색상을 핀으로 선택해도 됩니다.

<div align="left"><figure><img src="/files/8RNDmeE97J6VG8fqVa0P" alt=""><figcaption></figcaption></figure></div>

&#x20;원하는 색상을 넣고 저장 후 - 앱 업데이트를 해주세요.

업데이트가 완료되면 수정된 색상으로 앱에서 반영됩니다.

{% hint style="warning" %}
**해당 기능 수정시, 앱 업데이트가 필요합니다. \_STEP2 디자인 메뉴 수정시 업데이트 필요!**

앱 제작 후, 위에서 소개해드린 기능 중 하나를 수정할 경우 \[저장] 버튼 선택 -\[앱 업데이트] 버튼을 선택해주세요.

플레이스토어, 앱스토어에 앱이 출시된 경우 업데이트 된 앱으로 다시 심사를 제출해야 합니다.&#x20;

스토어에서 업데이트 승인이 완료되어야, 수정된 내용으로 반영됩니다.&#x20;

무료 앱은 새 버전으로업데이트 받아서 확인 가능합니다.

{% endhint %}

![](/files/FolpdQVBpt9ayFkdOQoG)


---

# 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://documentation.swing2app.co.kr/webapp/manual/options-color.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.