UserScript:ZZenMode

code:script.js

scrapbox.PageMenu.addItem({

title: 'ZZen mode',

onClick: (e) => {

var bg = 'white' // ここにお好きな背景色を入れてね（テーマの背景が黒なら black で）

var style = document.getElementById('__zen__')

if (style) { style.remove(); e.currentTarget.innerText = 'ZZen mode'; return }

else e.currentTarget.innerText = String.fromCharCode(0x02713) + ' ZZen mode'

'.navbar:not(:hover), .line .telomere:not(:hover), .col-page-side:not(:hover),.flex-box:not(:hover) { opacity:0 }'

style = document.createElement('style')

style.setAttribute('id', '__zen__')

style.appendChild(document.createTextNode(css))

document.head.appendChild(style)

}

})

UserScript.icon

https://img.shields.io/badge/JavaScript-UserScript_ZZenMode-F7DF1E.svg?logo=javascript&style=for-the-badge