Greasy Fork is available in English.
AtCoderのダークテーマです
// ==UserScript==
// @name AtCoderDarkTheme
// @namespace http://tampermonkey.net/
// @version 0.1
// @description AtCoderのダークテーマです
// @author null_null
// @license MIT
// @match https://atcoder.jp/*
// @exclude https://atcoder.jp/contests/*/standings/json
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// ==/UserScript==
(function () {
update();
//順位表ページ 特別な処理をする。
if (document.URL.match("/standings")) {
new MutationObserver(update).observe(
document.getElementById("standings-tbody"), {
childList: true,
attributes:true
}
);
//リフレッシュボタンの監視
new MutationObserver(async mutationRecord => {
const isDisabled = mutationRecord[0].target.classList.contains(
"disabled"
);
if (isDisabled) {
update();
}
})
.observe(document.getElementById("refresh"), {
attributes: true,
attributeFilter: ["class"]
});
}
if (document.URL.match("/results")) {
new MutationObserver(update).observe(
document.getElementById("vue-results"), {
childList: true,
attributes:true
}
);
}
/////////////////////////////////////////////////////////////////
//外部全体
$("body").css({
"background-color": "#111111",
});
//外部左右
$("#main-div.float-container").css({
"background-color": "#111111"
});
//外部フッター
$(".footer").css({
"background-color": "#111111"
});
//////////////////////////////////////////////////////
//https://atcoder.jp
//内部コンテナ
$(".float-container>#main-container").css({
"background-color": "#333333",
"color": "#EFFFE9"
});
//タイトル枠
$(".insert-participant-box").css({
"background-color": "#333333",
"color": "#EFFFE9"
});
//
$(".cnvtb-fixed").css({
"background-color": "#333333",
});
//パネル内部
$(".panel-primary").css({
"background-color": "#333333",
"border-color": "#E71D36",
"color": "#EFFFE9"
});
//パネルヘッダー
$(".panel-primary>.panel-heading").css({
"background-color": "#E71D36",
"border-color": "#E71D36",
"color": "#EFFFE9"
});
//パネル内部
$(".panel").css({
"background-color": "#333333",
"color": "#EFFFE9",
});
//インフォメーションパネル タイトル
$(".panel-info>.panel-heading").css({
"background-color": "#2f4f4f",
"border-color": "#2f4f4f",
"color": "#EFFFE9"
});
//インフォメーションパネル外枠
$(".panel-info").css({
"border-color": "#2f4f4f"
});
//コンテストパネル外部
$(".post-footer").css({
"background-color": "#222222",
"border-color": "#222222",
"color": "#EFFFE9"
});
//////////////////////////////////////////////////////////
//https://atcoder.jp/contests/
//過去のコンテスト検索
$(".panel-default>.panel-heading").css({
"background-color": "#333333",
"color": "#EFFFE9",
"border-color": "#EFFFE9"
});
//過去コンテストパネル 外枠
$(".panel-default").css({
"border-color": "#EFFFE9"
});
//提出バー
$(".dropdown-menu").css({
"background-color": "#333333"
});
//ボタン
$(".btn-primary").css({
"background-color": "#E71D36",
"border-color": "#E71D36"
});
//全体 後光
$(".float-container>#main-container ").css({
"box-shadow": "0px 0px 10px 5px #666666"
});
//サンプル 背景
$("pre").css({
"background-color": "#333333",
"color": "#EFFFE9",
});
//nav 外枠
$(".nav-tabs>li.active>a").css({
"border-color": "#EFFFE9"
});
//コンテスト時間 文字部分
$("small.contest-duration").css({
"color": "#EFFFE9"
});
//灰色文字 調整
$(".grey").css({
"color": "#EFFFE9"
});
//順位表 所属 文字
$(".ranking-affiliation").css({
"color": "#EFFFE9"
});
//テーブル 線
$(".table>thead>tr>th").css({
"border-bottom": "#EFFFE9"
});
//テーブル 奇数番目 黒色背景固定
$(".table-condensed>tbody>tr>td").css({
"background-color": "#333333"
});
//参加対象 Rated対象 ペナルティ
$("#main-container > div.row > div:nth-child(2) > p").css({
"color":"#EFFFE9"
});
//コピーライト
$("#copyright").css({
"color":"#EFFFE9"
});
//問題文 赤文字
$("code").css({
"color":"#ff7a7a"
});
})();
function update() {
//レートの色を鮮やかにする
if(!document.URL.match("/results")){
$(".user-red").css({
"color":"#ff7a7a"
});
$(".user-orange").css({
"color": "#ffbc7a"
});
$(".user-yellow").css({
"color": "#ffff7a"
});
$(".user-blue ").css({
"color": "#7a7aff"
});
$(".user-cyan").css({
"color": "#7affff"
});
$(".user-green").css({
"color": "#7aff7a"
});
$(".user-brown").css({
"color": "#8b4513"
});
$(".user-gray").css({
"color": "#eeeeee"
});
$(".user-unrated").css({
"color": "000000"
});
$(".user-admin").css({
"color": "#2f4f4f"
});
}
$("a").css({
"color": "#EFFFE9",
"background-color": "transparent"
});
$(".pagination>.active>a").css({
"border-color": "#EFFFE9"
});
//テーブルの奇数番目
$(".table-striped>tbody>tr:nth-of-type(odd)").css({
"background-color": "#323232",
});
//順位表 順位
$(".standings-rank").css({
"background-color": "#333333"
});
//順位表 ユーザーネーム
$(".standings-username").css({
"background-color": "#333333"
});
//順位表 点数
$(".standings-result").css({
"background-color": "#333333"
});
//順位表下部文字
$(".standings-result p").css({
"color": "#EFFFE9"
});
//順位表下部文字
$(".standings-fa td p").css({
"color": "#EFFFE9"
});
//順位表下部文字
$(".standings-statistics td p").css({
"color": "#EFFFE9"
});
//得点
$(".standings-score").css({
"color": "#7a7aff"
});
//AC文字
$(".standings-ac").css({
"color": "#7aff7a"
});
//提出ペナルティ
$(".standings-wa").css({
"color": "#ff7a7a"
});
//順位表 正解者数
$("#standings-tbody > tr.standings-statistics").css({
"background-color":"#333333"
});
//順位表 最速正解者
$("#standings-tbody > tr.standings-fa").css({
"background-color":"#333333"
});
}