Raw Source Toggle Dropdown

• Minified Source

OnTake / EcoleDirecte Skin (Revamped)

// ==UserScript==
// @name         EcoleDirecte Skin (Revamped)
// @namespace    http://example.com
// @version      0.001
// @description  Fixed EcoleDirecte's shitty looks. Revamped for 2021!
// @author       Louis Dalibard
// @match        https://www.ecoledirecte.com/*
// @grant        none
// @copyright 2022, OnTake (https://openuserjs.org/users/OnTake)
// @updateURL https://openuserjs.org/meta/OnTake/EcoleDirecte_Skin_(Revamped).meta.js
// @downloadURL https://openuserjs.org/install/OnTake/EcoleDirecte_Skin_(Revamped).user.js
// @license MIT
// ==/UserScript==

const palette = ["#19141f","#2E2438","#593147","#325377","#EC7784","#9E4959","#614D6F"]; // https://palettegenerator.com/

html = document.documentElement;
styleElement = document.createElement("style");
styleElement.innerHTML = `html{--light-placeholder-color: ${palette[0]} !important;
--footer-primary-color: ${palette[0]} !important;
--hover-primary-color: ${palette[1]} !important;
--light-primary-color: ${palette[2]} !important;
--smalldark-primary-color: ${palette[3]} !important;
--dark-primary-color: ${palette[4]} !important;
--ultradark-primary-color: ${palette[5]} !important;
--light-secondary-color: ${palette[6]} !important;
--secondary-color: ${palette[6]} !important;
--dark-secondary-color: ${palette[6]} !important;
}
 body{background-color:${palette[0]};color:#fff;}
 .link:not(.blue-link), a:not(.blue-link), button.btn.btn-link:not(.blue-link){color:#FFF;}
 #user-account-link{background-color:${palette[0]} !important;}
 .container-bg{background-color:${palette[0]} !important;}
 .ed-card {background-color:${palette[0]};}
 .bs-datepicker{background-color:${palette[0]} !important; box-shadow: none;}
 .bs-datepicker-body{border:none;}
 #cdtnavigation-action .list-group-item:hover{background-color:${palette[0]};}
 .btn-default, .btn-default:hover{border:none;background-color:${palette[0]};}
 .bs-datepicker.theme-ed .bs-datepicker-container .bs-datepicker-body table td span.custom-today-class{background-color:${palette[0]};}
 .is-active-other-month,.is-highlighted{background-color:${palette[0]} !important;}`

html.appendChild(styleElement)



setTimeout(function(){
footerButtons = document.getElementById("footer").children;
for (i in [0,1,2]){
  footerButtons[0].children[0].children[0].children[0].children[i].children[0].style.backgroundColor = palette[0];
}
document.getElementsByClassName("profile")[0].remove();
},1000);