コンテンツにスキップ

Webページに色付けする

Webページの背景色の変更や文字・提出コード・問題の正誤状況を見やすくします。

また、コンテストの成績に応じて、各ページの情報を色付けすることもできます。

背景の色を変更する

任意

ダークテーマ系

文字を強調する

全体

  • AtCoder Better Font - サイト全体の文章を識別しやすいフォントに変更する。

    atcoder better font

コンテストの日時

  • HighlightAtCoderContestNot2100 - レーティングの変動があるコンテストのうち、開始時間が21時以外の場合に赤字で強調する。

    highlight atcoder contest not 2100

問題の実行時間制限・メモリ制限

  • Time Limit Emphasizer - 問題の実行時間制限が2secでない場合に赤大文字で強調する。

    time limit emphasizer

  • timemory-limit-emphasizer - 問題の実行時間制限が2secでない場合やメモリ制限が1024MBでない場合に赤大文字で強調する。

    timemory limit emphasizer

問題の制約条件

色を表す漢字

よく似た文字を識別

  • Snuke? Smeke? - 問題文の「すぬけ」と「すめけ」をハイライトする。

    snuke? smeke?

AtCoderのエディタを変更

問題の提出・正誤状況を確認

オリジナル

色付けの適用範囲を拡張

atcoder tasks dropdown menu colorizer

正解・不正解以外の状態を識別しやすく

  • AtCoder Error Colorizer - 「提出結果」ページで、正解(AC)・不正解(WA)以外を表す状態の背景色を変更できる。スクリプトを直接書き換えることで、任意の色を指定することも可能。

    atcoder error colorizer

コンテストの成績に応じて色付け、アイコンの追加・非表示

複数のページ

  • ac-rating-icon - 「順位表」と「プロフィール」ページに、レーティングに対応したアイコンを追加する。

    ac rating icon

  • ac-hide-official-rating-icon - 公式のレーティングアイコンを非表示にできる。

    ac hide official rating icon

コンテスト成績表

  • AtCoderPerformanceColorizer - ユーザの「コンテスト成績表」のパフォーマンス値、レーティングに色付けする。

    atcoder performance colorizer

  • AtCoderColouringDifference - ユーザの「コンテスト成績表」ページで"差分"の部分を色づけする。

    注意

    スクリプトの実行対象URLがベータ版のため、修正が必要。

    atcoder colouring difference

  • AtCoder_Kaomoji - ユーザの「コンテスト成績表」ページの"差分"に、レーティングの増減に応じた顔文字を追加する。

    atcoder kaomoji

提出結果

順位表

  • perf on standings - 「順位表」ページで、Rated対象者の順位をパフォーマンス値に対応した色で塗る。

    perf on standings

外部サービス

AtCoder Problems

  • Virtual Contest Result Highlighter - AtCoder Problemsにおけるバーチャルコンテストの問題一覧と順位表に対して、提出結果に応じた色付けをする。

    virtual contest result highlighter

Misskey

  • Misskey AtCoder Color Buttons - Misskeyの投稿フォームに、文字の色を変更できるボタンを追加する。配色は、AtCoderの各レーティング帯に対応。

    misskey atcoder color buttons

MojaCoder

ICPC