Theme-AtCoder

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

Installera detta skript ?

Ask a question, post a review, or report the script.

Upphovsman

mimiminomi

Dagliga installationer

Totala installationer

Betyg

0 0 0

Version

2.0.5

Skapad

2025-10-21

Uppdaterad

2026-03-28

Size

34,6 KB

Licens

MIT

Gäller för

atcoder.jp

🎃 Theme AtCoder Extension

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

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

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

🎃 プレビュー

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

🚀 インストール方法

Tampermonkey などのスクリプトマネージャーをインストール
からインストール

🎯 対象サイト

https://atcoder.jp/*

🛠️ 技術仕様

対応ブラウザ: 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

新しいテーマの追加方法

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

📝 ライセンス

MIT License

🛠️ 作者

twitter: @_mimiminomi

Happy Halloween! 🎃👻🍭