Featured image of post Cómo cambiar el esquema de colores y la paleta del tema Hugo PaperMod con CSS

Cómo cambiar el esquema de colores y la paleta del tema Hugo PaperMod con CSS

Explicamos cómo personalizar la combinación de colores general en el tema Hugo PaperMod. Mostramos ejemplos de configuración de variables para aplicar tu esquema de colores preferido editando el CSS (blank.css), que incluye definiciones de estilos como color de fondo, color de texto y bloques de código.

He cambiado la paleta de colores del tema PaperMod. Me referí al siguiente enlace para saber cómo hacerlo:

https://github.com/adityatelange/hugo-PaperMod/discussions/645

La ruta del CSS es la siguiente:

themes/PaperMod/assets/css/extended/blank.css

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
:root {
    --entry: #fbf7ef;
    --primary: rgba(113, 103, 91, 1.00);
    --secondary: rgba(113, 103, 91, 0.95);
    --tertiary: rgba(113, 103, 91, 0.50);
    --content: rgba(113, 103, 91, 0.85);
    --hljs-bg: #34231B;
    --code-bg: #ebe4d7;
    --border: #fdfaf5;
    --theme: #fbf7ef;
}
.dark {
}

Por ahora, no hay cambios en el modo oscuro.

comments powered by Disqus