Off Topic - Dark Mode LWP !!!

Les comento que como proyecto personal me tome la molestia de hacer un Dark mode para LWP.

Les diré a continuación como pueden activarlo.

Como todos sabrán, al pasar mucho frente al PC, la vista se cansa. En mi caso particular casi todo lo uso en Dark mode, hasta el word xD

Una extensión que me ayuda es Stylus, basicamente te permite cambiar el estilo de un sitio web. Un estilo propio tuyo.

Y como ya se imaginaran, lo que nació como un proyecto, inspiró a muchos a crear una comunidad, la comunidad de https://userstyles.org/ una comunidad donde alguien sube un estilo personalizado de alguna web.

Google, Reddit, Stack Overflow, Facebook, Twiter, YouTube, Ebay, Wikipedia, Amazon y cualquier sitio de los mas famosos del mundo tienen estilos personalizados y lo que mas impera son los famosos Dark mode, temas oscuros.

Bueno, a mi me pareció buena idea en subir el Dark mode para LWP, pero por razones que desconozco no pude registrarme y aunque dispongo de gran banda ancha de internet, esa pagina se tarda un mundo en cargar. Por otro lado, mi hermano, alguien que supervisa cada cosa que yo hago, ha sido colaborador de varios Dark themes, y yo subí a su cuenta el estilo de LWP.

Que deben hacer?
- Deben instalar la Extensión Stylus
- Luego deben ir a https://userstyles.org/ y buscar el theme para LWP, pueden ir directamente en este link: https://userstyles.org/styles/185886/lwp-by-ochoa
- Una vez ahí, instalan el theme y listo.
- Esos mismos pasos siguen para las web que quieran.

El proyecto lo llevo en un 80% creo, he cubierto todo el dominio de https://www.lawebdelprogramador.com/, pero muy probablemente algunas cosas se me han escapado, en el link de user styles pueden ver algunas capturas, pero igual acá se las dejo:

Home


Foros


Respuestas


Código en respuestas



Son bienvenidas las sugerencias y las alertas de donde hace falta darle "una maquilladita" a LWP. Aunque debo aclarar que el propósito de esto es quitar el exceso de tonos blancos a la hora de navegar por LWP, por lo demás cada quien es libre de instar o no este theme. Deje algunos tonos azules que a mi ver no hacen que se vea mal el estilo.

Disclaimer: Aclaro que no es algo oficial de parte de la administración de LWP, es un proyecto personal, si los administradores les parece que esto incumple con algo, pueden proceder a borrar el post.


PD: Al momento de hacer este post, user styles me pone un gran 504 Gateway Time-out

Oleeee!!! que guapo Kathyu!!!

No sabia que se pudiera hacer esto!!!

Pues, si que se puede. Ya hay varios themes para las paginas mas visitadas o famosas del mundo. Y LWP no podía faltar.

Definitivamente mis ojos han agradecido este Dark mode

La cosa ahora es ver si este foro les avisa a todos los usuarios que hay un nuevo post. Digo para que vean este cambio, porque por ejemplo la gente que solo venga al foro de 3D, quizás nunca quieran ver que nuevas cosas hay en este apartado de LWP

Muchas gracias por esta aportación.

Sin duda así es más agradable a la vista.
Personalmente, al texto le he dado un color más cercano al gris en lugar de blanco.

Sabe que pasa? que al hacer eso su vista necesita esforzarse mas por leer, y se cansa mas, por eso los tonos en contraste son lo mejor.

Tengo un fondo oscuro, le pongo letra clara, es claro el fondo? entonces letra oscura, pero si usa un tono pastel y le pone un blanco de letra, pobre de sus ojos, aunque usted no lo siente mucho, pero sus ojos si.

Justo por eso ocupé el color teal en los links, aunque por ahí me ha quedado un link suelto, el de los MP's, y estoy pensando que los links de los post tambien debo colorearlos, un naranja quizás

Probaré unos días así a ver como me va.
Me resulta más relajado, pero ya veremos.
Un saludo.

No se ve mal

Incluso pinto los botones, y porque no hacemos una mezcla? digo yo ya tengo en userstyles el theme, podemos hacer un uppgrade ahi

Humm...
La verdad no me manejo bien con el Stylish este, incluso aún no se si lo que cambié ha sido locálmente en mi maquina, o los cambios se los he hecho al estilo que tú habías subido...
Mientras lo modificaba pensé:
- Verás la Kathyu, se va a enfadar porque le fregué su estilo

Para los botones puse este tono verde:

