Facebook Dark Theme

Bienvenidos a mi cuarto post




NO HAY RESUMEN LEVEL 5
Al final del post se encuentra los enlaces.

Hace poco volví a rehacer de 0 mi theme de facebook y realice varios cambios.

Una de las cosas en las que me enfoque fue en hacerlo personalizable por el usuario.
En algunos themes que había realizado siempre me hacían comentarios como: podes ponerlo un poco mas clarito esto, le podes cambiar el color a esto y demás.

Por lo cual partí desde allí y llego a lo que realice a la fecha.

Actualmente el theme default (sin realizar cambios en la personalización, instalandolo como viene) trae cierta opacidad para que se pueda apreciar más el fondo que el usuario elija (podes seleccionar unas de las imágenes predefinidas o subir la tuya como por ejemplo: Tu waifu, equipo favorito, banda de música o lo que te imagines.

También cuenta con la opción de cambiarlo a un formato "WIDE" algo en lo que aun sigo trabajando porque no estoy muy familiarizado con este tema, también estoy trabajando en una opción que esta en el theme de tenerlo con formato wide y 2 columnas donde se muestren las noticias para aprovechar mejor el espacio y no tener que matarse scrolleando, pero ese me cuesta más ya que me buguea otras secciones por lo cual es algo a ver a futuro.

En las opciones del estilo se puede conseguir también los mismos colores que mostrare más adelante pero sin opacidad, solo se debe copiar el código HEX que se encuentra adelante del texto de las opciones.

Por ultimo ya hay 2 opciones personalizables ( Pink para las chicas A.K.A feminazis y Black/Red A.K.A patriarcado) solo se debe copiar el código y pegarlo en las opciones.

Ahora las imágenes:

Home



Perfil



Perfil grupo de musica



Chat



Estilo personalizado Pink (A.K.A Feminazis)



Estilo personalizado Black/Red (A.K.A Patriarcado)



Los códigos de los estilos personalizados se encuentran en la pagina del theme, deben ir al enlace correspondiente que los manda a una pagina de "paste online" donde podrán ver que colores fueron usados para obtener el mismo estilo personalizado igual que las imágenes.


Pronto tratare de subir un .psd editable para que puedan editarlo desde Photoshop y ver que colores pegan más con sus gustos y puedan editar el estilo fácilmente.

Actualmente esta disponible esta imagen para guiarse como editar el theme


Estas son las opciones que tiene actualmente el theme para editar



___________________________________________ 


Resumiendo un poco con este estilo se puede:
Elegir el color de fondo o utilizar una imagen de fondo.
Elegir el color de las cajas con contenido al igual que el hover.
Elegir el color de texto que tenes vos y tu amigo dentro del chat.
Elegir el color de los enlaces.
Elegir formato WIDE o no.
Elegir imágenes redondeadas o no (lo puse como border-radius).
Elegir si se bloquea la bloquea la publicidad. ( se recomienda igualmente utilizar Ublock origin y Popup Blocker Pro


___________________________________________ 

Para poder utilizar este estilo deben descargar el complemento/addon de stylish 



Una vez descargado e instalado el complemento van al siguiente enlace e implementan el estilo




Quizá te interese:



También hice otros estilos para otros sitios webs distintos siguiendo la temática de versiones "dark/night" los pueden visualizar en mi perfil de userstyles: .