テーマのプロパティ

プライマリボタン、リンク、およびアクセント付きのビジュアル要素の色。

初期設定： 

"primary" : { "base" : "#3049D1" }

カスタム： 

成功メッセージと成功状態の色です。

初期設定： 

"success" : { "base" : "#00c18d" }

カスタム： 

ダッシュボードのみ。

さまざまなビジュアル要素の色、たとえば、境界線、線、影、ボタン、などです。

補色パレットは、選択した 10 色（c0 ～ c9）で構成されています。 定義可能色：

• 全 10 色。
• 最初の（ c0 ）および最後の色（ c9 ）。  これらの 2 色は必須です。 残りはこれらの色を使用して自動的に計算されます。
• 最初の色（ c0 ）、最後の色（ c9 ）そして間に任意の数の色。  残りはこれらの色を使用して自動的に計算されます。

個々の色は次の目的で使用されます：

• c0 - ダッシュボード、ウィジェット、ダイアログなどの背景色
• c1 - コントラストの背景色
• c2 - 追加のコントラストの背景色
• c3 - 線の色（薄い）
• c4 - 線の色（中間）
• c5 - 文字色（薄い）、線の色（濃い）
• c6 - 文字色
• c7 - 文字色
• c8 - 文字色
• c9 - 文字色（濃い）、前景色

"complementary" : { "c0" : "#282a36", "c1" : "#4d4466", "c2" : "#725e97", "c3" : "#9778c8", "c4" : "#bd93f9", "c5" : "#c8a7f7", "c6" : "#d4bbf6", "c7" : "#e0cff4", "c8" : "#ece3f3", "c9" : "#f8f8f2" }

"font" : "url(https://cdn.jsdelivr.net/npm/roboto-font@0.1.0/fonts/Roboto/roboto-regular-webfont.ttf)"

"font": "local(font), url(path/to/font.svg) format('svg'), url(path/to/font.woff) format('woff'), url(path/to/font.otf) format('opentype')"

ダッシュボードと Analytical Designer のボタンの外観をカスタマイズします。

初期設定： 

"button" : { "borderRadius" : "0", "dropShadow" : false }

カスタム： 

ツールチップをカスタマイズ。

初期設定： 

"tooltip" : { "color" : "#C8D0FF", "backgroundColor" : "#07124E" },

カスタム： 

インサイト名の色。

初期設定：

"analyticalDesigner" : { "title" : { "color" : "#d6044e" } }

カスタム：

ダッシュボードのタイトルをカスタマイズする。

初期設定： 

"title" : { "color" : "#0392bd", "backgroundColor" : "#eafafd",            "borderColor" : "#1b4096" }

カスタム： 

ダッシュボードのフィルタバーの外観をカスタマイズします。

初期設定： 

"filterBar" : { "filterButton" : { "backgroundColor" : "#F4F5FB" }, "backgroundColor" : "#F4F5FB",             "borderColor" : "#1b4096" }

カスタム： 

ダッシュボードの KPI の外観をカスタマイズします。

エクスポートした PDF ファイルで表示の問題が発生しないようにするには、枠の半径を 4px 以下に設定します。

初期設定： 

 "kpiWidget" : { "title" : { "color" : "#8292E3", "textAlign" : "center" }, "kpi" : { "primaryMeasureColor" : "#E8EAF7", "secondaryInfoColor" : "#8292E3" }, "borderColor" : "#3049D1", "borderRadius" : "6", "borderWidth" : "1", "backgroundColor" : "#1b4096", "dropShadow" : true }

カスタム： 

ダッシュボードの背景色。

初期設定： 

"backgroundColor" : "#F4F5FB"

カスタム：