☰

Greasy Fork is available in English.

Fanfiction.net dark theme

A dark theme for fanfiction.net. Works well for night reading.

// ==UserScript==
// @name        Fanfiction.net dark theme
// @namespace   Danielv123
// @description A dark theme for fanfiction.net. Works well for night reading.
// @include     https://www.fanfiction.net/s/*
// @include     https://www.fictionpress.com/s/*
// @version     1.1
// @grant       none
// ==/UserScript==
// Settings:
// Display comment section
var commentSection = false;
// End of settings
//
// Get all elements that have a style attribute
var elms = document.querySelectorAll('*[style]');
// Loop through them
Array.prototype.forEach.call(elms, function (elm) {
  // Get the color value
  var clr = elm.style.backgroundColor || '';
  // Remove all whitespace, make it all lower case
  clr = clr.replace(/\s/g, '').toLowerCase();
  // Switch on the possible values we know of
  console.log(clr)
  switch (clr) {
    case 'white':
      elm.style.backgroundColor = '#262626';
      console.log('Color set')
      break;
  }
});
document.body.style.backgroundColor = '#666'
var lightGreyStuff = document.getElementsByClassName('zmenu')
for (var i = 0; i < lightGreyStuff.length; i++) {
  lightGreyStuff[i].style.backgroundColor = '#454545'
}
document.body.style.color = 'white';
if (commentSection === false) {
  document.getElementById('review').style.display = 'none';
}

setTimeout(() => {
    console.log("Updating CSS")
document.querySelector("body > style").innerHTML += `
.lc-wrapper .xcontrast_txt {
  color:white;
}
.xcontrast_txt{
  color:lightgray;
}
.lc-wrapper .lc {
  background-color: #262626;
}
.lc-left {
  background-color: #262626;
}
`
}, 100)