☰

AtCoder Theme: Solarized Dark

Solarized Dark

As of 2021-03-19. See the latest version.

  1. // ==UserScript==
  2. // @name         AtCoder Theme: Solarized Dark
  3. // @namespace    http://atcoder.jp/
  4. // @version      0.1
  5. // @description  Solarized Dark
  6. // @author       magurofly
  7. // @match        https://atcoder.jp/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     document.head.insertAdjacentHTML("afterend", `
  15. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.4/theme/solarized.min.css" integrity="sha512-YgOMzK4Mr0Pg5oRB37l6PXQ74g4/NWdXFHs8i0O2Q0czXu1XvoUiPdbD6d9l1FTIobwgA1htiS7zx5dnG/k8MQ==" crossorigin="anonymous" />
  16. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-solarized@1.0.2/bootstrap-solarized-dark.css" integrity="sha256-tB0RB3tqlptLWI8ldVHgQXM3/bu9TrxY8yqvLTZiX64=" crossorigin="anonymous">
  17. <style>
  18. .float-container>#main-container.container {
  19.   background-color: #002b36;
  20. }
  21. #header>div.header-inner {
  22.   background-color: #eee8d5;
  23. }
  24. </style>
  25. `);
  26.     $(".editor").data("editor").setOption("theme", "solarized");
  27. })();