カスタムブランディング
  • 23 May 2022
  • 1 読む分
  • PDF

カスタムブランディング

  • PDF

記事の要約

ダイナミックブランディング

背景と前景

背景

前景

default_bg_color
 #FFFFFF

default_fg_color
 #424242

default_fg_light_color
 #666666

primary_bg_color
 #FBA757

primary_fg_color
 #FFFFFF

secondary_bg_color
 #FFE8D8

secondary_fg_color
 #444444

danger_bg_color
 #FCF4F4

danger_fg_color
 #E3412D

ボタン


スタイル名

デフォルトのカラー値

メインボタン

背景

button_primary_bg

#FFE8D8

前景

button_primary_fg

#666666

枠線

button_primary_border

#FBA757

背景のマウスオーバー

button_primary_hover_bg

#FF0000

前景のマウスオーバー

button_primary_hover_fg

#FFFFFF

枠線のマウスオーバー

button_primary_hover_border

#FF0000

サブボタン

背景

button_secondary_bg

#F2F2F2

前景

button_secondary_fg

#666666

枠線

button_secondary_border

#A9A9A9

背景のマウスオーバー

button_secondary_hover_bg

#FF0000

前景のマウスオーバー

button_secondary_hover_fg

#FFFFFF

枠線のマウスオーバー

button_secondary_hover_border

#FF0000

危険ボタン

背景

button_danger_bg

#E3412D

前景

button_danger_fg

#FFFFFF

枠線

button_danger_border

#A81B26

背景のマウスオーバー

button_danger_hover_bg

#A81B26

前景のマウスオーバー

button_danger_hover_fg

#FFFFFF

枠線のマウスオーバー

button_danger_hover_border

#A81B26

他のスタイル

説明

スタイル名

デフォルトのカラー値

「成功」のチェックマーク

check_mark_green

#6DA342

スクロールバーのカラー

scrollbar_color

#A9A9A9

スクロールバーのマウスオーバーカラー

scrollbar_hover_color

#424242

アプリケーション/パネルの枠線

default_border_color

#CBCBCB

テキストボックス/コンボボックスの枠線

default_underline_color

#E0E0E0

ユーザーのチャットメッセージの背景

chat_user_bg_color

#F2F2F2

エージェントのチャットメッセージの背景

chat_agent_bg_color

#DDEEFF

 


この記事は役に立ちましたか?