Literotica Reader Dark

Typographical elements used to achieve an attractive, distinctive appearance that indicates finesse, elegance and sophistication

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name             Literotica Reader Dark
// @namespace   [email protected]
// @description   Typographical elements used to achieve an attractive, distinctive appearance that indicates finesse, elegance and sophistication
// @include          https://www.literotica.com/s/*
// @version          1
// @run-at            document-start
// @grant              none
// @icon                https://speedy.literotica.com/favicon.ico
// ==/UserScript==

//Removes Ads

var head = document.getElementsByTagName('HEAD')[0];
var script1 = document.createElement('script');
script1.type = 'text/javascript';
script1.YETT_BLACKLIST = '[/ekplixi\.literotica\.com/]';
head.insertBefore(script1, head.childNodes[0]);
var script2 = document.createElement('script');
script2.type = 'text/javascript';
script2.src = 'https://unpkg.com/yett';
head.insertBefore(script2, head.childNodes[1]);

function PageLoaded () {

setTimeout(function(){

document.getElementById("b-top").remove();

//Whitespace margin provides visual breathing room for the eye that makes it look more approachable
document.querySelector('.x-r15.b-story-body-x').setAttribute('style', 'max-width:80%;');
document.querySelector('.x-r15.b-story-body-x').style.marginLeft = "5%";

document.getElementById("w").setAttribute('style', 'min-width:80%;');
document.getElementById("w").style.marginLeft = "5%";

document.getElementById("root").setAttribute('style', 'min-width:80%;');
document.getElementById("root").style.marginLeft = "5%";

//Generous vertical space separates lines of text that improves readability by almost 20%
document.querySelector('p').setAttribute('style', 'line-height:1.6;');

//Dark Mode for situations where you don't want to destroy your night vision
document.querySelector('p').insertAdjacentHTML('beforebegin', '<button id="bulb" class="i-button" type="button" name="dark" style="filter: drop-shadow(4px 6px 2px #808080);" aria-hidden="true"><span id="grey" style="filter: grayscale(0%);">&#x1F4A1</span></button><br><br>');

function dark() {
  var var1 = document.getElementById("w");
  var compStyles = window.getComputedStyle(var1);
  var bgcolor = compStyles.getPropertyValue('background-color').toString();
  var check = "rgb(47, 47, 47)";
  var grey = document.getElementById("grey");
  if(bgcolor == check) {
    document.getElementById("w").style.removeProperty('background-color');
    document.getElementById("root").style.removeProperty('background-color');
    document.querySelector('p').style.removeProperty('color');
    grey.style.removeProperty('filter');
  }else{
    document.getElementById("w").style.backgroundColor = "#2f2f2f";
    document.getElementById("root").style.backgroundColor = "#2f4f4f";
    document.querySelector('p').style.color = "#ffc200";
    grey.style.filter = "grayscale(100%)";
  }
};

document.getElementById("bulb").addEventListener('click', dark, false);

}, 1000);

};

window.addEventListener ('load', PageLoaded);