NremのCosenseテーマ互換レイヤー
https://img.icons8.com/material-outlined/384/000000/settings.pngSettings.iconSettings #NremのCosenseテーマの開発 #ProjectCSS1.0 のみに対応する。
Prototype I(変数スタイルコンテナによるCosenseテーマの着脱方式)では不要。
元々はPrototype II のために作り始めた物だが、面倒なため放置していた
独自テーマ(nremiel.theme.core)のCSS変数とCosense標準テーマ(app.css)の変数の橋渡しをする何か
CSSの設計を根本的に勘違いしていたためにこのようなモジュールが必要になった
app.css 準拠の1.0への移行により、差分の変数を無効化するだけでよくなった
#Todo
変数一覧を参照して差分を無効化する:https://scrapbox.io/api/code/nremiel/Aŭreolo_Simplified/var.css
「ページの表示を変更する記法」のテーマ変更に必要。
このサイトのCosenseテーマ間では共通の変数を使用するため必要ない
このサイトでは、主に「Cosenseテーマ」一覧ページにプレビューボタンとして設置されている。
code:style.css
@container style(--overwrite-native-themes: n) {
body {
--page-font-size: *;
--page-line-height: *;
--code-block-font-size: *;
--code-block-line-height: *;
--cursor-color: var(--cursor-color-copy, black);
caret-cursor: var(--cursor-color);
--sans-serif-latin: *;
--sans-serif-ja: *;
--code-font: monospace;
--paragraph-latin: *;
--paragraph-ja: *;
--h1-latin: *;
--h2-latin: *;
--h3-latin: *;
--h4-latin: *;
--h1-font-size: *;
--navbar-bg: var(--navbar-bg-copy, midnightblue);
--navbar-title-color: var(--navbar-title-color-copy);
--search-form-bg: var(--search-form-bg-copy);
--search-form-text: var(--search-form-text-copy);
--stream-section-title-bg: var(--stream-section-title-bg-copy);
--stream-section-title-text-color: var(--stream-section-title-text-color-copy);
--page-box-shadow: *;
--body-bg: var(--body-bg-copy, white);
--page-bg: var(--page-bg-copy, white);
--cursor-line-bg: var(--page-bg, white);
--page-text-color: var(--page-text-color-copy, black);
--page-text-color-not-cursor-line: var(--page-text-color, black);
--page-link-color: var(--page-link-color-copy);
--card-description-link-color: var(--page-link-color, blue);
--empty-page-link-color: #D3273B;
--hashtag-color: var(--page-link-color, blue);
--empty-hashtag-color: var(--empty-hashtag-color-copy, red);
--page-link-hover-color: var(--page-link-hover-color-copy, blue);
--hashtag-hover-color: var(--page-link-hover-color, blue);
}
}