An Advent of Code light theme

_about.md

AOC light theme

This is a light theme for advent of code. style.css contains the style. bookmarklet.html can be visited with rawgit (that's the direct link to bookmarklet.html) to find a bookmarklet that can be dragged to your bookmarks bar and then pressed to make the AOC webpage light.

bookmarklet.html

<h1><a href="javascript:(()=>{const style = document.createElement(&quot;style&quot;); document.body.append(style); style.innerHTML = `body { /* background: #0f0f23; */ /* color: #cccccc; */ background: #fff; color: #0f0f23;}article em { /* color: #ffffff; */ /* text-shadow: 0 0 5px #ffffff; */ color: #000000; text-shadow: 0 0 5px #000000;}.privboard-star-both { /* color: #ffff66; */ color: #b0b020;}header .user .star-count { /* color: #ffff66; */ color: #b0b020;}a:hover, a:focus { /* color: #99ff99; */ color: #004400;}input[type=&quot;text&quot;], textarea { /* background: #10101a; */ background: #fff;}#calendar-countdown { /* color: #cccccc; */ color: inherit;}code::before { /* background: #10101a; */ background: #eee;}code { color: #10101a;}.leaderboard-entry .leaderboard-totalscore { /* color: #ffffff; */ color: #000000;}.supporter-badge { /* color: #ffff66; */ color: #b0b020;}a.supporter-badge:hover, a.supporter-badge:focus { /* color: #ffffcc; */ /* text-shadow: 0 0 5px #ffff66; */ color: #b0b080; text-shadow: 0 0 5px #b0b020;}.stats-both { /* color: #ffff66; */ color: #b0b020;}article em.star { /* color: #ffff66; */ /* text-shadow: 0 0 5px #ffff66; */ color: #b0b020; text-shadow: 0 0 5px #b0b020;}.day-success {/* color: #ffff66; *//* text-shadow: 0 0 5px #ffff66; */color: #b0b020;text-shadow: 0 0 5px #b0b020;}article em.star {/* color: #ffff66; *//* text-shadow: 0 0 5px #ffff66; */color: #b0b020;text-shadow: 0 0 5px #b0b020;}.day-success {/* color: #ffff66; *//* text-shadow: 0 0 5px #ffff66; */color: #b0b020;text-shadow: 0 0 5px #b0b020;}header h1 a:hover, header h1 a:focus {/* color: #99ff99; *//* text-shadow: 0 0 2px #99ff99, 0 0 5px #99ff99; */color: #99cc99;text-shadow: 0 0 2px #9c9, 0 0 5px #99cc99;}header h1 a, header h1 span {/* color: #00cc00; *//* text-shadow: 0 0 2px #00cc00, 0 0 5px #00cc00; */color: #009900;text-shadow: 0 0 2px #009900, 0 0 5px #009900;}`;})()">Drag this to your bookmarks bar to make a bookmarklet that makes the theme light</a></h1>

style.css

body {
  /* background: #0f0f23; */
  /* color: #cccccc; */
  background: #fff;
  color: #0f0f23;
}

article em {
  /* color: #ffffff; */
  /* text-shadow: 0 0 5px #ffffff; */
  color: #000000;
  text-shadow: 0 0 5px #000000;
}

.privboard-star-both {
  /* color: #ffff66; */
  color: #b0b020;
}

header .user .star-count {
  /* color: #ffff66; */
  color: #b0b020;
}

a:hover, a:focus {
  /* color: #99ff99; */
  color: #004400;
}

input[type="text"], textarea {
  /* background: #10101a; */
  background: #fff;
}

#calendar-countdown {
  /* color: #cccccc; */
  color: inherit;
}

code::before {
  /* background: #10101a; */
  background: #eee;
}

code {
  color: #10101a;
}

.leaderboard-entry .leaderboard-totalscore {
  /* color: #ffffff; */
  color: #000000;
}

.supporter-badge {
  /* color: #ffff66; */
  color: #b0b020;
}

a.supporter-badge:hover, a.supporter-badge:focus {
  /* color: #ffffcc; */
  /* text-shadow: 0 0 5px #ffff66; */
  color: #b0b080;
  text-shadow: 0 0 5px #b0b020;
}

.stats-both {
  /* color: #ffff66; */
  color: #b0b020;
}

article em.star {
  /* color: #ffff66; */
  /* text-shadow: 0 0 5px #ffff66; */
  color: #b0b020;
  text-shadow: 0 0 5px #b0b020;
}

.day-success {
  /* color: #ffff66; */
  /* text-shadow: 0 0 5px #ffff66; */
  color: #b0b020;
  text-shadow: 0 0 5px #b0b020;
}

article em.star {
  /* color: #ffff66; */
  /* text-shadow: 0 0 5px #ffff66; */
  color: #b0b020;
  text-shadow: 0 0 5px #b0b020;
}

.day-success {
  /* color: #ffff66; */
  /* text-shadow: 0 0 5px #ffff66; */
  color: #b0b020;
  text-shadow: 0 0 5px #b0b020;
}

header h1 a:hover, header h1 a:focus {
  /* color: #99ff99; */
  /* text-shadow: 0 0 2px #99ff99, 0 0 5px #99ff99; */
  color: #99cc99;
  text-shadow: 0 0 2px #9c9, 0 0 5px #99cc99;
}

header h1 a, header h1 span {
  /* color: #00cc00; */
  /* text-shadow: 0 0 2px #00cc00, 0 0 5px #00cc00; */
  color: #009900;
  text-shadow: 0 0 2px #009900, 0 0 5px #009900;
}