☰

Theme-AtCoder

AtCoderのWAやTLEの表示をテーマ別に装飾する拡張機能（ハロウィン、春など）

Ako nainštalovať

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, Greasemonkey alebo Violentmonkey.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie, ako napríklad Tampermonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, % alebo Violentmonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey alebo Userscripts.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie, ako napríklad Tampermonkey.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie správcu používateľských skriptov.

(Už mám správcu používateľských skriptov, nechajte ma ho nainštalovať!)

Ako nainštalovať

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

(Už mám správcu používateľských štýlov, nechajte ma ho nainštalovať!)

Autor
mimiminomi
Denne inštalácií
0
Celkový počet inštalácií
6
Hodnotenie
0 0 0
Verzia
2.0.5
Vytvorené
21.10.2025
Aktualizované
28.03.2026
Veľkosť
34,6 KB
Licencia
MIT
Spustiť na

🎃 Theme AtCoder Extension

AtCoderのジャッジ結果（WA、TLE、MLE、RE、CE、AC）を季節のテーマで装飾する拡張機能です。

現在対応しているテーマ：

  • 🎃 ハロウィン（10月1日〜11月7日）
  • 🌸 春/桜（3月20日〜4月30日）

Install from GreasyFork GitHub Repository

🎃 プレビュー

提出一覧や、提出結果などでかわいく装飾されます！

image image
image

🚀 インストール方法

  1. Tampermonkey などのスクリプトマネージャーをインストール
  2. Install from GreasyFork からインストール

🎯 対象サイト

🛠️ 技術仕様

  • 対応ブラウザ: Chrome, Firefox, Safari, Edge
  • 依存関係: なし
  • 権限: なし（DOM操作のみ）
  • 装飾内容:
    • WA/TLE/MLE/RE/CE: かぼちゃマーク付きの背景グラデーション
    • AC: キャンディマークとおばけマーク付きの背景グラデーション
    • ページ動的更新に対応（MutationObserver利用）

📝 使用方法

  • ページを開くだけで自動で装飾が適用されます
  • ステータスを右クリック（ACなど）することで設定の編集が行えます

🔧 開発者向け

ファイル構造

src/
├── themes/
│   ├── halloween.js    # ハロウィンテーマ定義
│   └── spring.js       # 春テーマ定義
├── config.js           # 設定管理
├── themeManager.js     # テーマ選択・管理ロジック
├── decorator.js        # 装飾適用ロジック
└── main.js            # エントリーポイント
build.js               # ビルドスクリプト
.user.js              # ビルド後のユーザースクリプト

ビルド方法

npm run build

新しいテーマの追加方法

  1. src/themes/ に新しいテーマファイルを作成
  2. src/themeManager.js の themes オブジェクトに追加
  3. build.js の files 配列に追加
  4. npm run build でビルド

📝 ライセンス

MIT License

🛠️ 作者

twitter: @_mimiminomi

Happy Halloween! 🎃👻🍭