錆人形/RE_DOの日記.org

アドレスで末尾に.orgが付く方はメイン日記として使います。

LogSeqの設定からの(グローバル)カスタムテーマで、ドラッグ時のハイコントラストを行うCSS

Geminiに修正させた。プロンプトは以下の通り。

LogSeqのDB版のグローバル設定から触れるカスタムテーマを編集して、全てのテーマを選択時に、ドラッグ時にハイコントラストで表示できるようにして欲しい

そして出力させたCSS(カスタムテーマ、グローバルスコープ(変数の適用範囲))がこちら:

 

/* ==========================================================
   Logseq DB Version - Universal High Contrast Drag Selection
   Internal Version: 2026.06-V1
   ========================================================== */

/* 標準的なテキスト選択(::selection)のハイコントラスト化 */
::selection {
  background-color: #0055ff !important; /* 選択背景色:高輝度ブルー */
  color: #ffffff !important;           /* 選択文字色:純白 */
}

/* Mozilla系(Firefox等)エンジンの基盤を使用する場合のフォールバック */
::-moz-selection {
  background-color: #0055ff !important;
  color: #ffffff !important;
}

/* ブロック要素やドラッグ&ドロップ対象をアクティブ選択している際のハイコントラスト化 */
.is-dragging,
.block-content ::selection,
.cm-selectionBackground,
.CodeMirror-selected {
  background-color: #0055ff !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

 

適用手順

  • Logseqの画面右上(または設定メニュー)から Settings(ショートカット: t 押下後に s)を開く。
  • 設定内にある 「Edit custom.css」 をクリックする。

  • 上記のコードをエディタの最下部にそのまま貼り付けて保存する。

  • アプリケーションを再読み込み(または再起動)し、テーマを切り替えてもドラッグ時のハイコントラストが維持されることを検証する。

 

大まかには上手くいった様だ(5つのテーマでテスト・検証済み)

 

次は幾つかのテーマを利用している時に、ボタンが消失するバグにしか見えない挙動についても修正させてみよう。