コンテンツにスキップ

カスタム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);
        }
    }