Makeup Demo

Diffs and patches

A lexer for diffs and patches.

This page shows examples of source files lexed by the same lexer, but rendered into HTML using different styles.

Some styles are richer than others in that they define more different token categories. Examples of such richer styles are the Default style, the Tango style and the Colorful style.

In all cases the lexer is the same, and the only difference is the colors defined by the styles.

Abap Style (abap)

You can access this style as:

Makeup.Styles.HTML.StyleMap.abap_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Algol Style (algol)

You can access this style as:

Makeup.Styles.HTML.StyleMap.algol_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Algol_Nu Style (algol_nu)

You can access this style as:

Makeup.Styles.HTML.StyleMap.algol_nu_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Arduino Style (arduino)

You can access this style as:

Makeup.Styles.HTML.StyleMap.arduino_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Autumn Style (autumn)

You can access this style as:

Makeup.Styles.HTML.StyleMap.autumn_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Borland Style (borland)

You can access this style as:

Makeup.Styles.HTML.StyleMap.borland_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

BlackWhite Style (bw)

You can access this style as:

Makeup.Styles.HTML.StyleMap.bw_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Colorful Style (colorful)

You can access this style as:

Makeup.Styles.HTML.StyleMap.colorful_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Default Style (default)

You can access this style as:

Makeup.Styles.HTML.StyleMap.default_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Emacs Style (emacs)

You can access this style as:

Makeup.Styles.HTML.StyleMap.emacs_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Friendly Style (friendly)

You can access this style as:

Makeup.Styles.HTML.StyleMap.friendly_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Fruity Style (fruity)

You can access this style as:

Makeup.Styles.HTML.StyleMap.fruity_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Igor Style (igor)

You can access this style as:

Makeup.Styles.HTML.StyleMap.igor_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Lovelace Style (lovelace)

You can access this style as:

Makeup.Styles.HTML.StyleMap.lovelace_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Manni Style (manni)

You can access this style as:

Makeup.Styles.HTML.StyleMap.manni_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Monokai Style (monokai)

You can access this style as:

Makeup.Styles.HTML.StyleMap.monokai_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Murphy Style (murphy)

You can access this style as:

Makeup.Styles.HTML.StyleMap.murphy_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Native Style (native)

You can access this style as:

Makeup.Styles.HTML.StyleMap.native_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

ParaisoDark Style (paraiso_dark)

You can access this style as:

Makeup.Styles.HTML.StyleMap.paraiso_dark_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

ParaisoLight Style (paraiso_light)

You can access this style as:

Makeup.Styles.HTML.StyleMap.paraiso_light_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Pastie Style (pastie)

You can access this style as:

Makeup.Styles.HTML.StyleMap.pastie_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Perldoc Style (perldoc)

You can access this style as:

Makeup.Styles.HTML.StyleMap.perldoc_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

RainbowDash Style (rainbow_dash)

You can access this style as:

Makeup.Styles.HTML.StyleMap.rainbow_dash_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Rrt Style (rrt)

You can access this style as:

Makeup.Styles.HTML.StyleMap.rrt_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Tango Style (tango)

You can access this style as:

Makeup.Styles.HTML.StyleMap.tango_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Trac Style (trac)

You can access this style as:

Makeup.Styles.HTML.StyleMap.trac_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Vim Style (vim)

You can access this style as:

Makeup.Styles.HTML.StyleMap.vim_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

VisualStudio Style (vs)

You can access this style as:

Makeup.Styles.HTML.StyleMap.vs_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file

Xcode Style (xcode)

You can access this style as:

Makeup.Styles.HTML.StyleMap.xcode_style()

And invoke Makeup.stylesheet(style) to generate the appropriate stylesheets for you.

example

index d332f34..b9fbaa5 100644
--- a/a.rtf
+++ b/b.rtf
@@ -6,5 +6,5 @@
 \pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
 
 \f0\fs24 \cf0 Elixir\
-Erlang\
-Phoenix}
\ No newline at end of file
+erlang\
+Phoenix Framework}
\ No newline at end of file