0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2020-03-04

更新

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

Chatworkアップデート

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

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

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

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

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

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

カスタマイズ

色の変更

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

  • チャット背景色
"rgb(255, 255, 255)"
  • チャットルーム背景色
"rgb(227, 228, 225)"

色がかわらない

  • 以下のCSSクラスについて変更しています

    • Chatworkの更新で変わってしまうでしょう
    • この記事も更新するようにします
  • チャット背景色

[".mPcFJ"]
  • チャットルーム背景色
[".eKutWW"]

GitHub Gist

参考にした記事

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?