スタートガイド

インストール

npm install lemon-vitepress-theme

セットアップ

1. テーマ

.vitepress/theme/index.tsを作成または更新します：

import LemonTheme from 'lemon-vitepress-theme'

export default LemonTheme

2. 設定

.vitepress/config.tsにappearance: 'force-dark'を設定します：

import { defineConfig } from 'vitepress'

export default defineConfig({
  appearance: 'force-dark',
  // ... その他の設定
})

以上です。2つのファイルでデザインシステムが適用されます。

含まれる機能

• カラー — ブランドイエロー、コーラルレッド、暖かいダーク背景、セマンティックカラー
• フォント — Galmuri11 Boldサイト名・ヒーロー、Pretendard見出し・本文
• コンポーネント — ボタン、バッジ、コードブロック、カスタムブロック、テーブル
• ナビ — グラスエフェクトナビゲーションバー (56px)

TIP

このテーマはダークモード専用です。force-dark設定でトグルが非表示になります。