Scrapboxの新Themeが軒並みバグる
原因はfilter: invert()を使っているせいだと推測してる
default-light とclassic themeはバグらない報告出しました
日本語と敬語がやや怪しい
もし変な文体があったら直してくれると助かります
直ったぽい？
書こうとしたら先越されたー
笑
そうみたいです
filter: invert()を使わない方針で実装し直したみたい
syntax highlightの各classに一つづつ色を指定するようになった
仕事が早い…
応急処置法 (2通り)
以下をUserCSSに追加する
csshtml {
--invert-color: unset !important;
}Classic Themeに切り替える
今度はsyntax highlightが死んでる！
条件
data-project-theme が <html> に指定されていない data-project-theme="default" 報告した
なんか最近Scrapboxのhackしかやっていない気がする
本業が進まない……
直ってる？
直ってるっぽい！ (@smartphone)
背景
Scrapboxの新ThemeのCSSに
--invert-color というカスタムプロパティが導入されたdark themeにおいて、色を反転させるために使用されている
filter: invert(100%) で色反転するlight themeは
filter: invert(0%) が設定されている詳しい説明は/shokai/Dark Editor CSSが詳しい
ところが、
<code> に filter: invert を適用すると、cursorの座標計算がバグるという問題がある今回追加された新テーマ全てに
--invert-color 実は以前からは把握していた
/shokai/Dark Editor CSSをベースとしたCSSを使っているときにこの現象が起きていた
scrapbox-card-bubbleの位置などもおかしくなっていた
たぶん
div.cursor の座標計算結果がおかしくなっていたんじゃないか？そこでなるべく個別に色を指定するようにした/appbirdNotebook-public/Atomっぽい色合いにしたい！をベースに作ったCSSに切り替えて使っていた
とくに報告はしていなかった
全員が全員dark themeを使っているわけではないし
ただ今回のは報告を出すべきだな
標準で提供されているThemeを選んだだけでバグる
from 2021/01/07
dark themeどうやって実装しているんだろうと思ったら、filter: invert()使っちゃっていたかー
これ使うとインラインコード記法とかがバグるんだよなあ
oh...
バグるとはどんな感じ？
今調査中です
dark themeどころか全てのThemeでバグることがわかった
おま環の可能性もなくはない
他の人の動作状況も知りたいです
ほんとだ、コードの文字選択がバグる(Default Dark theme)
--invert-color が指定された全てのThemeでバグる/villagepumpはthemeがそもそも指定されていないのでバグらない
バグとは関係ないけど、
filter は重いからあんまり使いたくないんですよね...