HeadWayApp | DarkGreen

> https://github.com/JaviertINC/userscripts/blob/master/scripts/headwayapp.darkgreen.user.js
// ==UserScript==
// @name         HeadWayApp | DarkGreen
// @namespace    https://javiertinc.cl/userscripts
// @version      0.2
// @description  Una versión oscura, ayuda a cuidar tus ojos :D
// @homepage     https://javiertinc.cl/userscripts/script/headwayapp.darkgreen
// @author       @JaviertINC
// @match        https://headwayapp.co/*
// @updateURL    https://javiertinc.github.io/userscripts/scripts/headwayapp.darkgreen.user.js
// @icon         https://www.google.com/s2/favicons?domain=headwayapp.co
// @grant        GM_addStyle
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';

	var css = [
        "body{ background-color: #242424!important; color: #f1f1f1!important; }",
        "header{ background-color: #4c4c4c!important; border-bottom: 1px solid #4caf50!important; }",
        "header a{ color: #fff!important; }",
        "#global-nav{ background-color: #4caf50!important; }",

        ".mCont,.changelogItem{ width: 650px!important; }",
        ".changelogItem{ background-color: #4c4c4c!important; border: 1px solid #4caf50!important; padding: 2.3rem 2rem!important; border-top: none!important; }",
        ".changelogItem time a{ color: #4caf50!important; }",
        ".newPost{ border: 1px solid #4caf50!important; background-color: #4c4c4c!important; padding: 0!important; min-height: 70px!important; }",
        ".newPost a{ padding: 1rem 1rem 1rem 5rem!important; width: 100%!important; }",
        ".newPost a svg{ margin: 1rem 2rem!important; }",
        ".newPost a:hover{ background-color: rgba(255,255,255,.1)!important; }",
        "body .changelogItem .actions .edit, body .newPost .actionButton{ display: block!important; margin: 0 auto!important;}",
        "body .changelogItem .actions .edit a{ background-color: #4caf50!important; color: #fff!important; padding: 7px 20px!important; border-radius: 8px!important; }",
        ".changelogItem .content code, .changelogItem .content pre{ background-color: #666!important; border: 1px solid #4caf50!important; color: #fff!important; }",
        ".changelogItem .content blockquote{ color: #fff!important; border-left-color: #4caf50!important; background-color: rgba(255,255,255,.2)!important; }",

        "#editor-body.active #editor{ border-left-color: #4caf50!important; }",
        "#editor-body #editor{ background-color: #000!important; color: #4caf50!important; }",
        "#editor-body #editor .bodyCont{ border-bottom: unset!important; }",
        "#editor-body #editor .editorFooter{ background-color: #4c4c4c!important; border-top: 1px solid #4caf50!important; }",
        "#editor-body .help{ color: #f1f1f1!important; border-bottom-color: #4caf50!important; }",
        "#editor-body .help a{ color: #4caf50!important; }",
        "#editor-body .actions .delete a{ color: #4caf50!important; }",
        "#editor-body .actions .cancel a{ color: #ccc!important; }",
        ".switchCustom input[type=\"checkbox\"]:checked + .switchCont{ background-color: #4caf50cc!important; }",

        ".pagination a{ color: #4caf50!important; }",
        "footer{ color: #ccc!important;}",
        "footer a{ color: #fff!important; font-weight: bold!important; }",

        ".naggerCont .bodyCont{ background-color: #4c4c4c!important; border-color: #4caf50!important; color: #f1f1f1!important; }",
        ".naggerCont .closeNagger{ color: #fff!important; }",

        ".EditorButtons-module__buttonsGroups___NVb3E svg{ color: #fff!important; }",
        ".EditorButton-module__button___UDULe:hover svg{ color: #fff!important; }",
        ".EditorButton-module__button___UDULe:hover{ background-color: #4caf50!important; }",

        ".Tooltip-module__content___2p-vv{ background-color: #4c4c4c!important; color: #f1f1f1; border-color: #4caf50!important; }",
        ".EditorSelect-module__selectWrapper___1UhnY .EditorSelect-module__selectOption___1EYzl{ color: #f1f1f1!important; }",
        ".EditorSelect-module__selectWrapper___1UhnY .EditorSelect-module__selectOption___1EYzl:hover{ background-color: #4caf50!important; }",
        ".EditorButton-module__tooltip___1xtsg div{ color: #f1f1f1!important; }",

        ".Popup-module__content___2kn0-{ background-color: #4c4c4c!important; border-color: #4caf50!important; }",
        ".Button-module__button___2sdz_{ background-color: #4caf50!important; border-color: #4caf50!important; }",
        ".Popup-module__closeButton___2k0i7{ background-color: #4c4c4c!important; }",
        ".Button-module__isMinimal___1gvqd{ color: #fff!important; }",
        ".Button-module__isTransparent___3clA0,.Button-module__isTransparent___3clA0:hover{ color: #fff!important; }",

        ".category_67761,.head.head_category_67761 .background{ background-color: #4caf50!important; }",
    ].join("\n");
	GM_addStyle(css);

    function init(){
		re_footer();
	}
    function re_footer(){
		document.getElementsByClassName("changelogModule")[1].innerHTML = atob("PHA+UG93ZXJlZCBieSA8YSBocmVmPSJodHRwczovL2hlYWR3YXlhcHAuY28iPkhlYWR3YXk8L2E+PC9wPgo8cD5Nb2RpZmljYWRvIHBvciA8YSB0YXJnZXQ9ImJsYW5rIiBocmVmPSJodHRwczovL2phdmllcnRpbmMuY2wiPkBKYXZpZXJ0SU5DPC9hPi48L3A+");
    }
    document.addEventListener("DOMContentLoaded", function(){
		setTimeout(() => {
			init();
		}, 500);
	});



})();        

headwayapp.darkgreen v0.2 | 2020-07-20
 
userscripts 
 
    Añadido
       Ahora el Footer es mejor.
       La plataforma agregó nuevas funciones.
    Reparado
       Se reparó el estilo de las notificaciones inferiores.
       Se reparó el estilo de las citas.
       Se reparó el estilo de los nuevos botones de MarkDown del editor.
       Se reparó el estilo del formulario para subir imágenes.
       Se reparó el estilo de las subopciones de los nuevos botones del editor.

> Ver en HeadWay
-=# #=- -=# #=- -=# #=-

headwayapp.darkgreen v0.1 | 2020-07-11
 
userscripts 
 
    Añadido
       Se agregó el estilo DarkGreen.
       Se agregaron bordes al feed.
    Reparado
       Ahora el contenedor es más grande midiendo 650px de ancho.
       Ahora la barra de navegación global es siempre verde.
       Ahora el header es gris con un borde inferior verde.
       Ahora el enlace de "Editar", tiene aspecto de botón.
       Ahora el botón de agregar un nuevo enlace está mejor optimizado en UX y UI.
       El editor ahora tiene un aspecto de consola de comandos.
       Ahora el color de los botones de acción del editor, están optimizados al estilo DarkGreen.
       Los elementos pre y code tienen un aspecto más definido.
       El paginador ahora es verde.
       El enlace de los creditos ahora es mejor.

> Ver en HeadWay
-=# #=- -=# #=- -=# #=-