diff --git a/README.md b/README.md
index 5aa97709d643ff12a3a0ded1273438c2d1453cd7..4c720e2e2e6ae471321e5b06b9662be1342834ca 100644
--- a/README.md
+++ b/README.md
@@ -897,7 +897,7 @@ Reveal.addEventListener( 'fragmenthidden', function( event ) {
### Code syntax highlighting
-By default, Reveal is configured with [highlight.js](https://highlightjs.org/) for code syntax highlighting. To enable syntax highlighting, you'll have to load the highlight plugin ([plugin/highlight/highlight.js](plugin/highlight/highlight.js)) and a highlight.js CSS theme (Reveal comes packaged with the zenburn theme: [lib/css/zenburn.css](lib/css/zenburn.css)).
+By default, Reveal is configured with [highlight.js](https://highlightjs.org/) for code syntax highlighting. To enable syntax highlighting, you'll have to load the highlight plugin ([plugin/highlight/highlight.js](plugin/highlight/highlight.js)) and a highlight.js CSS theme (Reveal comes packaged with the Monokai themes: [lib/css/monokai.css](lib/css/monokai.css)).
```javascript
Reveal.initialize({
diff --git a/css/theme/beige.css b/css/theme/beige.css
index fb5f1373d7047db10aad76539fea6b82739d2117..615dd6d1db36a28f58293f06712dbbbbec580250 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -153,7 +153,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/black.css b/css/theme/black.css
index dec6385bb1304dd69c34d586833f8d097921e52b..7dd88c2c7adb298b804d29f11446bd0e6a3ea4fc 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -11,8 +11,8 @@ section.has-light-background, section.has-light-background h1, section.has-light
* GLOBAL STYLES
*********************************************/
body {
- background: #222;
- background-color: #222; }
+ background: #191919;
+ background-color: #191919; }
.reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif;
@@ -149,7 +149,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
@@ -270,4 +270,4 @@ body {
*********************************************/
@media print {
.backgrounds {
- background-color: #222; } }
+ background-color: #191919; } }
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 15e6c20711e40ca338dac368456f73196a6eac1d..5cbd488b79bd8eb8d7edf254bf5b0bb1fbc55c25 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -152,7 +152,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/league.css b/css/theme/league.css
index 9dfa2ce853f39040a2dab7be3bfee90152181660..f8fba4da2f5ef82833797890454c13df529d8e0c 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -155,7 +155,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 52b3f67b5fbaa28134550a7b4ffac79f156faef7..d18f526034ede0381aba641511b2468c4b6107cd 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -153,7 +153,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/night.css b/css/theme/night.css
index 51a3dd34c4e83d476bb06a7cb970c204e8fb7c38..f5ccb522dabddbe8a1b1a57d4f495a16fbeb5e18 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -147,7 +147,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/serif.css b/css/theme/serif.css
index ea01066e96014375123f46d497dab7b41c85b58a..6514a6fc2d9bcf3d0c30faae3ea323683feb1998 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -149,7 +149,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 8432d84b252fd2aec0e31099f4c215d0b2ac41c8..a7a29a64097a36a9acdf926486d5d8203850b35b 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -152,7 +152,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 6f60a1d9456660f0f209c4b7f4562809e18821f4..d8734c9c2611bed62806bd89eeeaae77bc057411 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -156,7 +156,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index fe81f09d0c4e7bf5e1d2656c6b769365799a4b72..f1a2b9e3983b9ae57fdeb50adb14703a08b412c8 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -153,7 +153,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/css/theme/source/black.scss b/css/theme/source/black.scss
index 84e8d9a13f713766e8147f5d28a19c48afec50df..4720c8abe9763a9526bcdfc5071030ce94bc2f7b 100644
--- a/css/theme/source/black.scss
+++ b/css/theme/source/black.scss
@@ -16,7 +16,7 @@
// Override theme settings (see ../template/settings.scss)
-$backgroundColor: #222;
+$backgroundColor: #191919;
$mainColor: #fff;
$headingColor: #fff;
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 215e2d4a32499ff286ff9eaebc37aa0ce051cd42..9ccfaf511d97ed6de509a695c4ab830a156954c5 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -167,7 +167,7 @@ body {
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}
.reveal code {
diff --git a/css/theme/white.css b/css/theme/white.css
index 27e44a1b4ed5c4bec90bb110d4fbe5265be1581f..43ef2c79e8b594222143edb8ad3f7fbe1ee9ff87 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -149,7 +149,7 @@ body {
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
- box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
diff --git a/demo.html b/demo.html
index 6b268806d0397b9599d494adfce35c9a3bd43186..634b538eb0e0613a69e141fa47dcc264afe0824d 100644
--- a/demo.html
+++ b/demo.html
@@ -19,7 +19,7 @@
<link rel="stylesheet" href="css/theme/black.css" id="theme">
<!-- Theme used for syntax highlighting of code -->
- <link rel="stylesheet" href="lib/css/zenburn.css">
+ <link rel="stylesheet" href="lib/css/monokai.css">
<!-- Printing and PDF exports -->
<script>
diff --git a/index.html b/index.html
index ad28d21812e0ea75a35ed73a219a5f54715b106e..f938be548838b8d6873987e65f0f7446ce29baa1 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
<link rel="stylesheet" href="css/theme/black.css">
<!-- Theme used for syntax highlighting of code -->
- <link rel="stylesheet" href="lib/css/zenburn.css">
+ <link rel="stylesheet" href="lib/css/monokai.css">
<!-- Printing and PDF exports -->
<script>
@@ -41,7 +41,7 @@
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
- { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
+ { src: 'plugin/highlight/highlight.js', async: true }
]
});
</script>
diff --git a/lib/css/monokai.css b/lib/css/monokai.css
new file mode 100644
index 0000000000000000000000000000000000000000..af24834a99e79b9394aec92d0ae6e1de54162b85
--- /dev/null
+++ b/lib/css/monokai.css
@@ -0,0 +1,71 @@
+/*
+Monokai style - ported by Luigi Maselli - http://grigio.org
+*/
+
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ background: #272822;
+ color: #ddd;
+}
+
+.hljs-tag,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-strong,
+.hljs-name {
+ color: #f92672;
+}
+
+.hljs-code {
+ color: #66d9ef;
+}
+
+.hljs-class .hljs-title {
+ color: white;
+}
+
+.hljs-attribute,
+.hljs-symbol,
+.hljs-regexp,
+.hljs-link {
+ color: #bf79db;
+}
+
+.hljs-string,
+.hljs-bullet,
+.hljs-subst,
+.hljs-title,
+.hljs-section,
+.hljs-emphasis,
+.hljs-type,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable {
+ color: #a6e22e;
+}
+
+.hljs-comment,
+.hljs-quote,
+.hljs-deletion,
+.hljs-meta {
+ color: #75715e;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-type,
+.hljs-selector-id {
+ font-weight: bold;
+}
diff --git a/plugin/markdown/example.html b/plugin/markdown/example.html
index b520304a930b08249d223a11ea6bde962b2a27c0..0904fbbe3132c092313d1fb2d766a3eebe2b0c18 100644
--- a/plugin/markdown/example.html
+++ b/plugin/markdown/example.html
@@ -9,7 +9,7 @@
<link rel="stylesheet" href="../../css/reveal.css">
<link rel="stylesheet" href="../../css/theme/white.css" id="theme">
- <link rel="stylesheet" href="../../lib/css/zenburn.css">
+ <link rel="stylesheet" href="../../lib/css/monokai.css">
</head>
<body>