Cosense閲覧用のUserCSSの詰め合わせ
突然CSSのURLが変わったり、Nrem.iconが飽きて放置したり、失踪する可能性があることだけご了承ください
閲覧用の UserScript としては、
が便利です。
UserCSSは不定期で追加します。
セットA
大部分はNrem.icon自身が書いたものです(全てではありません)
これらは好きに改変してください。
大胆なデザインの変更を伴わない、堅実な改良のみを行います、
良くも悪くも無難で、間違いがありません。
code:styling-A.css
@import url('/api/code/nrem-configs/Cosense閲覧用のUserCSSの詰め合わせ/style-A.css');
中身:
引用ブロック記法とインライン引用記法のテーマ変数の値の推奨値のstylesheet
code:style-A.css
@import "/api/code/nrem-configs/Auto Dark Themes/style.css";
@import "/api/code/nrem-configs/mermaid.js_UserCSS/style.css";
@import "/api/code/nrem-configs/ページ余白に行番号を表示するUserCSS/style.css";
@import "/api/code/nrem-configs/private projectのnavbarに鍵アイコンを表示するUserCSS/style.css";
@import "/api/code/nrem-configs/画面幅に応じてページの表示スケールを変更する/style.css";
@import "/api/code/nrem-configs/相対的なカーソル行ハイライト/style.css";
/* @import "/api/code/nrem-configs/箇条書きのドットの大きさを可変にする/style.css"; */
@import "/api/code/nrem-configs/編集周りのUIの配色を統一する/style.css";
@import "/api/code/nrem-configs/未読テロメアの配色をテーマカラーに準拠させる/style.css";
@import "/api/code/nrem-configs/Streamの更新日時バーに背景色をつける/style.css";
@import "/api/code/nrem-configs/navbarのStreamボタンを表示するUserCSS/style.css";
@import "/api/code/nrem-configs/セルのテキストが折り返されるようにする/style.css";
@import "/api/code/nrem-configs/ページを横スクロール可能にする/style.css";
@import "/api/code/nrem-configs/表の文字サイズを本文テキストより一回り小さくするUserCSS/style.css";
@import "/api/code/nrem-configs/アイコン記法の最小幅をインデント幅と同値にする/style.css";
@import "/api/code/nrem-configs/インライン引用記法/for-default-themes.css";
@import "/api/code/nrem-configs/引用ブロック記法の字下げ幅をインデント幅と同じにする/style.css";
@import "/api/code/nrem-configs/引用文中のインデントを通常の箇条書きにする/style.css";
@import "/api/code/nrem-configs/引用文の前のドットを消すUserCSS/style.css";
@import "/api/code/nrem-configs/インデントに縦線を引くUserCSS (Aureole%2FEclipse仕様)/style.css";
@import "/api/code/nrem-configs/インデントされたコードブロックの折り返し行頭の背景がはみ出る不具合への対応/style.css";
@import "/api/code/nrem-configs/インデントに関するカーソル移動バグへの対応用UserCSS/style.css";
@import "/api/code/nrem-configs/ハッシュタグを緑色にする/style.css";
@import "/api/code/nrem-configs/ハッシュタグのある箇条書きの印の色を変える/style.css";
@import "/api/code/nrem-configs/編集時に画像URLのプレビューを表示する/style.css";
@import "/api/code/nrem-configs/編集時にアイコン記法のプレビューを表示する/style.css";
@import "/api/code/nrem-configs/行パーマリンクの強調表示を変更して遷移エフェクトをつける/style.css";
@import "/api/code/nrem-configs/打ち消し線/style.css";
@import "/api/code/nrem-configs/のびのびドロップダウン/style.css";
@import "/api/code/customize/ピン留めされたページを独立した段に表示する/style.css";
セットA-Extended
「セットA」に試作品のUserCSSを追加したもの
code:styling-A-ext.css
@import url('/api/code/nrem-configs/Cosense閲覧用のUserCSSの詰め合わせ/style-A-ext.css');
記法[" ...]をCosense標準の引用ブロック記法寄りのデザインに置き換えるUserCSS
ほか
リンクテキストの配色をNrem.icon好みに変更
code:style-A-ext.css
@import url('./style-A.css');
@import "/api/code/nrem-configs/箇条書きのドットの大きさを可変にする/style.css";
@import url("/api/code/nrem-configs/Yaru syntax highlighting/style.css") (prefers-color-scheme: light);
@import "/api/code/nrem-configs/箇条書きのインデントに縦線を表示するUserCSS(for 箇条書きのバレットをFontAwesomeにするUserCSS)/style.css";
@import "/api/code/nrem-configs/既定の欧文フォントを「Inter」(UIその他)と「Atkinson Hyperlegible Next」(本文)に置き換えるUserCSS/style.css";
@import "/api/code/nrem-configs/Noto_Sans_+_Noto_Sans_JP/style.css";
@import url('/api/code/nrem-configs/画像ズームアニメーションを変更する/style.css');
@import "/api/code/nrem-configs/インライン引用記法 (%2Fscrasobox 系統)/style.css";
html {
--page-link-color: light-dark(darkblue, var(--c-blue-2, skyblue)) !important;
--page-link-hover-color: light-dark(midnightblue, deepskyblue) !important;
--empty-page-link-color: light-dark(crimson, lightcoral) !important;
--empty-page-link-hover-color: light-dark(darkred, crimson) !important;
}
code:excluded
@import "/api/code/nrem-settings/引用文をネスト可能にする/style.css";
Aureole/Eclipseテーマ仕様
Cosenseの標準テーマに納得がいかなかったNrem.iconが閲覧するために作成したUserCSSです
セットAのUserCSSの多くは、このテーマからモジュール化したものです
code:styling-B.css
@import url('/api/code/nrem-configs/Cosense閲覧用のUserCSSの詰め合わせ/style-B.css');
中身:
code:style-B.css
@import url("/api/code/nrem-configs/Aureolo Light (copy)/style.css") (prefers-color-scheme: light);
@import url("/api/code/nrem-configs/Aureolo Dark (copy)/style.css") (prefers-color-scheme: dark);
@import "/api/code/nrem-configs/ページ余白に行番号を表示するUserCSS/style.css";
@import "/api/code/nrem-configs/navbarのStreamボタンを表示するUserCSS/style.css";
@import "/api/code/nrem-configs/インデントに縦線を引くUserCSS (Aureole%2FEclipse仕様)/style.css";
@import "/api/code/customize/ピン留めされたページを独立した段に表示する/style.css";
Extend
動作が比較的重い、ProjectCSS と衝突するおそれが大きい、などの理由でセットBに含めなかった UserCSS
「セットB」のUserCSSも一括で@importされます
code:styling-B-ext.css
@import url('/api/code/nrem-configs/Cosense閲覧用のUserCSSの詰め合わせ/style-B-ext.css');
code:style-B-ext.css
@import url('./style-B.css');
@import url("/api/code/nrem-configs/打ち消し線/style.css");
@import url("/api/code/nrem-configs/インライン引用記法 (%2Fscrasobox 系統)/style.css");
bg.icon
code:style.css
@import url('./style-A-ext.css');