☰

Theme-AtCoder

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

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
mimiminomi
日安装量
0
总安装量
6
评分
0 0 0
版本
2.0.5
创建于
2025-10-21
更新于
2026-03-28
大小
34.6 KB
许可证
MIT
适用于

🎃 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! 🎃👻🍭