CSSでページの背景色を変更するだけのシンプルなユーティリティ。

scrapbox.PageMenu.addItem({
  title: 'page-color',
  onClick: (e) => {     
    let style = document.getElementById('__col__')
    if (style) 
    {
      console.log(style)
      style.remove()
      e.currentTarget.innerText = 'page-color'
      return
    }
    const bgcolor = prompt("ページ背景色")
    if (bgcolor  === undefined || bgcolor  === null) {
      e.currentTarget.innerText = 'page-color'
      return       
    } else {
      e.currentTarget.innerText = '✅page-color'
    }
    
    console.log(bgcolor)
    const css =
      '.page {'
    + ' background-color: ' + bgcolor +';'
    + '}'
    + '.grid li.page-list-item a .header{'
    + ' background-color: ' + bgcolor +';'
    + '}'
    + '.grid li.two-two.page-list-item a .title {'
    + ' background-color: ' + bgcolor +';'
    + '}'
    + '.grid li.page-list-item a .content{'
    + ' background-color: ' + bgcolor +';'
    + '}'
    console.log(css)
    style = document.createElement('style')
    style.setAttribute('id', '__col__')
    style.appendChild(document.createTextNode(css))
    document.head.appendChild(style)
  }
})