Scrapboxのライトテーマとダークテーマをワンタッチで切り替え

Scrapboxのライトテーマとダークテーマをワンタッチで切り替えたいyosider.icon

UserCSSでリンクの色とかを変えているので、それも同時に切り替わってほしい

普段はダークテーマがいいが、アクティブ読書をするときにダークテーマだと白字が明るくて眩しい

prefers-color-schemeを使ってUserCSSを組むと切り替えられるようになりますtakker.icon

https://gyazo.com/8342f2d985f8161ab16ff9fd0627fccb

すごいyosider.icon*2

UserScriptで切り替えたい場合

自分が使うときだけ切り替えたいならこの方がずっと楽

それはそうかyosider.icon

code:script.js

scrapbox.PageMenu.addItem({

title: "turn color theme",

onClick: () => document.documentElement.dataset.projectTheme =

document.documentElement.dataset.projectTheme !== "default-dark" ?

"default-dark" :

"default",

});

UserScript.icon

UserCSS.icon