木谷 公哉さんのプロフィール写真

こういうのを見るとやってみたくなるんですよね!

これでどうだ!

各質問・回答まではやっていませんが、リストはそんな雰囲気になってませんか。これは、ブラウザの拡張機能を通じて特定ページの CSS を上書きした結果です。どの class がどこに該当するかは Chromeの要素検証を使いながら、力技で調べました。

デザイナーじゃなく CSS の知識もそんなにありませんが、まぁ適当に探してもこれぐらいならなんとか。

やり方

  1. Chrome にアドオン「Stylebot」をインストールする
  2. Stylebot の Optionの左サイドメニュー「Syles」から「Add a new style」を選択する。
  3. URLパターンに:https://jp.quora.com/ を入れる
    以下がCSSの中身
  1. /* Quora タイトル */ 
  2. .new_entry_points{ 
  3. background: #333333; 
  4. } 
  5. /* ナビゲーションタイトル */ 
  6. .header_nav{ 
  7. background: #777777; 
  8. } 
  9. /* ナビゲーション各項目リンク(テキスト) */ 
  10. .nav_item_link{ 
  11. color: #ffffff; 
  12. } 
  13. /* ナビゲーション(フィード)*/ 
  14. .switcher_item{ 
  15. background: #111111; 
  16. } 
  17. /* ナビゲーション(フィードテキスト)*/ 
  18. .label{ 
  19. color: #ffffff; 
  20. } 
  21. /* 通常記事 */ 
  22. .PageWrapper { 
  23. background: #111111; 
  24. } 
  25. /* 質問入力ボックス */ 
  26. .ui_qtext_rendered_qtext { 
  27. color: #ffffff; 
  28. } 
  29. /* おすすめの質問 */ 
  30. .section_header{ 
  31. background: #111111; 
  32. } 
  33. .ui_story_card{ 
  34. background: #111111; 
  35. } 

そして Saveする

そうすればあら不思議、ダークモードっぽくなりました。

頑張れば Quora 全体をダークモードにデコレーションできるかも(私は面倒だからしない)。

なおStylebot を使えば

新しい Gmail でメール一覧表示の受信日時表示を「日時」表示にしたい!

のように Gmailの受信日時表示も変更できるよ!

質問を見る