2009-11-03 10 views
28

Estoy usando Googles excelente Code Prettify y estoy bastante contento con él.Cómo obtener Google Prettify para renderizar más como Visual Studio

Pero: ¿Alguien tiene una hoja de estilos de CSS alternativa por lo que se verá un poco más como el color predeterminado de Visual Studios? Comentarios verdes, texto/cadenas en rojo, etc.

+0

Esto parece más apropiado para superuser.com, ¿no? – sfarbota

+4

Hmm, no sé: esperaba que alguien tuviera el mismo "problema" y modifiqué CSS en consecuencia. Por lo tanto, se necesita un poco de programación .... –

Respuesta

36

Me llevó un tiempo pero repliqué exactamente la configuración de color de mi Visual Studio. Disfrutar.

.com  { color: #008000; } 
.str, .tag { color: #A31515; } 
.kwd, .atv { color: #0000FF; } 
.typ  { color: #2B91AF; } 
.lit, .atn { color: #FF0000; } 
.pun, .pln { color: #000000; } 
.dec  { color: #800080; } 

comentarios son de color verde, cuerdas/etiquetas rojizo, palabras clave azul, azuladas, tipos números rojos, puntuacion negro, púrpura declaraciones.

+4

Funciona como se anuncia: ¡absolutamente genial! ¡Gracias! :) –

+1

Si está utilizando el js alojado en google, puede que necesite agregar '! Important' a cada regla css. –

6

No uso Visual Studio, así que no conozco la combinación de colores, pero Prettify es bastante fácil de modificar.

  1. Descargar la versión completa (no la versión pequeña, como el CSS ha sido minified)
  2. Abrir el archivo prettify.css en el directorio src. Hay 10 o más "elementos" con los que puedes cambiar el color.
  3. Tome los valores hexadecimales de cada color de Visual Studio (si están disponibles, de lo contrario, podría usar una aplicación de selección de color para obtener los valores hexadecimales).
  4. Reemplace el atributo de color para cada elemento en el archivo CSS.

Lo lanzaría yo mismo muy rápido si conocía los colores pero espero que esto ayude!

Cuestiones relacionadas