diff --git a/css/theme/beige.css b/css/theme/beige.css
index 944dbd835aab8e0141be384169ef6cfa32e57a15..8c880a916a61004e461777164ee94336c251b1d9 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -146,9 +146,7 @@ body {
   padding: 5px;
   overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
+  word-wrap: normal; }
 
 .reveal table {
   margin: auto;
diff --git a/css/theme/black.css b/css/theme/black.css
index ee2ead818a62b6a231991837058751b9cab7eca5..5ff960e1a9d1607d1b24459209b696fad168d384 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -142,9 +142,7 @@ body {
   padding: 5px;
   overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
+  word-wrap: normal; }
 
 .reveal table {
   margin: auto;
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 952fdf249218b26b24ed062b48388d42f4ba6483..8d554dfcdae23df3d16d217eb184fc7bf2b4561c 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -145,9 +145,7 @@ body {
   padding: 5px;
   overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
+  word-wrap: normal; }
 
 .reveal table {
   margin: auto;
diff --git a/css/theme/league.css b/css/theme/league.css
index 41967d2bd102b6d5b679ccbeef586c6fedd96f5d..ed1641c341f98cfb7582744e422e4743e448572e 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -148,9 +148,7 @@ body {
   padding: 5px;
   overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
+  word-wrap: normal; }
 
 .reveal table {
   margin: auto;
diff --git a/css/theme/moon.css b/css/theme/moon.css
index ac936385f39d9426307273db0719d571d52394ce..55e1662fd3356c5d5615a58367a627dd97b15f4d 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -146,9 +146,7 @@ body {
   padding: 5px;
   overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
+  word-wrap: normal; }
 
 .reveal table {
   margin: auto;
diff --git a/css/theme/night.css b/css/theme/night.css
index 6a5ed3171e214b14bb5c79f8f54dd41a779a125b..efaa96939cbd462eada1c63619d6f06f851e66cc 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -140,9 +140,7 @@ body {
   padding: 5px;
   overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
+  word-wrap: normal; }
 
 .reveal table {
   margin: auto;
diff --git a/css/theme/serif.css b/css/theme/serif.css
index fc83e5dfe3a0e13e61636f09abf405c8c38cd55b..69dbf96824af3277c204000905e9d338ead24d9b 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -142,9 +142,7 @@ body {
   padding: 5px;
   overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
+  word-wrap: normal; }
 
 .reveal table {
   margin: auto;
diff --git a/css/theme/simple.css b/css/theme/simple.css
index ea08a27fa6056bbd1cdf73b7f2f33e2f995288a7..e63edc21d24dac239d12b2918945a96759359dcb 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -142,9 +142,7 @@ body {
   padding: 5px;
   overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
+  word-wrap: normal; }
 
 .reveal table {
   margin: auto;
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 83842c4e8ce88c322ba4ba395f8886dcd0c45d87..99bf0275b1b3f5666abe9fde46aef2f855965f02 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -149,9 +149,7 @@ body {
   padding: 5px;
   overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
+  word-wrap: normal; }
 
 .reveal table {
   margin: auto;
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 649f7a920bccad13163ae2e3c28920eeb32f44ae..56e8b367e37f9da67799d55dee1066807d2eff4f 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -146,9 +146,7 @@ body {
   padding: 5px;
   overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
+  word-wrap: normal; }
 
 .reveal table {
   margin: auto;
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index bd89d3167061855cbb879a666b56b29aca145492..12edb518ff391af9195e8fcbbd1db2b29e405916 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -178,8 +178,6 @@ body {
 	overflow: auto;
 	max-height: 400px;
 	word-wrap: normal;
-	background: #3F3F3F;
-	color: #DCDCDC;
 }
 
 .reveal table {
diff --git a/css/theme/white.css b/css/theme/white.css
index c77d5abb0b914d2db6afdb6be1300384879eeed3..171e7194b52853b5b0495242207b07e5083f8f85 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -142,9 +142,7 @@ body {
   padding: 5px;
   overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
-  background: #3F3F3F;
-  color: #DCDCDC; }
+  word-wrap: normal; }
 
 .reveal table {
   margin: auto;
diff --git a/index.html b/index.html
index aad20464b7453f1754728b1e22a6184faa9153dd..0159b7f7d96345b32f1b199e8b02d03eb0b036ae 100644
--- a/index.html
+++ b/index.html
@@ -189,16 +189,16 @@
 					</section>
 					<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png">
 						<h2>Image Backgrounds</h2>
-						<pre><code>&lt;section data-background="image.png"&gt;</code></pre>
+						<pre><code class="hljs">&lt;section data-background="image.png"&gt;</code></pre>
 					</section>
 					<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png" data-background-repeat="repeat" data-background-size="100px">
 						<h2>Tiled Backgrounds</h2>
-						<pre><code style="word-wrap: break-word;">&lt;section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"&gt;</code></pre>
+						<pre><code class="hljs" style="word-wrap: break-word;">&lt;section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"&gt;</code></pre>
 					</section>
 					<section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm" data-background-color="#000000">
 						<div style="background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px;">
 							<h2>Video Backgrounds</h2>
-							<pre><code style="word-wrap: break-word;">&lt;section data-background-video="video.mp4,video.webm"&gt;</code></pre>
+							<pre><code class="hljs" style="word-wrap: break-word;">&lt;section data-background-video="video.mp4,video.webm"&gt;</code></pre>
 						</div>
 					</section>
 					<section data-background="http://i.giphy.com/90F8aUepslB84.gif">
@@ -211,7 +211,7 @@
 					<p>
 						Different background transitions are available via the backgroundTransition option. This one's called "zoom".
 					</p>
-					<pre><code>Reveal.configure({ backgroundTransition: 'zoom' })</code></pre>
+					<pre><code class="hljs">Reveal.configure({ backgroundTransition: 'zoom' })</code></pre>
 				</section>
 
 				<section data-transition="slide" data-background="#b5533c" data-background-transition="zoom">
@@ -219,12 +219,12 @@
 					<p>
 						You can override background transitions per-slide.
 					</p>
-					<pre><code style="word-wrap: break-word;">&lt;section data-background-transition="zoom"&gt;</code></pre>
+					<pre><code class="hljs" style="word-wrap: break-word;">&lt;section data-background-transition="zoom"&gt;</code></pre>
 				</section>
 
 				<section>
 					<h2>Pretty Code</h2>
-					<pre><code data-trim contenteditable>
+					<pre><code class="hljs" data-trim contenteditable>
 function linkify( selector ) {
   if( supports3DTransforms ) {