Settings
code:style.css
/* [ ]<ーこれに蛍光のラインを引く */
.line strong:not(class){
color:#000000;
background:linear-gradient(#ffffff 30%,#00ff01 80%)
}
code:style.css
.line strong {
color: #000000;
}
code:style.css
.deco-\! {
color: #fff; /* 白文字 */
background-color: #ee6666; /* 赤背景 */
padding: 0.1em 0.2em 0.1em 0.2em;
}
▼拝借先：/forum-jp/文字色
赤: +　赤
橙: %　橙
緑: "　緑
青: ~　青
紫:&　紫
https://gyazo.com/24a9fa55fad673389a275632d3112aac
やまなみ.icon各自アイコンのページに、User Scriptを貼り付けることで、文字を選択して色の変更が可能です。
貼り付けるUserScript
↓
code:script.js
scrapbox.PopupMenu.addButton({
title: '🟥',
onClick: text => text.split('\n').map(line => [+ ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '🟧',
onClick: text => text.split('\n').map(line => [% ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '🟩',
onClick: text => text.split('\n').map(line => [" ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '🟦',
onClick: text => text.split('\n').map(line => [~ ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '🟪',
onClick: text => text.split('\n').map(line => [& ${line}]).join('\n')
})
↑ここまで
※ご自身の右上のアイコンをクリック＞User Setting＞Extensions＞User Script＞Enabled にチェックを入れてください。
https://gyazo.com/8d60381680902eb26f462cff77039da8
code:style.css
.deco-\+ {
color: #e60026;
font-weight: bold
}
.deco-\% {
color: #ff8000;
font-weight: bold
}
.deco-\" {
color: #009944;
font-weight: bold
}
.deco-\~ {
color: #1a1aff;
font-weight: bold
}
.deco-\& {
color: #8c1aff;
font-weight: bold
}