Scrapbox閲覧用のUserCSSセット
#UserCSS #ProjectCSS #UserCSS_bundle Nrem.icon CosenseStylus等にコピーペーストして使います
app.css がカバーしていないスタイリングを追加します
突然CSSのURLが変わったり、作者Nrem.iconが飽きて放置したり、失踪する可能性があることだけご了承ください
閲覧用の User JavaScript としては「/customize/未読のページにランダムジャンプするUserScript」が便利です。
セットA
app.css とCosenseの標準テーマの一部のスタイリングを変更・追加します。
大部分はNrem.icon自身が書いたものです。/customize にも共有しています。
これらは好きに改変してください。
大胆なデザインの変更を伴わない、堅実な改良のみを行います、
良くも悪くも無難で、間違いがありません。
code:bundle-A.css
@import url('/api/code/nremiel/Scrapbox閲覧用のUserCSSセット/style-A.css');
中身:
非公開ステータスを示す鍵アイコンをプロジェクト名の後ろに表示する
画面幅に応じてページの表示スケールを変更する
未読テロメアの配色をテーマカラーに準拠させる
編集周りのUIの配色を統一する
相対的なカーソル行ハイライト
Streamの更新日時バーに背景色をつける
引用文中のインデントを通常の箇条書きにする
引用文の前のドットを消すUserCSS
ハッシュタグを緑色にする
ページ余白に行番号を表示するUserCSS
navbarのStreamボタンを表示するUserCSS
nremiel.theme.code-highlight.yaru
code:style-A.css
@import "/api/code/nremiel/非公開ステータスを示す鍵アイコンをプロジェクト名の後ろに表示する/style.css";
@import "/api/code/nremiel/画面幅に応じてページの表示スケールを変更する/style.css";
@import "/api/code/nremiel/相対的なカーソル行ハイライト/style.css";
@import "/api/code/nremiel/編集周りのUIの配色を統一する/style.css";
@import "/api/code/nremiel/ハッシュタグを緑色にする/style.css";
@import "/api/code/nremiel/未読テロメアの配色をテーマカラーに準拠させる/style.css";
@import "/api/code/nremiel/Streamの更新日時バーに背景色をつける/style.css";
@import "/api/code/nremiel/テーブルのセルが一定の幅を超えると改行されるようにする/style.css";
@import "/api/code/nremiel/ページを横スクロール可能にする/style.css";
@import "/api/code/nremiel/引用文中のインデントを通常の箇条書きにする/style.css";
@import "/api/code/nremiel/引用文の前のドットを消すUserCSS/style.css";
@import "/api/code/nremiel/navbarのStreamボタンを表示するUserCSS/style.css";
@import "/api/code/nremiel/ページ余白に行番号を表示するUserCSS/style.css";
@import "/api/code/nremiel/nremiel.theme.code-highlight.yaru/style.css";
セットB
Nrem.icon製のCosenseカスタムテーマ「Aŭreolo」を土台とする冒険的なUserCSSのセットです。
この独自テーマは変更内容が多岐にわたるため、不具合や既存のUserCSSとの衝突・競合に遭遇する可能性があります。
セットAの拡張機能のうち、Aŭreoloテーマ自体が内蔵していないものを追加で@importします。
code:bundle-B.css
@import url('/api/code/nremiel/Scrapbox閲覧用のUserCSSセット/style-B.css');
中身:
Aŭreolo Simplified
ページ余白に行番号を表示するUserCSS
navbarのStreamボタンを表示するUserCSS
code:style-B.css
@import "/api/code/nremiel/Aŭreolo_Simplified/style.css";
@import "/api/code/nremiel/navbarのStreamボタンを表示するUserCSS";
@import "/api/code/nremiel/ページ余白に行番号を表示するUserCSS/style.css";
code:style.css
@import url('/api/code/nremiel/Scrapbox閲覧用のUserCSSセット/style-B.css');