UStackUStack
Themery icon

Themery

ThemeryはAIでOKLCHカラーとAPCAコントラスト評価を使いIDEのカラーテーマを作成。VS Code/JetBrains/Neovim/Helix/Zedへ書き出し。

Themery

Themeryとは?

Themeryは、AIを使ってカラーテーマを作成するIDEテーマビルダーです。シンタックスハイライトやタイポグラフィの微調整も含みます。エディタ間で一貫した外観を求める開発者向けで、知覚工学に基づく色値でテーマを作成します。

ページでは、ThemeryがOKLCHカラーとAPCAコントラスト評価を使用し、複数のエディタへテーマをエクスポートしてワークフローを統一できる点を強調しています。

主な機能

  • AI支援テーマ作成:ゼロから始める代わりに、AIを使ってIDEテーマを生成・洗練。
  • OKLCHベースのカラー処理:知覚的に均一なOKLCHカラーでテーマを表示し、一貫した視覚出力をサポート。
  • APCAコントラスト評価:テーマ作成フローにAPCAによるコントラストアクセシビリティ評価を組み込み。
  • シンタックスハイライトとタイポグラフィの微調整:コード要素の色やテーマ内の文字処理を調整。
  • 複数エディタへのエクスポート:VS Code、JetBrains、Neovim、Helix、Zed(サイト記載)など複数環境へテーマを公開。

Themeryの使い方

  1. Themeryでテーマ作成を開始し、エディタツールで色、シンタックスハイライト、タイポグラフィを調整。
  2. APCAに基づくコントラスト/アクセシビリティ評価を確認し、色選択をガイド。
  3. テーマが完成したら、1クリックで使用エディタ(サイト記載のエディタ群)へ公開/エクスポート。

ユースケース

  • 複数コーディング環境向け単一テーマ作成:Themeryで1回作成し、VS Code、JetBrains、Neovim/Helixなどのターミナル系エディタへ同一テーマをエクスポート。
  • コントラストを反復調整して可読性向上:テーマ洗練中にAPCAコントラスト評価でコード可読性のための色を調整。
  • チーム/エディタ外観の標準化:チームが複数IDEを使う場合、エクスポートでツール間で同一テーマスタイルを統一。
  • 好みの外観にタイポグラフィとハイライトを調整:シンタックスハイライトとタイポグラフィを調整し、日常使用でコード構造をスキャンしやすく。
  • 知覚カラーモデルでテーマ開発・洗練:OKLCHベースの色で変更時もテーマの一貫性を維持。

FAQ

  • Themeryはどのエディタへのエクスポートをサポート? サイトではVS Code、JetBrains、Neovim、Helix、Zedへのエクスポート/公開を記載し、「など」とあります。

  • Themeryは特定の色体系を使用? はい。ページでは知覚的に均一なOKLCHを使用と記載。

  • Themeryはテキスト/背景コントラストをどう評価? APCAコントラストアクセシビリティ評価を組み込み。

  • テーマで何をカスタマイズ可能? ページでは色、シンタックスハイライト、タイポグラフィの微調整を記載。

代替案

  • IDE専用テーマエディタ:単一IDE内でテーマ設定に特化し、エディタ間でスタイル統一には別作業が必要。
  • 特定エディタ向けテーマジェネレータ(例:VS Code専用):テンプレートやスキームから開始し、そのエディタ形式のみエクスポートで複数エディタ公開不可。
  • 汎用カラーパレット/デザインツール:知覚モデルで色設計後、手動でエディタハイライトグループにマッピング。通常IDE特化ワークフローより手作業多め。
  • ターミナル/Neovimテーマツール:ワークフローが主にターミナルなら、専用Neovim/Helixテーマツールが適するが、統一複数エディタワークフローは提供しない場合あり。