Chatwork 主な部分の色を元に戻す(ブラウザ限定)


更新

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

参考にした記事