白基調のSkebサイトが眩しい人へ。
ブラウザの拡張機能『Stylus』でSkebをダークモード風にする方法を紹介します。
目次
簡単まとめ
- Chrome/Firefoxの拡張機能『Stylus』をインストール
- 検索機能からスタイル『Skeb.jp - Dark Theme』をインストール
Stylusとは
今回はStylusというブラウザ拡張機能（アドオン）を使います。
Stylus でウェブのデザインを変更しましょう。これは、ユーザースタイルを管理するツールです。Stylus を利用すると、多くの人気サイト向けのテーマやスキンを簡単にインストールできます。
（中略）
Stylusは、アクティブに開発されているコミュニティ主導型のユーザースタイル管理ツールです。有名なオンラインリポジトリからカスタムテーマを簡単にインストールしたり、あなたの個人用のCSSスタイルシートを作成したり、編集したり、管理したりすることができます。
出典：Stylus - Chrome ウェブストア 引用日付：2025/11/22
ざっくり言うと、文字の大きさや色などの「サイトごとに見た目をカスタマイズ」できて、それを「スタイルとして管理」できます。
特に他のユーザーが投稿したスタイルも簡単に検索して使えるのが便利でした。
※以降、「スタイル」は「テーマ」と同じ意味合いで記述します。
⚠️注意：Stylishについて
Stylusには前身となる拡張機能があります。
『Stylish』というのですが、元の作者から企業が買収した後、閲覧履歴の収集が発覚したとのこと。
参考：閲覧履歴の収集が発覚した「Stylish」拡張機能、“Chrome ウェブストア”からも削除 - 窓の杜
この問題を受けて、（有志により？）代替として開発されたのがStylusです。
参考：「Stylus」Webページのデザインをカスタマイズして見やすくできる拡張機能 - 窓の杜
なお、2018年にChromeウェブストアから削除されたStylishですが、2025年現在は検索すると出てきます。
問題が解決している可能性もありますが、Stylusで事足りますし、危険は回避するに越したことはありません。
Stylishはインストールしないことを勧めます。
Stylusを導入してSkebをダークモード風にする
では本題へ。
Stylusをインストール
ブラウザに拡張機能をインストールします。
ChromeとFirefoxどちらもあるみたいですね。
Stylus – 🦊 Firefox (ja) 向け拡張機能を入手
Skeb用ダークモードのスタイルをインストール
Stylusには今見ているサイトのスタイルを検索する機能があります。
ありがたいことに、ユーザー投稿でSkeb用ダークモードのスタイルがあるのでそれをインストールします。
- Skebのサイトを開く
- 拡張機能のStylusアイコンをクリック
- Stylusのメニューで検索をクリック
- 検索結果の「Dark Theme」をクリック
Skeb開く→Stylusのアイコン→検索→Dark Theme。
2020年作成ですが、2025年11月現在も特に問題なし。
完了。
変わった。
自分用にプチカスタマイズする
このスタイル、文字や背景の色以外もカスタマイズが加わっているようで。
新着作品の文字がデカいですね。
私は「ここは元のままでいいかな―」と思います。修正してみましょう。
- Stylusメニューを開く
- 「Dark Theme」の右側にある✏️アイコンをクリック
新しいタブでスタイルエディタというのが表示されます。
ここでスタイルの編集を行います。
「どこを直すとどこが変わるのか」を探すのは結構大変です。
が、フォントサイズが200％と大きい値のところを見つけました。ここを修正します。
フォントサイズが200％。怪しい。
「font-size : 100%;」のように変更してもいいのですが、今回は「/* font-size : 200%; */」としました。
「/* font-size : 200%; */」に修正して保存。
「/* ～ */」はコメントアウトと言って、囲んだ部分を無効化します。
つまり、「Dark Theme」のカスタマイズを無効化しました。
Skeb本来のサイズで表示されるはずです。
左の保存ボタンがオレンジになっているので、保存してSkebのタブに戻りましょう。
新着作品の文字が、「Dark Theme」インストール前の大きさに戻ってるのを確認、OK！
文字の大きさが戻った。
もちろん他の箇所もカスタマイズ自由なので、こういうの好きな方は是非いじってみてください。
⚠️注意：Skebリニューアルで無効になるかも
ユーザースタイルは「見た目を変更する」という仕組み上、サイト側で大きな変更があるとカスタマイズが無効になる宿命にあります。
この記事を書いているのは2025年の11月下旬ですが、昨年の2024年にはSkebサイトのリニューアル予定がアナウンスされています。
Skebは2024年11月30日に6周年を迎えました🎉
Skebは7年目に突入しましたが見た目は2018年当時の単一のイラストだけを納品できた時代からほとんど変わっていません。
スマホ対応や見やすさ改善のための全面リニューアルの作業を目下進めています。
来年中にはリニューアルを完了できるよう頑張ります！— Skeb (スケブ) (@skeb_jp) December 2, 2024
つまり今月～来月の年内に全面リニューアルの可能性あり。
いま気合を入れてカスタマイズするのはおすすめできません。
もしかしたら公式でダークモードが実装されるかも知れませんしね。
「Dark Theme」をインストールしたら自分用カスタマイズはそこそこにして、
Skebリニューアルを期待して待ちましょう。
まとめ
- ブラウザ拡張機能『Stylus』をインストール
- 検索機能からSkeb用ダークモードのスタイルをインストール
- サイトリニューアルが近い？ので自分用カスタマイズはそこそこに
おしまい
今回の記事はここまでとなります。