禅モードにしたときにページのタイトルの表示も変える

私はたいてい禅モードは、原稿の執筆時に使うので、開いているタブが作業中のものであるとわかりやすいように、ブラウザのタブに「執筆中！」という文字列を追加するようにした。

https://gyazo.com/86adf5382d275fb3cf262198276e5a7d

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';

const rePageTitle = document.title.slice(4);//つけた文字列を剥奪（カッコの中はその文字数）

document.title = rePageTitle;

return

}

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

const getPageTitle = document.title;

document.title="執筆中！" + getPageTitle; //任意の文字列をタイトルに付与

var css = body, .page { background-color:${bg} !important; background-image:none !important; } +

'.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)

}

})