2009-11-03 9 views
28

Używam Googles znakomitego Code Prettify i jestem z tego całkiem zadowolony.Jak uzyskać Google Prettify, aby renderować bardziej jak Visual Studio

Ale: Czy ktoś ma alternatywny arkusz stylów CSS, więc będzie on bardziej podobny do kolorystyki wizualnej Visual Studios? Zielone komentarze, czerwony tekst/ciągi, itp.

+0

Wydaje się to bardziej odpowiednie dla superuser.com, prawda? – sfarbota

+4

Hmm, nie wiem: miałem nadzieję, że ktoś miał ten sam "problem" i odpowiednio zmodyfikował CSS. Więc zajmuje to trochę programowania ... –

Odpowiedz

36

Zajęło mi to trochę czasu, ale zreplikowałem dokładnie konfigurację kolorów mojego Visual Studio. Cieszyć się.

.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; } 

Komentarze są zielone, struny/tagów czerwonawy, słów kluczowych, niebieski, typy niebieskawe, cyfry, znaki interpunkcyjne czarny czerwony, fioletowy deklaracje.

+4

Działa tak jak w reklamie - absolutnie genialny! Dzięki! :) –

+1

Jeśli używasz hosta j. Google, możesz potrzebować dodać '! Important' do każdej reguły css. –

6

Nie używam Visual Studio, więc nie znam schematu kolorów, ale upiększanie jest łatwe do modyfikacji.

  1. pobrania pełna wersja (nie wersja mała, jak CSS został minified)
  2. Otwórz plik prettify.css w katalogu src. Jest 10 lub więcej "elementów", które możesz zmienić kolor.
  3. Złap wartości szesnastkowe każdego koloru z programu Visual Studio (jeśli jest dostępny, jeśli nie, możesz użyć aplikacji wyboru koloru, aby uzyskać wartości szesnastkowe).
  4. Zamień atrybut koloru dla każdego elementu w pliku CSS.

Ja sam bardzo szybko wyrzuciłbym go, gdybym znał kolory, ale mam nadzieję, że to pomoże!

Powiązane problemy