テーマ変数
このセクションでは、/assets/css/02_variables.cssでカスタマイズできる変数について説明します。
| 変数 | 説明 |
|---|---|
| --primary-color | この色は、APIタイトル、Markdownヘッダーまたはリンクなど、ポータルのメインコンポーネントで使用されます。 |
| --secondary-color | この色は、ポータルおよび操作説明の背景などのコンポーネントに使用されます。 |
| --header-background | この色はヘッダーの背景に使用されます。 |
| --header-color | この色はヘッダーテキストに使用されます。 |
| --header-brand-logo | この変数により、ブランドのロゴとして使用するファイルが指定されます。デフォルトファイル自体を置き換えるか、新しいファイルをアップロードしてこの変数内のパスを変更することで編集できます。 |
| --footer-background-color | この色はフッターの背景に使用されます。 |
| --footer-color | この色はフッターテキストに使用されます。 |
| --get-request-color | この色はGETバッジのテキストに使用されます。 |
| --get-request-background-color | この色はGETバッジの背景に使用されます。 |
| --head-request-color | この色はHEADバッジのテキストに使用されます。 |
| --head-request-background-color | この色はHEADバッジの背景に使用されます。 |
| --options-request-color | この色はOPTIONSバッジのテキストに使用されます。 |
| --options-request-background-color | この色はOPTIONSバッジの背景に使用されます。 |
| --post-request-color | この色はPOSTバッジのテキストに使用されます。 |
| --post-request-background-color | この色はPOSTバッジの背景に使用されます。 |
| --patch-request-color | この色はPATCHバッジのテキストに使用されます。 |
| --patch-request-background-color | この色はPATCHバッジの背景に使用されます。 |
| --put-request-color | この色はPUTバッジのテキストに使用されます。 |
| --put-request-background-color | この色はPUTバッジの背景に使用されます。 |
| --delete-request-color | この色はDELETEバッジのテキストに使用されます。 |
| --delete-request-background-color | この色はDELETEバッジの背景に使用されます。 |
| --color--neutral | bk color is used for text in components such as the Optional badge and examples. |
| --color--neutral-bg | この色はOptionalバッジや例などのコンポーネントの背景に使用されます。 |
| --color--warn-bg | この色はRequiredバッジや4XXステータスバッジなどのコンポーネントの背景に使用されます。 |
| --color--warn | この色はRequiredバッジや4XXステータスバッジなどのコンポーネントのテキストに使用されます。 |
| --color--error-bg | この色は5XXステータスバッジなどのコンポーネントの背景に使用されます。 |
| --color--error | この色は5XXステータスバッジなどのコンポーネントのテキストに使用されます。 |
| --color--redirect-bg | この色は3XXステータスバッジなどのコンポーネントの背景に使用されます。 |
| --color--redirect | この色は3XXステータスバッジなどのコンポーネントのテキストに使用されます。 |
| --color--success-bg | この色は2XXステータスバッジなどのコンポーネントの背景に使用されます。 |
| --color--success | この色は2XXステータスバッジなどのコンポーネントのテキストに使用されます。 |
| --font-family-sans-serif | この変数はポータル全体に使用されるフォントを定義します。 |
| --font-size-xxs | このフォントサイズはリクエストメソッドのバッジなどのコンポーネントに使用されます。 |
| --font-size-xs | このサイズはルートフォントのサイズとして使用されます。この値を変更すると、その他すべてのフォントサイズが同じ比率で変更されます。 |
| --font-size-sm | このフォントサイズはホームページ上のAPI名などのコンポーネントに使用されます。 |
| --font-size-md | このフォントサイズはポータルヘッダーやAPIのセクションタイトルなどのコンポーネントに使用されます。 |
| --font-size-lg | このフォントサイズはAPIドキュメンテーション内のAPI 名などのコンポーネントに使用されます。 |