このセクションでは、/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 名などのコンポーネントに使用されます。 |