ブラウザの拡張機能“Stylus”の使用例

Chrome拡張機能や、Firefoxのアドオンとしてインストールできる“Stylus”を使って、ウェブサイトの見た目を変えることができます。この記事では、そのサンプルを紹介します。


〈目次〉


Twitter

別の記事で2件解説しています。

Evernote Web

Evernote Webで外部リンクにマウスカーソルを合わせたときのポップアップを非表示にする

div#gwt-debug-FloatingLinkBar-root{display:none !important}

Evernote Webのノート一覧での各タイトルの色を変える

Evernote Webの左端に表示されるノート一覧の中で、各ノートのタイトルの色を変えます。

div.focus-NotesView-Note-noteTitle{color:#bbb !important}  /*色を #bbb にする場合*/

Wikipediaのダークテーマ

まだ不完全なところがありますが、おおむね使えるかなと思います(※最終更新:2018/10/22)。 f:id:ichbin:20181022165736p:plain:w500

li.selected, li.new, li.collapsible,li#ca-nstab-user,li#ca-talk{background-image:none !important;background-color:#333 !important;border:none !important}
.VectorTabs ul{background-image:none !important;border:none !important}
body, div#content, div#mw-page-base,div#toc,table.infobox,h1,h2,h3,h4,h5,h6,h7{background:#333;color:#ddd}
a:link{color:#3E93C3 !important}
a:visited{color:#9760C3 !important}
a.new{color:#ba0000 !important}
table.ambox, .referencetooltip li,div.catlinks,table.nowraplinks tbody,div.navbox,div.thumbinner,table.tmbox,tabletmbox-content,table.plainlinks,table.wpb-outside{background-color:#333}
.referencetooltip li{border:solid 1px #ddd}