@JaviertINC AFYRUS Yesly Devs Nuxum Music Captys Teextus @Mencantas_cl Userscripts JTCraft Hytale
Ver todos los Proyectos

HeadWayApp
DarkGreen

Una versión oscura, ayuda a cuidar tus ojos :D

HeadWayApp | DarkGreen

Una versión oscura, ayuda a cuidar tus ojos :D

Este script habilita automáticamente el modo oscuro nativo de la página web.

Ínidce
Descripción Breve
Funciones y Cambios
Screenshots
Videos

Funciones y Cambios

  • Usa HeadWayApp con el magnifico estilo DarkGreen, mira las Screenshots.

Screenshots

Así se ve el Feed de los Changelogs. Screenshot #1

Ver captura

El estilo del editor ahora es similar a una consola de comandos. Screenshot #2

Ver captura

La caja para subir una imagen también tiene un estilo DarkGreen. Screenshot #3

Ver captura

El Footer ahora es más vistoso. Screenshot #4

Ver captura

Videos

¿Cómo instalar?

Pronto

> Ver documento original en Github

// ==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
    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.


headwayapp.darkgreen v0.1 | 2020-07-11 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.
Publicidad