← ブログに戻る

GitSquidのカスタムテーマ:自分好みに

feature customization

あなたのGitクライアント、あなたの色

開発者は毎日何時間もツールを見つめています。画面上の色は単なる美的選択ではありません――可読性、集中力、目の疲れに影響します。だからこそGitSquidは、丁寧に作り込まれた6つの組み込みテーマと、ゼロから自分のテーマをデザインできる完全なカスタムテーマエディタを搭載しています。

6つの組み込みテーマ

GitSquidには、さまざまなスタイルと好みに対応する6つのテーマが標準で含まれています:

  • Dark -- ニュートラルなトーンのバランスの取れたダークテーマ。きつすぎず、長時間の使用でも快適です。新規インストール時のデフォルトテーマです。
  • Light -- 明るいインターフェースを好む開発者のためのクリーンなライトテーマ。ハイコントラストのテキストにより、明るい環境での可読性を確保します。
  • Midnight -- 標準のDarkテーマよりも深く暗く、コントラストが豊かなテーマ。低照度環境や深夜のコーディングセッション向けに設計されています。
  • Solarized Dark -- Ethan Schoonoverによる有名なSolarizedカラーパレットに基づいています。温かみのあるトーンと慎重に選ばれたアクセントカラーが、長時間の目の疲れを軽減します。
  • Dracula -- 人気のDraculaカラースキームにインスパイアされています。ダークな背景に紫とピンクのアクセント。エディタやターミナルでDraculaを使用している開発者にとって馴染みのあるテーマです。
  • Nord -- 北極にインスパイアされたNordパレットに基づいています。クールなブルートーンが落ち着いた集中できるインターフェースを作り出し、他のツールのNordテーマとよく調和します。
GitSquid built-in themes

各テーマは、インターフェースのすべての部分で一貫して動作するよう設計されています:commitグラフ、diffビューア、ファイルツリー、mergeエディタ、すべてのダイアログ。部分的にしかテーマが適用されていない領域や視覚的な不整合はありません。

カスタムテーマの作成

組み込みテーマのどれも自分の好みに正確に合わない場合、GitSquidには自分のテーマを作成できるテーマエディタが含まれています。プロセスは簡単で、設定ファイルの編集やCSSの記述は必要ありません。

カラーピッカーエディタ

テーマエディタは、カスタマイズ可能なすべての色をインタラクティブなカラーピッカーとして表示します。各値を個別に調整したり、16進コードを直接入力したり、HSLスライダーを使って細かく制御したりできます。エディタはカテゴリ別に整理されているため、関連する色が論理的にグループ化されています。

GitSquid theme editor

ライブプレビュー

色を調整すると、変更はインターフェース全体に即座に反映されます。保存してエディタを閉じて見た目を確認する必要はありません――結果をリアルタイムで確認できます。これにより、さまざまな組み合わせを試したり、テーマを確定する前にコントラスト不足などの問題を発見したりすることが容易になります。

カスタマイズできるもの

テーマシステムはアプリケーション内のすべてのビジュアル要素をカバーしています。調整できるものは以下の通りです:

  • 背景色 -- メインウィンドウ、サイドバー、パネル、ダイアログ、入力フィールドはすべて独立した背景設定を持ちます
  • テキスト色 -- プライマリテキスト、セカンダリテキスト、プレースホルダーテキスト、無効テキストはそれぞれ独自の色を持ちます
  • アクセント色 -- 選択項目、アクティブタブ、インタラクティブ要素に使用されるプライマリアクセント
  • ボーダー色 -- パネルセパレータ、入力ボーダー、カードアウトライン
  • diff色 -- diffビューアでの追加ハイライト、削除ハイライト、変更インジケータ
  • グラフ色 -- commitグラフビジュアライゼーションで使用されるブランチカラー
  • ボタンスタイル -- プライマリ、セカンダリ、デストラクティブボタンの通常およびホバー状態の色
  • スクロールバー色 -- 完全に一貫した外観のためのトラックとサムの色

このレベルのコントロールにより、カスタムテーマは組み込みテーマへの微調整から、まったく新しいカラースキームまで、自由にデザインできます。

テーマが開発者体験にとって重要な理由

目の疲れの軽減

すべての人の目が同じ色に同じように反応するわけではありません。ハイコントラストのダークテーマを快適に感じる開発者もいれば、より柔らかく温かいトーンを好む開発者もいます。カスタマイズ可能なテーマにより、各人が自分の視力と環境に合ったバランスを見つけることができます。明るいオフィスで働く開発者と、深夜に暗い部屋でコーディングする人とでは、ニーズが異なります。

ツールチェーン全体の一貫性

多くの開発者はエディタ、ターミナル、ブラウザ開発ツール全体で一貫したカラースキームを設定するために時間を費やしています。そのスキームに合わせられないGitクライアントは、切り替えるたびに視覚的な中断を引き起こします。カスタムテーマにより、GitSquidはすでに構築した環境にシームレスに溶け込むことができます。

個人の好みは重要

開発者の生産性は快適さに影響され、快適さは個人的なものです。ツールを自分のツールのように感じられるよう設定できることは、贅沢な機能ではありません。人々が日々本当に楽しんで使えるソフトウェアを作ることの一部です。視覚的に心地よいと感じるツールは、手に取る可能性が高いツールです。

チームブランディング

視覚的な一貫性を重視するチームや組織にとって、カスタムテーマは予想外のメリットを提供します。チームはブランドカラーを反映した、または単に共通のビジュアルアイデンティティを確立する共有テーマを作成できます。小さなことですが、一体感の醸成に貢献します。

はじめに

テーマの切り替えやカスタムテーマの作成は1分もかかりません。設定パネルを開き、テーマセクションに移動して、組み込みテーマを選択するか、「Create Custom Theme」をクリックしてエディタを起動します。カスタムテーマはローカルに保存され、アップデートをまたいで維持されます。

6つの組み込みオプションのいずれかをそのまま使うにしても、午後を費やして自分のパレットを完成させるにしても、GitSquidはあなたに合わせます――その逆ではありません。