コンテンツにスキップ

カスタムCSS

全体またはテーマごとにCSS(SCSS記法可)によるスタイルを設定することが出来ます

全体のスタイルを指定したければ themeフォルダの中にあるmain.scss、テーマごとのスタイルを指定したければテーマの場所にあるuser.scssを編集します

Ctrl+Shift+Iでデベロッパーツールが起動できるので構造を見て記述してください

SCSS記法

CSSの拡張機能であるSCSSで記述することが出来ます

セレクタやプロパティをネストさせる、変数が使える等の機能がありますが通常のCSSとして記述することも出来ます

特定の板/サイトのセレクタ

  • ._に変えて頭に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);
        }
    }