編集周りのUIの配色を統一する

標準テーマの編集関連UIの配色はこのようになっています

テキスト選択範囲のハイライト – 緑系統

編集直後の行のテロメア – 青系統

キャレットカーソル – 黒系統（テキストの色と被りやすい）

※Classicテーマには一部が異なるものがあります（「Game Red」は編集行テロメアが緑色など）

これらを赤系統の色に変更・統一します

赤系統の配色にする理由の一つは、緊張感をもたらす警戒色であることです

このUserCSSは一例です。配色は利用者のニーズと好みに合わせて調整してください

編集時にプロジェクト名を赤字にする

誤爆対策

code:style.css

body:has(.cursor-line) {

--navbar-title-color: crimson;

}

キャレットカーソル

テキストの色と被らないように

code:style.css

body {

--cursor-color: crimson;

}

テキスト選択範囲のハイライト

code:style.css

body {

--text-selection-bg-opacity: .4;

}

.selections .selection {

opacity: var(--text-selection-bg-opacity, .4);

background-color: var(--text-selection-bg, green);

}

編集直後の行のテロメア

code:style.css

body {

}

.line .telomere .telomere-border.updated-after-load.unread {

}