Prettify Theme Roller

Choose from a list of default stylesheets or customize your own using less to generate the neccessary css

Customize

Themes

Visual Studio

Visual Studio

Hemisu Light

Hemisu Light

Visual Studio

Visual Studio

Visual Studio

Visual Studio

Sample Code

HyperText MarkupLanguage .lang-html

<ul class="nav nav-tabs tabs-student">
  <!-- comment -->
  <li class="active"><a href="#tab-activity">Activity</a></li>
  <li class=""><a href="#tab-sales">Sales</a></li>
</ul>

Cascade Style Sheets .lang-css

pre.prettyprint {
    width: 600px;
    overflow: auto; /*Set to Auto*/
    max-height: 600px;
}

JavaScript .lang-js

$('.tabs-student a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
});

CSharp .lang-cs

public class Program
{
    /// <summary>The entry point to the program.</summary>
    public static int Main(string[] args)
    {
        Console.WriteLine("Hello, World!");
        string s = @"This
                    ""string""
                    spans
                    multiple
                    lines!";
        return 0;
    }
}

Visual Basic .lang-vb

'''<Summary>Method Does This</Summary>
Private Sub OnTextBoxTextChanged(sender As Object, e As TextChangedEventArgs) Handles Me.TextChanged
    'comment
    Dim senderText As TextBox = DirectCast(sender, TextBox)
    Dim bindingExp As BindingExpression = senderText.GetBindingExpression(TextBox.TextProperty)
    bindingExp.UpdateSource()
End Sub

EXtensible Markup Language .lang-xml

<?xml version="1.0" encoding="utf-8"?>
<Stock Date="13.11.2013">
  <Assortment>
    <!-- comment -->
    <Item>Sock</Item>
    <Quantity>1</Quantity>
  </Assortment>
  <Assortment>
    <Item>Puppet</Item>
    <Quantity>2</Quantity>
  </Assortment>
</Stock>

Structured Query Language .lang-sql

BEGIN;
CREATE TABLE "topic" (
    "id" serial NOT NULL PRIMARY KEY,
    "forum_id" integer NOT NULL,
    "subject" varchar(255) NOT NULL
);
ALTER TABLE "topic" ADD CONSTRAINT forum_id FOREIGN KEY ("forum_id") REFERENCES "forum" ("id");