Aureolo

https://gyazo.com/60917cb7f9c44e13b2e508f174f5df4d https://icons8.jp/icon/UYb1zmLkZMid/eclipse

安定版: ない

UserCSS

分割されたページ：

code:style.css

@import url('./import.css');

@import url('../Aureolo:appearance/import.css');

@import url('./base.css');

@import url('../Aureolo:appearance/base.css');

@import url('./var.css');

@import url('../Aureolo:appearance/var.css');

@import url('./etc.css');

@import url('../Aureolo:appearance/etc.css');

@import url("../Aureolo Light/var.css") (prefers-color-scheme: light);

@import url("../Aureolo Dark/var.css") (prefers-color-scheme: dark);

:root {

color-scheme: light dark;

}

テーブルが横にはみ出してしまう問題の対策

code:import.css

@import url("../ページを横スクロール可能にする/style.css");

code:var.css

body {

--cell-text-wrap-width: 30em;

}

code:base.css

.line .table-block-row {

display: flex !important;

height: 100% !important;

}

.line .cell {

display: block !important;

max-width: var(--cell-wrap-width, 30em);

}

.line .cell-text {

display: inline-block;

box-sizing: content-box;

max-width: var(--cell-wrap-width, 30em);

vertical-align: top;

text-wrap: pretty;

}

既定のアイコンサイズを調整

code:base.css

.line img.icon,

.stream .page img.inline-icon {

top: initial;

vertical-align: sub;

height: inherit; width: inherit;

height: var(--icon-height, var(--indent-width, 1.5em));

/* max-height: calc(var(--calculated-paragraph-line-height, 24px) * 3); */

min-width: var(--icon-height, var(--indent-width, 1.5em));

object-fit: cover; object-position: center top;

}

引用ブロック

code:base.css

.line .quote {

display: block; box-sizing: border-box;

padding-left: calc(var(--indent-width, 1.5em) - var(--quote-border-width, 1px));

padding-right: var(--quote-padding-end, 0);

background-color: var(--quote-bg-color, rgba(0, 0, 0, 0.05));

color: var(--quote-text-color, var(--page-text-color));

font-family: var(--quote-font-family, inherit);

font-feature-settings: var(--quote-font-feature-settings);

font-weight: var(--quote-font-weight);

font-variant-ligatures: common-ligatures;

& .image {

max-width: 100%;

}

}

.line.cursor-line .quote {

/* padding-left: 3px; */

padding-left: calc(2px + var(--quote-border-width, 1px));

}

引用文中のインデントを通常の箇条書きにする

code:import.css

@import url("../引用文中のインデントを通常の箇条書きにする/style.css");

引用文のテキストの行頭を揃える

code:base.css

.line:not(.cursor-line) .quote > .tag:has(+ *) { display: none; }

.line .quote > .tag { vertical-align: top; }

引用文の前の連続するドットを消す

code:import.css

@import url("../引用文の前のドットを消すUserCSS/style.css");

ハッシュタグを緑色にする

https://gyazo.com/59400e1b7c019529414437a97f70a40e

code:base.css

&.page-link { color: var(--hashtag-color, forestgreen); }

&.empty-page-link { color: var(--empty-hashtag-color, purple); }

}

ハッシュタグのある箇条書きの印の色を変える

code:base.css

background-color: var(--hashtag-color, var(--page-link-color, forestgreen));

}

background-color: var(--empty-hashtag-color, var(--empty-page-link-color, darkmagenta));

}

テキストとフォント

code:var.css

