更新

2020/3/26 CSSクラスの変更を行い、最新に対応しました
2020/3/18 CSSクラスの変更を行い、最新に対応しました
2020/3/12 CSSクラスの変更を行い、最新に対応しました

Chatworkアップデート

色が変わりましたね
スキンも設定できるようになりました
ですが、自分宛てのメッセージが見えづらいと感じる方もいらっしゃるのでは

主な部分の色を元に戻すブックマークレット

結果

ほんの一部分で申し訳ありません・・
背景色から青みが消えているのはわかりますでしょうか
チャット背景色、チャットルーム背景色のみ元に戻しています

以下のコードをブックマークレットとして登録、チャットワーク起動後ライトスキンモードで実行してください

javascript:function getRuleBySelector(c){var b,a,e=null;var f=document.styleSheets;for(b=0;b<f.length;b++){var d=f[b].cssRules;for(a=0;a<d.length;a++)if(c===d[a].selectorText){e=d[a];break}}return e}function cssBgColor(c,b){c.forEach(function(a){if(a=getRuleBySelector(a))a.style.background=b})}cssBgColor([".eKutWW"],"rgb(255, 255, 255)");cssBgColor([".hfVMAh","body.light .roomInformationContentContainer"],"rgb(227, 228, 225)");

ブックマークレットの登録方法
https://qiita.com/aqril_1132/items/b5f9040ccb8cbc705d04

チャットワークを新規に開く度に起動せねばならないので、ブックマークバーにおきました

カスタマイズ

色の変更

コードの以下の部分を変えてください

チャット背景色

"rgb(255, 255, 255)"

チャットルーム背景色

"rgb(227, 228, 225)"

色がかわらない

以下のCSSクラスについて変更しています
- Chatworkの更新で変わってしまうでしょう
- この記事も更新するようにします
チャット背景色

[".mPcFJ"]

チャットルーム背景色

[".eKutWW"]

GitHub Gist

https://gist.github.com/itouh2-i0plus/04de2e40572a74e2c3294e20b866d981

参考にした記事