Para nada.

En cuanto pueda pongo ese color al Dark theme de userstyles

También cambié el azul del texto del recuadro que sale al final de la página.
Por defecto usa darkblue y con el "modo oscuro" se vuelven casi invisibles, aunque tampoco es algo que nadie suela leer.

Lo cambié a lightblue, quizás a ti se te ocurra otro tono más adecuado.

He realizado los cambios, pero esa mendiga pagina hace las cosas cuando ella quiere.

Le di los respectivos créditos en el change log Kabuto

Hay que seguir con esto hasta dejar todo OK para LWP

Fantástica idea. Con el tiempo he tenido que ponerme los temas negros para casi todo tipo de aplicaciones.

Aprovecho para añadir el enlace directo para descargar el Stylus desde Mozilla https://addons.mozilla.org/es/firefox/addon/styl-us/

Y también que la primera vez que entré a la página para descargarme el Theme me tardaba mucho en cargar y hasta me dio un error al instalarlo. Un segundo intento solucionó todo.

Saludos.

Buenale esa de poner para FF, en mi caso esa pagina funciona cuando se le pega la gana.

Cualquier cosa seguimos abiertos a cambios o mejoras !!!!!!!

Buenas,

Vaya genial, siempre me a gustado el dark mode en las páginas que más utilizo, y la verdad es que para la web del programador viene bien, antes utilizaba otro tipo de extensión de chrome que se llama Dark Reader pero no me gustaba mucho por que no se podía modificar muchas cosas, gracias por el aporte. Lo probaré.

Saludos.

He visto que al usarlo hay algunos cambios, como en el footer no tiene aplicado todo el color, los globos de nuevo foro es como muy claro, y la parte donde se ve el cuadrito del nombre esta como el color por defecto así como el input esta es su color blanco normal, igual para los text area, yo los arreglue un poco pero no sé si sean de su gusto y deseen agregarlos al proyecto. aquí les dejo el código por sí quieren, yo lo modifique con la herramienta de desarrolladores de google para ver el preview de como quedaría.


Saludos.

Pase preview por favor, ya que así es como vemos como se verían las cosas

Justo como lo hizo Kabuto, con imágenes para ver los cambios

Una pequeña duda, en caso de que el Theme se vaya actualizando con el tiempo, ¿hay que ir a la página web a actualizarlo o eso ya lo hace solo? Con las extensiones del navegador o lo hacen solos, o bien te mandan una pantallita de advertencia, pero con el theme ya no lo sé.

Hay que ir a userstyles y dar clic en update theme.

Yo lo veo innecesario, debería de actualizarse solo, pero eso ya no es tema nuestro, así se hace y ni modo.

Buenas aquí están los que he notado, algunos cambios son maña mia pero bueno si les gusta y los desean aplicar no caen mal

Primero estatus de los usuarios conectados al chat antes:



Después con algunos cambios hechos:



Código:


Cambio de a:



Footer

Antes de los cambios:



Después de los cambios realizados:




Código:


Globo de nuevo foro

antes :



después:



Código:

Cuadros (esto ya queda a gusto propio sí se desea agregar)
Antes:



Después:



Código:

Formulario:

Antes:



Después:



Código:

Recomendación

Antes:



Después:



Código:

Esos son algunos de los que he visto revisando.

Saludos.

Las cosas buenas hay que acatarlas !!!

He realizado los cambios propuestos y solventado algunos bugs en ellos, por ejemplo, al momento de poner una respuesta, cuando se pone focused este textarea, se miraba fatal, así que hice los cambios necesarios para el evento :focus de CSS


Ya pueden pasar por su actualización a US

Excelente!
Siempre viene bien el dark.
Recuerda siempre tener en cuenta las reglas de usabilidad, como un buen contraste,
especialmente para las etiquetas <pre></pre>.
Por demás pinta bárbaro, capo!

Bueno, solamente me gustaría comentar que al parecer se me actualiza solo, ya que gracias al mega-post de @pablo he podido comprobar que se tengo las mejores que él menciona.

Gracias!

Y usted cuando instaló el Dark theme?

Porque hasta el momento a mi nunca se me ha actualizado solo, alguien mas que confirme por favor, eso seria lo mejor...

Lo instalé el mismo día que puse el primer post aquí, el 9 de julio

Sigamos esperando a ver si se actualiza solo a todos...


Alguien mas con este mismo caso???

Buenas yo si tuve que dirigirme a la página a actualizar por que solo no lo hizo.

Saludos.