// ==UserScript==
// @name        DTC mode nuit
// @namespace   modenuitdtc
// @description Pour réduire un peux le mal des yeux
// @include     https://danstonchat.com/*
// @version     1
// @grant       none
// ==/UserScript==

/**
 * Code permettant de changer le nouveau style du site DTC
 * créé afin de réduire la quantité de blanc.
 * Ce script n'est absolument pas officiel et a été écrit suivant la norme ISO 1664.
 */

document.body.style.backgroundColor = "#999";
var h2s = document.getElementsByTagName('h2');
var as = document.querySelectorAll('#widget_sidebar');
var iframes = document.querySelectorAll('#widget_sidebar iframe');
var quotes = document.querySelectorAll('.contenu .item-content');
var subHeaders = document.querySelectorAll('.sub-header .li a');
var subHeadersLine = document.querySelectorAll('.sub-header');
var currents = document.querySelectorAll('.current');
var pagination = document.querySelectorAll('.pagination');
var metabar = document.querySelectorAll('.meta-bar');

var lastFrame = iframes[iframes.length- 1];

// Change les titres
for (var i = 0; i < h2s.length; i++){
  if (h2s[i]){
    h2s[i].style.textShadow = "2px 2px 2px #000";
  }
}

// Change la colonne et ses liens
for (var i = 0; i < as.length; i++){
  if (as[i]){
    as[i].style.backgroundColor = "#ccc";
    as[i].style.border = "1px solid #000";
    as[i].style.padding = "10px";
    var links = as[i].querySelectorAll('a');

    for (var j = 0; j < links.length; j++){
      links[j].style.color = "#4c7d2a";
    }

  }
}

// Change le style des quotes
for (var i = 0; i < quotes.length; i++){
  if (quotes[i]){
    var quote = quotes[i];
    quote.style.backgroundColor = "#eee";
    quote.style.padding = "20px 0";
    var deco = quote.querySelectorAll('.decoration');
    var innerQuote = quote.querySelectorAll('a');


    // retire le rose pastel et remet le bon vieux vert
    for (var j = 0; j < deco.length; j++){
      if (deco[j]){
        deco[j].style.backgroundColor = "#eee";
        deco[j].style.color = "#7cad5a";

      }
    }

    // Change la proportion d'affichage des quotes
    for (var k = 0; k < innerQuote.length; k++){
      if (innerQuote[k]){
        innerQuote[k].style.margin = "0 10px";
      }
    }

  }
}

// Adapte le menu au reste des changement (fait à la rache.. comme le reste)
for (var i = 0; i < subHeaders.length; i++){
  if (subHeaders[i]){
    subHeaders[i].style.backgroundColor = "#ddd";
    subHeaders[i].querySelector('.ico').style.backgroundColor = "#ddd";
  }
}
// Menu
for (var i = 0; i < subHeadersLine.length; i++){
  if (subHeadersLine[i]){
    subHeadersLine[i].style.backgroundColor = "#ddd";
  }
}
// Menu
for (var i = 0; i < currents.length; i++){
  if (currents[i]){
    currents[i].style.backgroundColor = "#ddd";
  }
}
// Paginations
for (var i = 0; i < pagination.length; i++){
  if (pagination[i]){
    pagination[i].style.backgroundColor = "#ddd";
  }
}
// barre entourant les menus
for (var i = 0; i < metabar.length; i++){
  if (metabar[i]){
    metabar[i].style.backgroundColor = "#ddd";
  }
}

// Réadapte la vidéo en colonne, sinon ça dépasse et j'aime pas ça.
lastFrame.style.width = "280px";