add is-background-light class to slides/backgrounds that are > 128 brightness
This commit is contained in:
		
							
								
								
									
										16
									
								
								js/reveal.js
									
									
									
									
									
								
							
							
						
						
									
										16
									
								
								js/reveal.js
									
									
									
									
									
								
							@@ -714,8 +714,11 @@
 | 
				
			|||||||
		if( data.backgroundPosition ) element.style.backgroundPosition = data.backgroundPosition;
 | 
							if( data.backgroundPosition ) element.style.backgroundPosition = data.backgroundPosition;
 | 
				
			||||||
		if( data.backgroundTransition ) element.setAttribute( 'data-background-transition', data.backgroundTransition );
 | 
							if( data.backgroundTransition ) element.setAttribute( 'data-background-transition', data.backgroundTransition );
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		if( data.backgroundColor ) {
 | 
							// If this slide has a background color, add a class that
 | 
				
			||||||
 | 
							// signals if it is light
 | 
				
			||||||
 | 
							if( element.style.backgroundColor && colorBrightness( element.style.backgroundColor ) > 128 ) {
 | 
				
			||||||
 | 
								slide.classList.add( 'is-background-light' );
 | 
				
			||||||
 | 
								element.classList.add( 'is-background-light' );
 | 
				
			||||||
		}
 | 
							}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		container.appendChild( element );
 | 
							container.appendChild( element );
 | 
				
			||||||
@@ -1122,7 +1125,11 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
		if( typeof color === 'string' ) color = colorToRgb( color );
 | 
							if( typeof color === 'string' ) color = colorToRgb( color );
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		return ( color.r * 299 + color.g * 587 + color.b * 114 ) / 1000;
 | 
							if( color ) {
 | 
				
			||||||
 | 
								return ( color.r * 299 + color.g * 587 + color.b * 114 ) / 1000;
 | 
				
			||||||
 | 
							}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
							return null;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	}
 | 
						}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -4100,9 +4107,6 @@
 | 
				
			|||||||
		addEventListeners: addEventListeners,
 | 
							addEventListeners: addEventListeners,
 | 
				
			||||||
		removeEventListeners: removeEventListeners,
 | 
							removeEventListeners: removeEventListeners,
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		colorToRgb: colorToRgb,
 | 
					 | 
				
			||||||
		colorBrightness: colorBrightness,
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
		// Facility for persisting and restoring the presentation state
 | 
							// Facility for persisting and restoring the presentation state
 | 
				
			||||||
		getState: getState,
 | 
							getState: getState,
 | 
				
			||||||
		setState: setState,
 | 
							setState: setState,
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user