diff --git a/Gruntfile.js b/Gruntfile.js
index fbc2466252a9c932a0806171583170e66399cddd..e3f017c03c4e101e3a54b5405e2b9f4658ee33b8 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -37,7 +37,7 @@ module.exports = function(grunt) {
 			},
 			themes: {
 				files: {
-					'css/theme/default.css': 'css/theme/source/default.scss',
+					'css/theme/league.css': 'css/theme/source/league.scss',
 					'css/theme/black.css': 'css/theme/source/black.scss',
 					'css/theme/beige.css': 'css/theme/source/beige.scss',
 					'css/theme/night.css': 'css/theme/source/night.scss',
diff --git a/README.md b/README.md
index abc059f766093bf792e45c9322ed82d92ebd9011..703fa072e14a2387fc02287ddb127600cb3a1972 100644
--- a/README.md
+++ b/README.md
@@ -608,7 +608,8 @@ Here's an example of an exported presentation that's been uploaded to SlideShare
 
 The framework comes with a few different themes included:
 
-- default: Gray background, white text, blue links
+- black: Black background, white text, blue links (default theme)
+- league: Gray background, white text, blue links (default theme for reveal.js < 3.0.0)
 - beige: Beige background, dark text, brown links
 - sky: Blue background, thin white text, blue links
 - night: Black background, thick white text, orange links
@@ -619,7 +620,7 @@ The framework comes with a few different themes included:
 Each theme is available as a separate stylesheet. To change theme you will need to replace **default** below with your desired theme name in index.html:
 
 ```html
-<link rel="stylesheet" href="css/theme/default.css" id="theme">
+<link rel="stylesheet" href="css/theme/black.css" id="theme">
 ```
 
 If you want to add a theme of your own see the instructions here: [/css/theme/README.md](https://github.com/hakimel/reveal.js/blob/master/css/theme/README.md).
diff --git a/css/theme/default.css b/css/theme/league.css
similarity index 98%
rename from css/theme/default.css
rename to css/theme/league.css
index c3e5edf1be35e7f018ebf00cdad325feb680d872..80fb09e2e44dcf3c915e0de4057e5d5a6b6d9132 100644
--- a/css/theme/default.css
+++ b/css/theme/league.css
@@ -1,6 +1,8 @@
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
 /**
- * Default theme for reveal.js.
+ * League theme for reveal.js.
+ *
+ * This was the default theme pre-3.0.0.
  *
  * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
  */
diff --git a/css/theme/source/default.scss b/css/theme/source/league.scss
similarity index 95%
rename from css/theme/source/default.scss
rename to css/theme/source/league.scss
index 9c40485ea739c99354bcad2c52c076d2a5efcd3d..a21ef3c50fce4a00121eb7c28b63df3f461764f3 100644
--- a/css/theme/source/default.scss
+++ b/css/theme/source/league.scss
@@ -1,5 +1,7 @@
 /**
- * Default theme for reveal.js.
+ * League theme for reveal.js.
+ *
+ * This was the default theme pre-3.0.0.
  *
  * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
  */
diff --git a/index.html b/index.html
index 6bf40f42ec426f54a8e6a0390c00a2bbdbf2b615..cf90a217c509f34d285a99d0fb9d4ded08a2c5a6 100644
--- a/index.html
+++ b/index.html
@@ -167,7 +167,8 @@
 					<h2>Themes</h2>
 					<p>
 						reveal.js comes with a few themes built in: <br>
-						<a href="?#/themes">Default</a> -
+						<a href="?#/themes">Black (default)</a> -
+						<a href="?theme=league#/themes">League</a> -
 						<a href="?theme=sky#/themes">Sky</a> -
 						<a href="?theme=beige#/themes">Beige</a> -
 						<a href="?theme=simple#/themes">Simple</a> -