☰

Theme-AtCoder

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

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!)

Yazar
mimiminomi
Günlük kurulumlar
0
Toplam kurulumlar
6
Değerlendirmeler
0 0 0
Versiyon
2.0.5
Oluşturulma
21.10.2025
Güncellenme
28.03.2026
Boyut
34,6 KB
Lisans
MIT
Geçerli

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