☰

Greasy Fork is available in English.

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
Создано
21.10.2025
Обновлено
28.03.2026
Размер
34,6 КБ
Лицензия
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! 🎃👻🍭