html {

--sans-serif-latin: -apple-system, BlinkMacSystemFont, "Google Sans", "Roboto Flex", "Roboto", Helvetica, "Arial", "Arimo", "Noto Sans", "Inter Variable", "Inter";

--sans-serif-ja: "Roboto + Noto Sans JP", "Arimo + Noto Sans JP", "Noto Sans JP", "Noto Sans CJK JP", "IBM Plex Sans JP", "Kosugi Maru";

--serif-latin: "Zilla Slab", "Source Serif Pro", "Source Serif 4", "Lora", "Crete Round", "Spectral", "Tinos";

--serif-ja: "UD Digi Kyokasho NK", "UD Digi Kyokasho NP", "BIZ UD明朝", "BIZ UDMincho", "Noto Serif JP", "IPAexMincho", "IPAex明朝";

--italic-latin: "Zilla Slab";

--italic-ja: var(--sans-serif-ja);

--italic-font-feature-settings: none;

--italic-font-weight: 500;

--paragraph-ja: "UD Digi Kyokasho NK", -apple-system, BlinkMacSystemFont, "Yu Gothic", "Arimo + Noto Sans JP", "Roboto + Noto Sans JP", "Noto Sans JP";

--fallback: -apple-system, BlinkMacSystemFont, "Arimo", "Segoe UI Variable Display", "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", "Inter Variable", "Inter", "Roboto Flex", "Roboto", "Oxygen", "Adwaita Sans", "Cantarell", Helvetica, "Open Sans", "Ubuntu Medium", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Droid Sans Fallback", "Last Resort";

--narrow-latin: "Roboto Flex", "Roboto", Helvetica, "Arial", "Arimo", "Roboto Condensed", "Aptos Narrow", "Segoe Condensed", var(--sans-serif-latin);

--narrow-ja: var(--sans-serif-ja);

/* --narrow-font-feature-settings: 'palt'; */

--narrow-font-stretch: semi-condensed;

--code-block-font-size: 0.9em;

}

code:import.css

UIその他のフォントを変更

code:var.css

body {

font-family: var(--sans-serif-latin), var(--sans-serif-ja), -apple-system, BlinkMacSystemFont, ui-sans-serif, sans-serif, var(--icons, "AppIcons"), var(--fallback); /* UIその他のフォント */

}

code:etc.css

.global-menu.dropdown-menu>li>a .kamon,

.global-menu.dropdown-menu>li.dropdown-header .kamon {

min-width: 18px;

min-height: 18px;

}

ページ本文フォントを「UD デジタル 教科書体 NK」と「Atkinson Hyperlegible Next」に変更

code:base.css

.page,

.editor,

.stream .page,

.stream .lines {

--page-font-family: var(--paragraph-latin), var(--sans-serif-latin), var(--paragraph-ja), var(--sans-serif-ja), sans-serif, var(--icons, AppIcons);

font-family: var(--page-font-family, sans-serif), var(--fallback);

}

code:var.css

@font-face {

font-family: "Yu Gothic";

src: local("Yu Gothic Medium"), local("Yu Gothic");

}

イタリック体のフォントを別個で指定する

code:import.css

code:disabled

@import url("/api/code/nrem-configs/Zilla_Slab/style.css");

@import url("/api/code/nrem-configs/Literata/style.css");

code:base.css

code:disabled

.line .deco-\/ {

font-family: var(--italic-latin, dummyfont), var(--paragraph-latin, var(--sans-serif-latin)),

var(--italic-ja, dummyfontja), var(--paragraph-ja, var(--sans-serif-ja)),

var(--icons, AppIcons), sans-serif, var(--fallback);

font-feature-settings: var(--italic-font-feature-settings, '');

font-style: italic;

&:not(.deco-\*) {

font-weight: var(--italic-font-weight);

}

}

箇条書き記号の配色

code:base.css

.line .indent-mark .dot {

}

code:import.css

@import url("../../nrem-configs/.section-title の太字を見出しにするUserCSS/line-title.css");

@import url("../../nrem-configs/.section-title の太字を見出しにするUserCSS/level-4.css");

@import url("../../nrem-configs/.section-title の太字を見出しにするUserCSS/level-3.css");

@import url("../../nrem-configs/.section-title の太字を見出しにするUserCSS/level-2.css");

@import url("../../nrem-configs/.section-title の太字を見出しにするUserCSS/var.css");

表のテキスト調整

セルの文字サイズを本文テキストより小さくする

セルのフォントを Narrow にする。

code:var.css

html {

--cell-font-size: max(13.5px, 0.96em);

--cell-font-family: var(--narrow-latin, ""), var(--sans-serif-latin, ""), var(--narrow-ja, ""), var(--sans-serif-ja, ""), var(--fallback, sans-serif);

--cell-font-stretch: var(--narrow-font-stretch);

--cell-font-feature-settings: var(--narrow-font-feature-settings);

}

code:base.css

.table-block .cell {

font-size: var(--cell-font-size, 1em);

font-stretch: var(--cell-font-stretch);

font-family: var(--cell-font-family, var(--page-font-family, sans-serif)), var(--icons, AppIcons), sans-serif;

font-feature-settings: var(--cell-font-feature-settings, none);

}