Cosenseテーマ
Cosense.iconCosense のネイティブテーマhttps://scrapbox.io/files/66c4890520f9ee001d6f416e.png#Cosense用語 #ProjectCSS /help/themes
app.css: https://scrapbox.io/assets/css/app.css
Cosenseの標準テーマはhtml[data-project-theme=]の値で判定を行う。
メモ:
/programming-notes/ScrapboxのThemeの仕様 – CSS変数の一覧
/scrapboxlab/UserCSS で使える変数 – CSS変数の一覧
/villagepump/Scrapboxのライトテーマとダークテーマをワンタッチで切り替え – ブラウザの User JavaScript and CSS 拡張機能等でも実行可能
Cosense ネイティブテーマの一覧
redこのセクションのテーマ切り替えボタンは工事中です。
Cosenseの標準テーマ
NremのCosenseテーマ互換レイヤー
ページの表示を変更する記法
バーの右側の余白をクリックするとテーマが変わったり変わらなかったりします。
Default Light
https://scrapbox.io/files/68baa6be397c192788fc905c.mp4
Default
--project-theme settings.default-dark
--project-theme settings.default-compact
Paper
--project-theme settings.paper-light
--project-theme settings.paper-dark
--project-theme settings.paper-dark-dark
Stationary
Stationary Blue
Stationary Purple
Stationary Green
Stationary Orange
Stationary Red
Hacker
--project-theme settings.hacker1
--project-theme settings.hacker2
--project-theme settings.tropical
Classicテーマ
Cosenseの標準テーマを参照のこと。
code:scrapbox-theme-list.css
html[data-project-theme=default]
html[data-project-theme=default-dark] /* ページ背景が暗色のテーマ */
html[data-project-theme=default-minimal]
html[data-project-theme=paper-light]
html[data-project-theme=paper-dark]
html[data-project-theme=paper-dark-dark] /* ページ背景が暗色のテーマ */
html[data-project-theme=blue]
html[data-project-theme=purple]
html[data-project-theme=green]
html[data-project-theme=orange]
html[data-project-theme=red]
html[data-project-theme=hacker1]
html[data-project-theme=hacker2]
html[data-project-theme=summer]
html[data-project-theme=spring]
html[data-project-theme=autumn]
html[data-project-theme=tropical]
html[data-project-theme=kyoto]
html[data-project-theme=newyork]
html[data-project-theme=paris]
html[data-project-theme=mred]
html[data-project-theme=lgreen]
Nrem.iconNrem のカスタムテーマ(更新中です)https://img.icons8.com/ios-glyphs/90/christmas-angel.pngMain page: このサイトのCosenseテーマ#ProjectCSS #UserCSS #dark_theme
カスタムテーマの一覧
Scrapbox themes by Nrem (prototype II)
NremのCosenseテーマ互換レイヤー
Ruiniĝa Aŭreolo (Prototype II)
軽量版Termika Radiado
変数スタイルコンテナによるCosenseテーマの着脱方式
Anĝela Osto – --project-theme: "nremiel.osto"
Termika Radiado – --project-theme: "nremiel.radiado-dark"
Aŭreolo –--project-theme: "nremiel.aureolo"
次のバーの右側をクリックすると「Anĝela Osto」をプレビューします。--project-theme nremiel.osto
次のバーの右側をクリックすると「Alruina Aŭreolo」をプレビューします。--project-theme nremiel.aureolo
次のバーの右側をクリックすると「Termika Radiado」をプレビューします。--project-theme nremiel.radiado-dark
コードブロック カラースキーム
settings/theme/Yaru/Code-block
他の Cosense ユーザーのカスタムテーマの例#ProjectCSS #UserCSS
再利用性のあるテーマ
#light_theme
/scrasobox/白いScrapbox
#dark_theme
material-design – /hata6502/material-design
Scrapbox を Material Design 風にする UserCSS です。
ダークテーマにも対応しています。
/customize/Dark Theme CSS (fare de progfay k.a.)
ThemeはHacker1を使用
customize.dark-theme – Nrem.iconが変数スタイルコンテナによるCosenseテーマの着脱方式にしてページ単位で切り替えられるようにしたもの。
次のバーの右側をクリックするとをプレビューします。 --project-theme customize.dark-theme
コードブロック カラースキーム
/shokai/Dark Editor CSS
/appbirdNotebook-public/Atomっぽい見た目にしたい-CodeBlock編
/takker/Scrapboxで使うコードブロックの配色を決める
ProjectCSS