Aŭreolo
Light themehttps://img.icons8.com/ios-glyphs/90/christmas-angel.png--project-theme nremiel.aureolo#light_theme #UserCSSartist:Nrem
Nrem.iconこのサイトのCosenseテーマの一つ。
Termika Radiado にAnĝela Osto とを混ぜ合わせて調整したもの。
サンプル
Ruiniĝa Aŭreolo (Prototype I)
利用
実装途中です。
@importして好きに使ってください。
(CSSを複製するのは完成後のほうがよいでしょう)
突然URLが変わったり、不具合が発生することだけご了承ください
Cosense
Aŭreolo Simplified
誰にでも使えるように、Ruiniĝa Aŭreolo を Cosense 用 UserCSS として一般的な文芸的プログラミングのスタイルに書き直したもの。
app.css の既存の変数をそのまま利用する
修正・改変・再利用が容易
Zettlr
Aŭreolo theme for Zettlr
Cosense 用試作版(旧版)
? 既存のUserCSSとの互換性が不良
Ruiniĝa Aŭreolo (Prototype II)
独自仕様
app.css の記述を無視して何もかもを上書きする
そのため重い
ボトルネックの一つである変数参照コンテナクエリ―を利用しない。
こちらもまだ重い。
Ruiniĝa Aŭreolo (Prototype II)
code: theme.nremiel.aureolo-no-container
code: nremiel.theme.code-highlight.yaru
code: Aŭreolo Auto Colorize (prototype)
Ruiniĝa Aŭreolo
変数スタイルコンテナによるCosenseテーマの着脱方式
自分用。パフォーマンス面の問題がある。放置中。
既知の問題 #Todo
ページ作成ボタンの配色が設定されていない(透明になっている)
Default Light 以外の時にページ全体のスキンを切り替える記法がおおむね息をしなくなる
行番号を表示する等のページ欄外装飾UserCSSが息をしなくなる
ページ余白に行番号を表示するUserCSS – 応急措置
機能と目的Main page:入力中のテキストにフォーカスするUIは水や空気のように透過的な存在である必要がある。
ページコンテンツを前面に押し出すデザイン
一部要素にCosenseの標準テーマの配色が反映される
「Default Light」では Aŭreolo 自身のカラーリングが適用される。
入力中のテキストに集中しやすくするための工夫が凝らされている。
本文入力中にカーソル行以外のコントラストを弱め、「現在入力しているテキスト」への注意を誘導する。
本文入力中のナビゲーションバーの要素の透明度がさらに上がる。
本文入力中のナビゲーションバーのプロジェクト名が赤字に変更される。
現在のプロジェクト名への注意を誘導し、プロジェクト間の編集誤爆を防ぐ狙い
編集済みの行のテロメアの配色が赤に変更される
このページにも Aŭreolo テーマが適用されているため、
ページ本文のどこかをクリックすれば、その目で実際の変化を確かめることができる。
カラーリング確認
--project-theme
更新履歴
2025-10-30: Cosenseの標準テーマのカラーリングが反映されるようにした。
まだ調整不足な部分が多い(個々の色相グラデーション、カードのピン留め等)
Default Light では Aŭreolo 自身のカラーリングが適用される。
この時点でおおむね対応しているテーマ:
Paper Light
Stationary (Blue, Purple, Green, Orange, Red)
Seasons (Winter, Summer, Spring, Autumn)
Tropical
City (Kyoto, New York, Paris)
Game (Red, Green)
未対応・目立った不具合あり:
Default (Dark, Minimal)
Paper (Dark, Dark Dark)
Hacker (Hacker 1, Hacker 2)
命名について
Ruiniĝanta Aŭreolo -> Alruina Aŭreolo -> Ruiniĝa Aŭreolo と二転三転させた末に、
正式版を「Aŭreolo」、自分用の開発版を「Ruiniĝa Aŭreolo」と呼ぶことにした。