Soporte » Diseño – Temas y plantillas » Que tema para modo oscuro me recomendáis?

  • Resuelto ferrtx

    (@ferrtx)


    Hola, mi sitio lo quiero mostrar con fondos oscuros, algo que puede ser sencillo desde el personalizador.
    Pero llevo días probando varios, desde el twenty one hasta el OceanWP, vamos un mondo entre ambos.
    Por su puesto necesito barra lateral y el twenty one no la ofrece.
    En cuanto al OceanWP, he conseguido ajustar todos los colores posibles, incluso he activado el plugin ocean extra.

    Resulta que no hay forma de que las etiquetas meta de las entradas individuales, muesten la fecha en color claro sobre fondo oscuro, es imposible desde la personalización y ese simple detalle me echa para atrás todo el trabajo.
    También probé el Astra pero no logré configurar un color oscuro para los contenidos…
    También hay plugins que dan la opción al visitante para elegir modo claro u oscuro, pero no es esa la cuestión.

    En fin, Alguien me puede recomendar un theme para mostrarlo con fondos oscuros y texto blanco?

    Agradezco cualquier respuesta, la verdad que estas cosas desesperan.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    Es muy difícil que consigas un tema con una paleta de colores que sea exactamente la que necesitas, si con las opciones de OceanWP o Astra logras una configuración aproximada el resto puedes hacerlo con unos retoques de CSS.

    OceaWP tiene en sus demos gratuitas un ejemplo:

    https://megagym.oceanwp.org/blog/

    En Astra también tienes alguno, por ejemplo:

    https://websitedemos.net/photographer-08/

    Importando esos contenidos de demostración puedes ver la paleta de colores que tienen definida y dar los retoques necesarios para crear la tuya personalizada. Usando el ejemplo de Astra, si le añades estos códigos ya cambias los colores de las metas:

    .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
        color: red;
    }

    y para cambiar el fondo y los textos de las entradas en el blog:

    .ast-separate-container .ast-article-single:not(.ast-related-post) {
        background-color: black;
    }
    
    .post.type-post p, .post.type-post h2 {
        color: white;
    }

    Con esto lo que te quiero indicar es que aparte de las opciones que tienes en la personalización del tema puedes ir más adentro añadiendo CSS adicional al tema.

    Comenta si tienes alguna duda y, por favor, recuerda marcar el debate como resuelto cuando así lo consideres, de esta forma nos ayudas a mantener el foro al día.

    Iniciador del debate ferrtx

    (@ferrtx)

    Muchas gracias @jose64 brillante respuesta!

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Debes estar registrado para responder a este debate.