UserScript:ページリストの色を変更する

code: script.js

// 部分一致で指定したページタイトルのページリストの背景色を変える

const mode_id = '__pg_list__'

const change_css = pat => {

const css =

+ "background-color: var(--accent-color, GreenYellow) ;"

+ "}"

change_style(css)

}

const change_style = css => {

let style = document.getElementById(mode_id)

if (style){ style.remove() }

// console.log(css)

style = document.createElement('style')

style.setAttribute('id', mode_id)

style.appendChild(document.createTextNode(css))

document.head.appendChild(style)

}

scrapbox.PageMenu.addItem({

title: 'ページリストの色変更',

onClick: () => {

const pat = prompt(

"検索文字列を入力してください\n"

+ "何も入力しなければキャンセルします"

)

if (pat === undefined || pat === null) return

if (!(0 < pat.length && pat.length < 101)) return

change_css(pat)

}

})

UserScript.icon

https://img.shields.io/badge/JavaScript-UserScript_ページリストの色を変更する-F7DF1E.svg?logo=javascript&style=for-the-badge