Por ejemplo, este es código swift
func jjj () {
let jj: String = "1"
}
Quiero que tenga el color del siguiente,
El color se agrega según el idioma. Puede verificar si Swift está agregado en highlighted_languages y si la detección aún no funciona, también puede establecer manualmente el idioma para un bloque de código.
2 Me gusta
El formato del bloque de código está bien, se añadió como (sin las “”)
" swift [código aquí] "
Se resalta de la siguiente manera, pero el problema es el color que proporciona, no me gusta. Se resalta como se muestra a continuación. (ver el color rojo “jjj”, quiero que sea de color azul.
Pero quiero algo como lo siguiente
¿Es posible editar un archivo, etc. a través de la terminal? para poder cambiar los colores predeterminados asignados para un idioma específico?
Los idiomas detectados se configuran a través de un ajuste del sitio: idiomas resaltados.
Swift pertenece a la lista por defecto pero no en meta.
Los idiomas compatibles con esta biblioteca de terceros se enumeran aquí:
editar: como se explica aquí 
@PrettyGirl, consejo de markdown: puedes escapar las comillas invertidas de un bloque de código envolviendo tu código con cuatro comillas invertidas en lugar de tres 
``` swift
[código aquí]
```
2 Me gusta
Hola 
También puedes intentar cambiar los colores con este componente temático 
4 Me gusta
Gracias por el consejo y el enlace. Sin embargo, la configuración del sitio highlighted languages incluye swift. Se resalta, pero no me gustan los colores con los que actualmente resalta. ¿Hay alguna otra manera? ¿Editar highlight.js dentro de la carpeta discourse, etc.? Debería haber una manera, ¿verdad? Me doy cuenta de que highlight.js también es de código abierto.
¿Discourse viene con highlight.js por defecto?
Oh, lo siento, leí mal tu tema. 
Sí
1 me gusta
¿Probaste el componente de tema publicado por beeper en tu último mensaje?
1 me gusta
No lo hice, porque no sé cómo se verán otras áreas (en toda la aplicación de Discourse) si aplico otros temas. Me gusta el aspecto y la configuración actuales, pero solo tengo un par de problemas aquí y allá. Si el tema cambia la apariencia u otras configuraciones, etc., además de proporcionar bloques de código agradables, no vale la pena. Solo necesito solucionar ese problema específico.
Puedes apuntar por separado los idiomas del código y anular la detección automática de idiomas como se mencionó en las publicaciones anteriores.
Si quieres apuntar a Swift, puedes hacerlo con la clase .language-swift. Para ser más específico… code.hljs.language-swift. Y puedes cambiar los colores de Swift en CSS.
He revisado esto y parece que se acerca al tema de Xcode. Pero cambiaremos esos dos colores para que se adapten mejor a los colores del código de tu captura de pantalla.
El problema con estos colores es que son difíciles de leer en modo oscuro. Por eso, en la página de demostración de highlight.js hay un fondo blanco y creo que esta es la razón por la que Discourse utiliza una combinación de colores genérica por defecto para los idiomas. Si recuerdo correctamente, hubo algún informe en el pasado sobre la dificultad de lectura en modo oscuro, etc…
Para cambiarlo solo a Swift, tienes que crear un nuevo componente de tema o añadir esto a uno existente. Nota: Estos colores también se usarán en modo oscuro (fondo blanco, etc.), así que si quieres colores diferentes en modo oscuro, tendrás que crear nuevas definiciones de color dark-light-choose().
Común / CSS
code.hljs.language-swift {
background: #fff;
color: #000;
.xml .hljs-meta {
color: silver;
}
.hljs-comment,
.hljs-quote {
color: #007400;
}
.hljs-attribute,
.hljs-keyword,
.hljs-literal,
.hljs-name,
.hljs-selector-tag,
.hljs-tag {
color: #aa0d91;
}
.hljs-template-variable,
.hljs-variable {
color: #3f6e74;
}
.hljs-code,
.hljs-meta .hljs-string,
.hljs-string {
color: #c41a16;
}
.hljs-link,
.hljs-regexp {
color: #0e0eff;
}
.hljs-bullet,
.hljs-number,
.hljs-symbol,
.hljs-title {
color: #2b75a6;
}
.hljs-meta,
.hljs-section {
color: #643820;
}
.hljs-built_in,
.hljs-class .hljs-title,
.hljs-params,
.hljs-title.class_,
.hljs-type {
color: #442fa1;
}
.hljs-attr {
color: #836c28;
}
.hljs-subst {
color: #000;
}
.hljs-formula {
background-color: #eee;
font-style: italic;
}
.hljs-addition {
background-color: #baeeba;
}
.hljs-deletion {
background-color: #ffc8bd;
}
.hljs-selector-class,
.hljs-selector-id {
color: #9b703f;
}
.hljs-doctag,
.hljs-strong {
font-weight: 700;
}
.hljs-emphasis {
font-style: italic;
}
}
Antes
Después
5 Me gusta
Se añade un Theme component al Theme que ya usas. Por lo tanto, no cambia el aspecto general, sino que añade o cambia algo específico. Así que el componente de código personalizado solo cambia la apariencia del código
5 Me gusta
La descripción dice que solo cambia los bloques de código, que es exactamente lo que quieres hacer.
Por favor, lee los enlaces sobre cómo funcionan los temas que otros sugirieron.
3 Me gusta
Increíble, muchas gracias. Funciona
1 me gusta
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.