hhlp
10 Noviembre, 2021 10:06
1
Código en línea código → Código normal
He encontrado estas dos soluciones, ninguna de las dos funciona, ¿me falta algo o algo ha cambiado mientras tanto?
Inline code in Discourse’s markdown rendered is hardly discernible. Here’s a sequence of the word code with code formatting in every other occurrence: code code code code. It’s very hard to tell the difference.
Compare for instance with how it shows on Stack Overflow:
[image]
And it’s even more obvious on Slack.
How would one go about changing this so that inline code is noticeable?
Hi, currently inline code is gray-highlighted. How can I change this to make it more contrast with color text?
For instance like this:
[%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5]
vs
noticeable inline code
Regards,
Ivan
Gracias de antemano…
Saludos.
IAmGav
(Gavin Perch)
10 Noviembre, 2021 10:13
2
Hay 4 configuraciones en admin > settings que necesitarías revisar
Espero que eso ayude
hhlp
10 Noviembre, 2021 10:43
3
No veo ninguna diferencia:
Idioma de código predeterminado → automático
Idiomas resaltados → una lista
Mostrar botón de copia en bloque de código → activado
Resaltar todo el código → activado
Opción no disponible code-fences.
No puedo instalar code-fences porque es un plan de empresa.
NOTA
También estoy añadiendo texto sin formato a la lista…
Saludos.
Como OP mencionó, el código en línea se puede resaltar. El método todavía funciona:
Vaya a https://example.com/admin/customize/themes/1/common/scss/edit (la URL de su tema puede ser diferente)
Vaya al final de la sección CSS y pegue el código a continuación:
p<code>, li<code> {
color: #c7254e;
background: #f9f2f4;
padding: 2px 4px;
border-radius: 2px;
}
Guarde. Hecho. Su texto en línea se ve así:
esto es solo para bloques de código (imagen abajo). La pregunta original era sobre texto en línea
hhlp
10 Noviembre, 2021 12:04
5
Gracias por tu respuesta. He probado tu código antes, pero no sé por qué no funciona en mi sitio:
Saludos.
Probablemente tu tema ya está personalizado y no lo soporta.
Uso el tema predeterminado (disculpa el texto no inglés):
hhlp
10 Noviembre, 2021 12:24
7
He usado el esquema de color predeterminado → claro
Saludos.
He tenido una prueba en mi sitio con el tema Claro predeterminado y funciona para mí. Tuve que actualizar mi página para que se mostrara correctamente.
¿Lo agregaste como un nuevo componente temático? Si es así, ¿recordaste adjuntarlo al tema? (bastante obvio, lo sé, pero lo olvidé )
hhlp
10 Noviembre, 2021 15:31
9
Muy contento de trabajar aquí ahora, y gracias por indicarme la dirección correcta, pero hay un problema aquí, un componente que aplica el tema está impidiendo que el código fuente funcione, cuando tenga una idea más clara de cuál es el componente, lo escribiré aquí.
Saludos.
hhlp
10 Noviembre, 2021 15:38
10
He encontrado y esta es la fuente:
-> discourse-custom-code/common at main · discourse/discourse-custom-code · GitHub
@import "common/foundation/variables";
@import "https://fonts.googleapis.com/css?family=#{$font}";
// --------------------------------------------------------------- //
code,
pre {
font-family: $font_family;
font-size: #{$font_size};
border-radius: #{$border_radius}px;
}
.hljs {
color: dark-light-choose($hljs_light, $hljs_dark) !important;
}
.hljs-comment,
.hljs-doctag {
color: dark-light-choose($comment_light, $comment_dark) !important;
}
This file has been truncated. show original
p > code,
li > code,
pre > code {
color: dark-light-choose($code_light, $code_dark) $i;
background: dark-light-choose($code_background_light, $code_background_dark) $i;
}
Puedes hacerlo sin retocar CSS, solo usa ese componente y modifica:
color claro.
color de fondo claro.
código oscuro.
fondo de código oscuro.
NOTA
sin embargo, esto funciona tanto para código en línea como para código de bloque.
Saludos.,
Parece que el enlace correcto debería ser Custom Code