UserScript:page-color

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

code:script.js

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)

}

})

UserScript.icon