---
description: Adaloアプリに独自のブランドカラーを追加します。
---

# カラー

{% tabs %}
{% tab title="シンプルガイド" %}
左ツールバーの「ブランディング」タブの「カラー」セクションで、ブランドカラーを設定できます。 プライマリーカラー、セカンダリーカラー、スクリーン背景色、テキストカラーを設定できます。

一旦これらが設定されると、アプリの画面に追加する新しいコンポーネントは、これらのデフォルトを使用します。 例えば、App Barコンポーネントは、デフォルトでブランディングの原色を使用します（もちろん、コンポーネントの色を好きなものに変更することもできます）。

ブランディングタブで色を変更すると、そのブランディングカラーを使用しているすべてのコンポーネントが自動的に一度に更新されます。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-523a5ab78c70638d9903875c4753148f11a430af%2Ftest%20\(9\).gif?alt=media)

ブランディングカラーは、Adaloカラーピッカーのプリセットパレットオプションに自動的に追加されます。 カラーピッカーの一番下の行の最後の2色は、テキストカラーとスクリーン背景色の選択に設定されます。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-31818c0b2b7dd840c8b28ee131e691751b785aac%2Fimage%20\(177\).png?alt=media)
{% endtab %}
{% endtabs %}

## ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問できます！投稿にこの記事へのリンクも貼っておくことを忘れないでください！
