コンポーネント

スタイリングされたすべてのコンポーネントを紹介するページです。

タイポグラフィ

見出しレベル2

見出しレベル3

本文テキストはPretendardを使用し、#A89E95カラーです。見出しは#F5F0EBカラーを使用します。

インラインコード

npm installでパッケージをインストールします。config.tsファイルでサイトを設定します。

コードブロック

import { defineConfig } from 'vitepress'

export default defineConfig({
  title: 'My Docs',
  appearance: 'force-dark',
})

カスタムブロック

INFO

情報ブロックです。

TIP

ティップブロックです — ブランドイエローアクセントを使用します。

WARNING

警告ブロックです — セマンティックイエローを使用します。

DANGER

危険ブロックです — セマンティックレッドを使用します。

テーブル

機能	状態	備考
ダークモード	有効	Force-dark専用
Galmuri11	有効	見出し、Bold 700
Pretendard	有効	本文、コード、ボタン

引用

ブランドイエローの左ボーダーと暖かい背景ティントが適用された引用です。

リンク

内部リンクと外部リンクはブランドイエローでスタイリングされます。