ダークモード＆テーマ

ダークモード＆テーマ

SubLearnは、環境や個人の好みに合わせて学習体験を最適化できる複数のテーマオプションを提供しています。昼間の学習でも夜遅くの学習でも、自分に最適なテーマを選べます。

利用可能なテーマモード

SubLearnには、さまざまな状況に対応する3つのテーマモードがあります。

• ライトモード — 明るく清潔感のあるインターフェースで、明るい背景とダークテキストが特徴です。昼間の学習や明るい環境に最適です。
• ダークモード — バイオレットのアクセントが映える深いブルーブラックの背景が特徴の、SubLearnのシグネチャーダークテーマです。夕方や夜間の学習セッションにぴったりです。
• システム自動 — デバイスのシステムテーマ設定に自動的に合わせ、時間帯やOS設定に基づいてライトとダークを切り替えます。

テーマの切り替え

テーマの変更は簡単です。上部ナビゲーションバーにある太陽と月のアイコンを探してください。このアイコンをクリックして、利用可能なテーマオプションを切り替えます。

1. ライトモードは太陽アイコンを表示
2. ダークモードは月アイコンを表示
3. システム自動は設定/自動アイコンを表示

選択はプラットフォーム全体に即座に反映され、設定はアカウントに自動保存されます。

ダークモードのカラースキーム

SubLearnのダークモードは、視覚的な快適さとアクセシビリティのために最適化されたバイオレットブルーのカラーパレットを使用しています。

• 背景 — ディープブルーブラック（#0b1222）がプロフェッショナルで落ち着いたベースを提供し、目の疲れを軽減します
• カード＆パネル — やや明るいブルー（#111b2e）が視覚的な階層とコンポーネントの分離を作ります
• ボーダー＆ディバイダー — 微妙なティール（#1e3348）が、強いコントラストなしにコンテンツの境界を定義します
• プライマリアクセント — 明るいバイオレット（#a78bfa）がインタラクティブ要素、ボタン、重要な情報をハイライトします
• セカンダリアクセント — ライトバイオレット（#c4b5fd）がホバー状態や補助的な要素に使用されます
• グラデーションアクセント — ブルーからバイオレットへのグラデーション（#7c3aed → #a78bfa）が重要なCTAや実績に視覚的な深みを加えます

なぜダークモード？

ダークモードは言語学習者にいくつかのメリットを提供します。

• 目の疲れの軽減 — 暗い背景はブルーライトの放出が少なく、長時間の学習セッションをより快適にします
• 集中力の向上 — 視覚的なグレアが少ないため、ボキャブラリー、字幕、エクササイズに集中しやすくなります
• バッテリーの節約 — OLEDスクリーンのデバイスでは、ダークモードの消費電力が少なくなります
• 夜間学習に最適 — 夕方に学習するのが好きな方にとって、ダークモードは目にやさしいです
• プロフェッショナルな外観 — バイオレットのアクセントカラーがモダンで洗練された学習環境を作ります

システム設定の検出

「システム自動」を選択すると、SubLearnがデバイスのテーマ設定を自動検出します。以下のデバイスで動作します。

• Windows 11以降 — システムのライト/ダークテーマ設定を尊重します
• macOS — 外観設定（ライト、ダーク、自動）に従います
• iOS/iPadOS — デバイスのライト/ダークモードに合わせます
• Android — システムテーマ設定と同期します

テーマの永続化

テーマの選択はアカウント設定に保存され、ログインしているすべてのデバイスで維持されます。ログアウトして再ログインしても、選択したテーマはそのまま有効です。一度ライトモードとダークモードを切り替えれば、次の訪問でも記憶されます。

テーマ設定はいつでも変更でき、モード間の切り替え回数に制限はありません。自分の学習スタイルと環境に最適なものを見つけてください。