Gives Bible.com a dark theme

Bible.comDarkMode.user.js

// ==UserScript==
// @name         Bible.com Dark Mode
// @version      0.2
// @description  Give Bible.com a dark theme
// @author       You
// @match        https://*.bible.com/*
// @grant        none
// @updateURL    https://gist.github.com/JeremyLee/3886555679f6af9de22b434ccd423e8f/raw/Bible.comDarkMode.user.js
// ==/UserScript==

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css.replace(/;/g, ' !important;');
    head.appendChild(style);
}
addGlobalStyle(`

html, body {
  background-color: #0f0f0f;

}

.button-group.primary-toggle li.inactive a.solid-button.green {
  background-color: #0f0f0f;
}

.yv-sticky-header .yv-sticky-header-content {
  background: #0f0f0f;
}

h1,h2,h3,h4,h5,h6 {
  color: #eee;
}

.plan-day-slider .day {
  background-color: #0f0f0f;s
}

.plan-day-slider .day,
.plan-day-slider .slick-list{
    border: 1px solid #444;
}

.plan-day-slider .day:not(.active) h4 > div {
  background: #0f0f0f;
  color: #eee;
}

.plan-day-slider .day h4 > div {
    border: 1px solid #444;
}

.plan-day-slider button.slick-next.slick-arrow,
.plan-day-slider button.slick-prev.slick-arrow {
  border-left-color: #eee;
}

.plan-pieces li,
.plan-pieces li * {
  color: #eee;
}

.plan-nav-header {
  background-color: #0f0f0f;

}

.picker-label > input {
  background-color: #0f0f0f;
  color: #fff;
}

.reader {
  color: #fff;
}

.nav-title {
  color: #eee;
}

.placeholder-animation-shimmer {
    animation-duration: .75s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shimmer;
    animation-timing-function: linear;
    background: linear-gradient(90deg,#111 8%,#222 18%,#111 33%);
    background-size: 4000px;
    height: 100%;
    position: relative
}

.placeholder-text > div {
  background: #0f0f0f;
  border: 1px solid #0f0f0f;
}

.placeholder > .vertical-center.flex > div:last-child {
  background: #0f0f0f;
}

.circle-buttons {
  border: none;
}

.moment {
  background: unset;
  border: 1px solid #eee;
  border-radius: 5px;
  color: #eee;
}

.moment-top,.moment-content,.moment-bottom {
    border: none;
}

.moment-top-avatar > img.avatar {
  background-color: #eee;
}

.moment-actions {
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.gray-background {
  background: unset;
}

.card {
  background: #222;
  border: solid 1px #555;
}

.yv-moment-card .yv-moment-header a {
  color: #eee;
}
`);