マーカー記法
https://gyazo.com/ceff4755f42b1fdfe8285ad92ec0bd3c
文中の背景色を変える追加記法。
行頭記号付きマーカー記法
詳細
書式：[# [<color-name>]テキスト]
例：
Blue -> blueテキスト
Green -> greenテキスト
Orange -> orangeテキスト
Purple -> purpleテキスト
Red -> redテキスト
Yellow -> yellowテキスト
Pink -> pinkテキスト
表示確認ボタン
--project-theme noskin
--project-theme nremiel.osto
--project-theme nremiel.aureolo
--project-theme nremiel.radiado-dark
code:style.css
.line:not(.cursor-line) .deco-\# {
&:has(span:nth-child(1) > adata-page-title="blue") {
background-color: hsl(from var(--c-blue-2) h s l / 35%);
& > span:nth-child(1) > a { display: none; }
}
&:has(span:nth-child(1) > adata-page-title="green") {
background-color: hsl(from var(--c-green-2) h s l / 35%);
& > span:nth-child(1) > a { display: none; }
}
&:has(span:nth-child(1) > adata-page-title="orange") {
background-color: hsl(from var(--c-orange-2) h s l / 35%);
& > span:nth-child(1) > a { display: none; }
}
&:has(span:nth-child(1) > adata-page-title="purple") {
background-color: hsl(from var(--c-purple-1) h s l / 35%);
& > span:nth-child(1) > a { display: none; }
}
&:has(span:nth-child(1) > adata-page-title="pink") {
background-color: hsl(from deeppink h s l / 85%);
color: white;
font-weight: bold;
& > span:nth-child(1) > a { display: none; }
}
&:has(span:nth-child(1) > adata-page-title="red") {
background-color: hsl(from var(--c-red-1) h s l / 35%);
& > span:nth-child(1) > a { display: none; }
}
&:has(span:nth-child(1) > adata-page-title="yellow") {
background-color: hsl(from var(--c-yellow-4) h s l / 35%);
& > span:nth-child(1) > a { display: none; }
}
}
#ProjectCSS