内部リンク型マーカー記法
https://gyazo.com/ceff4755f42b1fdfe8285ad92ec0bd3c
UserCSS.icon UserScript.icon
文中の背景色を変えるマーカー記法。
#
書式:[# [<color-name>]テキスト]
例:
Blue -> blueテキスト
Orange -> orangeテキスト
Yellow -> yellowテキスト
Green -> greenテキスト
Red -> redテキスト
Purple -> purpleテキスト
Pink -> pinkテキスト
Brown -> brownテキスト
Dark -> darkテキスト
White -> whiteテキスト
表示確認ボタン
Default Compact.icon
Default Dark.icon
Anĝela Osto.icon
Termika Radiado.icon
Aŭreolo.icon
2026-04-04 リファクタリング&パフォーマンスの改善
セレクターを変更した。この版からは同じリンク名を2カ所に記述する必要がある
:has()
background-color:
code:style.css
.line:not(.cursor-line) .deco-\#class="deco-\#" {
& > span:not(.char-index):nth-of-type(1) > a.page-linkdata-page-title="blue" { display: none; }
&:has(> span:not(.char-index):nth-of-type(1) > adata-page-title="blue") {
background-color: hsl(from deepskyblue h s l / 35%);
}
& > span:not(.char-index):nth-of-type(1) > a.page-linkdata-page-title="orange" { display: none; }
&:has(> span:not(.char-index):nth-of-type(1) > adata-page-title="orange") {
background-color: hsl(from darkorange h s l / 35%);
}
& > span:not(.char-index):nth-of-type(1) > a.page-linkdata-page-title="yellow" { display: none; }
&:has(> span:not(.char-index):nth-of-type(1) > adata-page-title="yellow") {
background-color: hsl(from gold h s l / 35%);
}
& > span:not(.char-index):nth-of-type(1) > a.page-linkdata-page-title="green" { display: none; }
&:has(> span:not(.char-index):nth-of-type(1) > adata-page-title="green") {
background-color: hsl(from lime h s l / 35%);
}
& > span:not(.char-index):nth-of-type(1) > a.page-linkdata-page-title="red" { display: none; }
&:has(> span:not(.char-index):nth-of-type(1) > adata-page-title="red") {
background-color: hsl(from crimson h s l / 35%);
background-color: hsl(from firebrick h s l / 65%);
}
& > span:not(.char-index):nth-of-type(1) > a.page-linkdata-page-title="purple" { display: none; }
&:has(> span:not(.char-index):nth-of-type(1) > adata-page-title="purple") {
background-color: hsl(from darkmagenta h s l / 35%);
}
&:has(> span:nth-child(1) > adata-page-title="pink") {
background-color: hsl(from deeppink h s l / 85%);
color: white;
& > span:nth-child(1) > a { display: none; }
}
&:has(> span:nth-child(1) > adata-page-title="brown") {
background-color: hsl(from brown h s l / 85%);
color: white;
& > span:nth-child(1) > a { display: none; }
}
&:has(> span:nth-child(1) > adata-page-title="dark") {
background-color: hsl(from var(--page-text-color, black) h s calc(l / 2) / 85%);
color: white;
& > span:nth-child(1) > a { display: none; }
}
&:has(> span:nth-child(1) > adata-page-title="white") {
background-color: hsl(from var(--page-text-color) h s 100% / 80%);
color: black;
& > span:nth-child(1) > a { display: none; }
}
}
ポップアップメニューにボタンを追加する #UserScript
from /forum-jp/文字色#5c41dd7abe9f3900007efa74
code:script.js
scrapbox.PopupMenu.addButton({
title: '🟦',
onClick: text => text.split('\n').map(line => [# [blue]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '🟧',
onClick: text => text.split('\n').map(line => [# [orange]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '🟨',
onClick: text => text.split('\n').map(line => [# [yellow]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '🟩',
onClick: text => text.split('\n').map(line => [# [green]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '🟥',
onClick: text => text.split('\n').map(line => [# [red]${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '🟪',
onClick: text => text.split('\n').map(line => [# [purple]${line}]).join('\n')
})
関連ページリストの表示を無効にする #UserCSS
code:style.css
.related-page-list .links-2-hop:has(
ahref="/nrem/blue", ahref="/nremiel/blue", ahref="/nrem-bookmarks/blue", ahref="/nrem-configs/blue",
ahref="/nrem/orange", ahref="/nremiel/orange", ahref="/nrem-bookmarks/orange", ahref="/nrem-configs/orange",
ahref="/nrem/yellow", ahref="/nremiel/yellow", ahref="/nrem-bookmarks/yellow", ahref="/nrem-configs/yellow",
ahref="/nrem/green", ahref="/nremiel/green", ahref="/nrem-bookmarks/green", ahref="/nrem-configs/green",
ahref="/nrem/red", ahref="/nremiel/red", ahref="/nrem-bookmarks/red", ahref="/nrem-configs/red",
ahref="/nrem/purple", ahref="/nremiel/purple", ahref="/nrem-bookmarks/purple", ahref="/nrem-configs/purple"
) {
display: none !important;
}
#記法