Design Philosophy

ライブラリのカスタマイズ:拡張されたカラースウォッチとアダプティブカバー

2026年8月15日 · 4 min read

デジタルの本棚に10冊の本があろうと1万冊あろうと、コレクションの整理は個人的で、見やすく、洗練されているべきです。GemReaderの更新されたライブラリカラースウォッチシステムとダイナミックなテーマ適応を発見してください。

厳選された11色のカラーパレット

カスタムコレクションの作成または編集、カバー画像が組み込まれていない本へのカスタム背景の割り当て時に、拡張された11色のパレットにアクセスできるようになりました。

この厳選されたセレクションは、ソフトパステルローズやウォームサンセットオレンジから、ディープミッドナイトシアン、ミニマルアッシュグレーまで多岐にわたります。各色の選択は、デュアルステートトークンに基づいて構築されています。

スウォッチを選択すると、コレクションまたはカバーにセマンティックカラーキーが割り当てられ、日中は鮮やかに見え、暗い環境でも眩しくないようにライブラリが保たれます。

ダイナミックなダークモード適応

以前は、コレクションのフォルダにパステルの色合いを設定すると、アプリのテーマをダークモードに切り替えたときに厳しいコントラストの崩れが発生する可能性がありました。新しいカラースロットマッピングにより、セマンティックスロットマッチングがこれを解決します。

ティール(青緑)のスウォッチを選択すると、GemReaderはカラーキーを保存します。ライトモードでは、暗いテキストを持つ柔らかなミント色の背景がレンダリングされます。ダークモードに切り替えると、GemReaderはフォルダの背景をハイコントラストのテキストを持つ深いティールにシームレスに適応させます。

インポートされたアイテムがデフォルトパレット外のカスタム16進コードを使用している場合、GemReaderはテキストが完全に読みやすい状態を保証するために輝度を自動的に計算します。

画像のないEPUB向けのカスタムカバー

すべてのドキュメントや古典的なEPUBが高解像度のアートワークを備えているわけではありません。GemReaderは、カバー画像がないタイトルのために、クリーンでミニマリストなタイポグラフィのブックカバーを自動生成します。

デフォルトでは、画像のない本には、本のタイトルに基づいた決定論的ハッシュを使用して自動的にカラースウォッチが割り当てられます。

ブックアクションモーダルを介して任意のスウォッチをタップし、デフォルトのカバーの色合いを上書きして、コレクションの視覚的テーマに手動で合わせることができます。

触覚的なUIコントロールとアクセシビリティ

ライブラリ管理ダイアログとリーダー設定の両方で、再利用可能なスウォッチカラーピッカーコンポーネントを更新しました。

目立つタッチターゲットが誤った選択を防ぐ一方で、アクティブなスウォッチは内側のハイコントラストの選択リングでスムーズにスケーリングされるため、すべてのディスプレイサイズとカラーモードで現在の選択が明確になります。

これらの色の選択はすべて、ライブラリデータとともに暗号化されたメタデータとして安全に保存され、アプリのテーマを切り替えるたびに自動的にバランスが保たれます。