Anĝela Osto
https://img.icons8.com/material-sharp/96/angel.png明るいテーマ：Anĝela Osto（”天使の骨”）--project-theme nremiel.osto#UserCSSこのサイトのCosenseテーマ
Source code: settings/theme/osto
? 現在進行形で作成中のため、不具合が発生する可能性大
Nrem.icon Nrem によって作成されている、star灰白色ベースの明るい Cosense テーマ。
このサイトのCosenseテーマの中で最初に作成されたもの。
対となるモチーフのテーマとして Termika Radiado がある。
Alruina Aŭreolo — Termika Radiado との中間段階
サンプル
特徴
設計意図：NremのCosenseテーマの機能と焦点
灰白色ベースの配色。
中立的で人を選ばない。
オーソドックス
クリーンで無機質
影による立体感と明瞭なコントラスト
自然な視線誘導を意図したコンポーネントの配置変更とコントラストの調整
How to use
Stylus 等ウェブブラウザの UserCSSか、Cosense.iconCosense プロジェクト内の「自分のページ」に以下のコードを追加する。
そのまま Cosense の外観を上書きする場合
code:osto.css
@import "/api/code/nremiel/settings%2Ftheme%2Fosto/style.css";
:root {
--project-theme: "nremiel.osto";
}
ページ背景が明色でないテーマに限り、ライトテーマとして Cosense の外観を上書きする場合
code:as-light.css
@import "/api/code/nremiel/settings%2Ftheme%2Flight/style.css";
@media screen and (prefers-color-scheme: light) {
/* htmldata-project-theme=default, /* ページ背景が明色のテーマにつき対象から除外 */
htmldata-project-theme=default-dark,
/* htmldata-project-theme=default-minimal, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=paper-light, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=paper-dark, /* ページ背景が明色のテーマにつき対象から除外 */
htmldata-project-theme=paper-dark-dark,
/* htmldata-project-theme=blue, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=purple, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=green, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=orange, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=red, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=hacker1, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=hacker2, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=summer, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=spring, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=autumn, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=tropical, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=kyoto, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=newyork, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=paris, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=mred, /* ページ背景が明色のテーマにつき対象から除外 */
/* htmldata-project-theme=lgreen /* ページ背景が明色のテーマにつき対象から除外 */ {
--project-theme: "nremiel.osto";
}
}