diff --git a/js/reveal.js b/js/reveal.js
index 24093e4d..ca0dde69 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -720,8 +720,7 @@
 		// signals if it is light
 		var computedBackgroundColor = window.getComputedStyle( element ).backgroundColor;
 		if( computedBackgroundColor && colorBrightness( computedBackgroundColor ) > 128 ) {
-			slide.classList.add( 'is-background-light' );
-			element.classList.add( 'is-background-light' );
+			slide.classList.add( 'has-light-background' );
 		}
 
 		return element;
diff --git a/test/examples/slide-backgrounds.html b/test/examples/slide-backgrounds.html
index b3820d8a..702a7465 100644
--- a/test/examples/slide-backgrounds.html
+++ b/test/examples/slide-backgrounds.html
@@ -15,7 +15,8 @@
 			.slides section h2 {
 				color: #fff;
 			}
-			.slides .is-background-light h2 {
+			.slides section.has-light-background,
+			.slides section.has-light-background h2 {
 				color: #222;
 			}
 		</style>