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

// 部分一致で指定したページタイトルのページリストの背景色を変える
const mode_id = '__pg_list__'
const change_css = pat => {
  const css =
  '.grid li.page-list-item > a[href*="' + encodeURIComponent(pat) + '"] > .content  {'
  + "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)
  }
})