パーマリンク箇所の強調表示を変更して遷移エフェクトをつける - Scrapboxカスタマイズコレクション
UserCSS リンク元ページに遷移したときにハイライトされるリンク箇所の強調のスタイル（既定では黄色）を変更する この例は、リンク行の背景色を初期値の黄色から薄い赤色に変更、さらにアニメーションを設定し、遷移直後に1.15秒間かけて不透明度な濃い赤色から「色を落とす」視覚効果をつける 備考: 編集周りのUIの配色を統一する animation-duration: 1.15s; は、視覚効果自体の
引用文の行頭を揃える - Scrapboxカスタマイズコレクション
UserCSS from /nremiel/引用文の行頭を揃える 引用文は他のテキストとは異なり、文章が引用記法の>(+半角スペース) 分だけ字下げされてしまう。 このUserCSSは、編集時以外に引用記法を非表示にすることで不都合なく引用文の行頭が揃うようにする。 code:style.css .line:not(.cursor-line) .quote > .tag:has(+ *) { di
非公開ステータスを示す鍵アイコンをプロジェクト名の後ろに表示する - Scrapboxカスタマイズコレクション
UserCSS プロジェクト名の後ろに、プロジェクトの非公開ステータスを示す鍵アイコンを表示します :has擬似クラス経由でステータスバーに非公開アイコンのクラスがあるときに::afterを追加します code:style.css .app:has(> .footer .kamon-locked) .navbar .row .left::after { content: "\E062"; fon
未読テロメアの配色をテーマカラーに準拠させる - Scrapboxカスタマイズコレクション
未読テロメアをnav barの背景色に基づいたカラーリングに変更する #テロメアの未読表現の変更 の別解。 from /nremiel/未読テロメアの配色をテーマカラーに準拠させる code:style.css body { --telomere-unread: hsl(from var(--navbar-bg, midnightblue) h 65% 44%); } 編集周りのUIの配色を統一す
編集周りのUIの配色を統一する - Scrapboxカスタマイズコレクション
from /nremiel/Aŭreolo Simplified#691038290000000000c0fec4 標準的なテーマでは、編集関係のUIが次のような配色となっています テキスト選択範囲のハイライト：緑系 編集直後の行のテロメア：青系 キャレットカーソル：黒系統（テキストの色と被りやすい） ※Classicテーマには一部が異なるものもあるようです（「Game Red」では編集行テロメア
テーブルのセルが一定の幅を超えると改行されるようにする - Scrapboxカスタマイズコレクション
テーブルが横にはみ出してしまう問題の対策 .line:not(.cursor-line) と vertical-align: middle を併用しないとカーソルの挙動がバグる code:style.css .line:not(.cursor-line) .cell-text { display: inline-block; box-sizing: content-box; max-width:
引用文の前のドットを消すUserCSS - Scrapboxカスタマイズコレクション
引用文の前にある箇条書きのドットを減らします 1行目のドットだけ残してその下のドットを消します 引用文の前のドットを消すUserScriptをUserCSSだけで実装しようとしたものNrem あちらとは異なり、階層が変わったときのドットも消えてしまいますNrem code:style.css .line:has(.indent-mark):has(.indent .quote):has(+ .l
手製のユーザーテーマに背景変更系のProjectCSSが反映されるようにした。
さらに #Cosense テーマに応じて一部の配色が変更されるようにした。
これで自分が今どのプロジェクトを開いているのかをうっかり忘れずに済む
軽量版Alruina Aŭreolo
https://scrapbox.io/nremiel/軽量版Alruina_Aŭreolo
merN