カスタムCSS¶
*バージョン 0.27.0以降はSCSS記法に非対応となります)
全体またはテーマごとにCSSによるスタイルを設定することが出来ます
全体のスタイルを指定したければ themeフォルダの中にあるmain.css、テーマごとのスタイルを指定したければテーマの場所にあるuser.cssを編集します
Ctrl+Shift+Iでデベロッパーツールが起動できるので構造を見て記述してください
特定の板/サイトのセレクタ¶
-
.を_に変えて頭にst__をつけたものがサイト用セレクタになりますhttps://may.2chan.net/b/に適用させる場合セレクタクラス名は.st__2chan_net -
.を_に変えて頭にsv__をつけたものがサーバ用セレクタになりますhttps://may.2chan.net/b/に適用させる場合セレクタクラス名は.sv__may_2chan_net -
.を_に変えて頭にbd__をつけたものが板用セレクタになりますhttps://may.2chan.net/b/に適用させる場合セレクタクラス名は.bd__b -
.を_に変えて頭にth__をつけたものがスレッド用セレクタになりますhttps://may.2chan.net/b/res/00000000.htmに適用させる場合セレクタクラス名は.th__00000000
例¶
特定の板のスレッド背景色を指定する
.thread-item.bd__b {
background: orange;
}
特定のサイトのスレッド一覧のフォントを指定する
.board-item.st__2chan_net {
font-family: Arial;
}
新着レスの背景色を変える
.thread-item {
.newly {
background: rgba(45, 80, 146, 0.2);
}
}