Scrapboxの新Themeに合わせてUserCSSを組み替え
る
背景
急にUserCSSが崩れた
この変更に対応したUserCSSを作成する
作業工程
/icons/done.icon一旦前のUserCSSを別ページに移してarchiveとする
Settings untill 2021-01-07
/icons/done.iconUserCSSを全部切る
一旦Themeをdark themeにして、バグっていないか確かめる
dark theme UserCSS@0.1.0を切っただけだと、カーソル移動がバグる
https://gyazo.com/888b163106b98288f4709954f9e27d25
filter: invert(100%);が原因だと踏んでいるが、もしかしたら別のUserCSSが邪魔しているだけかもしれないので、それを調べる
17:52:14 全てのUserCSSを切っても同じ現象が発生した
Log outした状態でも同じ
https://gyazo.com/9618622ae2ed2d544aeb523fa2a4a8cf
Google Chromeでも発生した
light themeでも発生した!?
https://gyazo.com/4070175e09fe34121dacd6c2c7a0d20e
invert(0%)を実行しているせいか?
--invert-color: invert(0%)を消したら直った
console.log('scrapbox')
code:js
console.log('scrapbox');
わかったこと
--invert-colorが指定された全てのThemeでバグる
一つづつ復活させて、様子を見る
まず--invert-colorがないThemeにする
Spring Theme (Scrapbox)にした
18:15:16 あとは一つづつUserCSSを復活させていく
18:17:27 めんどいのでうまく動かなそうなCSSだけOFFにし、あとは全部入れてみた
18:26:24 Settingsの修正完了
18:26:36 dark theme UserCSS@0.1.0を修正する
18:43:50 直すところなかった
折角の機会なので、挙動に不満があったCLI記法を変えておいた
#2021-01-07 17:42:10