Joplin用macOSテーマ
メモアプリJoplin v2.2.4以降向けのネイティブ風macOSテーマ。macOS以外のデバイスでも動作します。
- ✨ 全てのコントロールを含む完全なUIスタイル、
- 🌜 ライト、ダーク、ダークサイドバー付きライト、または自動（システム設定に基づくライト/ダーク）を選択可能、
- 👌 ネイティブアイコン（macOSのみ）またはPhosphorアイコンファミリーを使用可能、
- 👨🎨 Joplinの設定から簡単にカスタマイズ可能。
インストール
- Joplinの設定 › 「プラグイン」を開き、「macOS theme」を検索してテーマをインストール。
- Joplinを再起動。お楽しみください！
カスタマイズ
インストール後、Joplinの設定に「macOS theme」という項目が追加されます。変更を反映するにはJoplinを再起動してください。
Macユーザー：ネイティブアイコンを使用したい場合は、Apple公式サイトからSF Proをダウンロードしてインストールしてください。
アイコンが表示されない？
Windowsユーザー：アイコンが空白の四角や欠落している場合は、Phosphorフォントを手動でインストールする必要があります。phosphoricons.comからダウンロード（直接ダウンロード）、解凍し、Fonts/regular/Phosphor.ttfをインストールしてからJoplinを再起動してください。
Macユーザー： ‘Icon family’設定が「macOS native (SF Pro)」になっている場合、Apple公式サイトからSF Proをインストールする必要があります。これはmacOSデバイスでのみ動作します。
免責事項
⚠️ Joplinはstyled-componentsでスタイリングされており、テーマの適用が非常に困難です。多くのハック的なCSS回避策や!importantが使用されています。これにより将来のJoplinリリースでUIに問題が生じる可能性があります。CSSのみの変更なのでデータは安全で、スタイルは簡単に元に戻せます。
問題があればIssueを作成するか、フォーラムに投稿してください。
プラグインインストール後に画面が真っ白になる場合の対処法
プラグインインストール後に画面が真っ白になる場合、これは絵文字処理の問題が原因である可能性が高いです。以下の方法で修正してください：
- まず、Joplinの設定ディレクトリを見つけます：
- macOS:
~/.config/joplin-desktop - Windows:
%APPDATA%\Joplin - Linux:
~/.config/Joplin pluginsフォルダに移動し、macOSテーマプラグインの.jplファイルを削除します。- Joplinを再起動します。
予防策
この問題の発生を防ぐには：
- Joplinの「絵文字を選択...」ダイアログを使う代わりに、ノートブックタイトルのテキストボックスに直接絵文字を追加してください（視覚的な参考はこちらのディスカッションを参照）。
- その後、プラグインを再インストールできます。
開発
Joplinの設定からテーマを調整できます。より徹底的にカスタマイズしたい場合は、以下の手順に従って独自のビルドを作成してください。
依存関係をインストール：
npm installnpm run distnpm run updateCSSをビルドし、変更を監視するには：
npm run dev生成されたCSSは以下で利用可能です: http://localhost:8080/macos-theme-for-joplin.css
コントリビューション
コントリビューション（特に修正）は大歓迎です！
開発ワークフロー
変更のたびにJoplinを再起動するのは少し面倒です。作業を高速化しフィードバックループを短縮するために：
npm run devを実行します。これにより .scss ファイルの変更を監視し、CSSを再構築します。- Joplinの開発者ツールを切り替えます（ヘルプ › 開発者ツールの切り替え）
- このgist の2つのリフレッシュ方法のどちらかを選択します。
- 開発者ツールのコンソールにスクリプトを貼り付けて実行し、自動的にCSSをリフレッシュします。
- すでにmacOSテーマプラグインがインストールされている場合はアンインストールします。
- ビルドを実行します：
npm run build - Joplinで プラグイン › 詳細設定を表示 に移動します。
- 開発プラグイン の下に
distフォルダのパスを貼り付けます。 - ローカルビルドのプラグインを読み込むためにJoplinを再起動します。