Color Accessibility Example

dabblet.css

/**
 * Color Accessibility Example
 */

.contrast {    
	background-color: #585858;  
	color: #777575;
}

.red-green {   
	 background-color: #4CAF50;  
	 color: #ea7a72;
 }
 
 h1 {  
	 display: inline-block;  
	 text-align: center;  
	 font-size: 50px;  
	 font-family: monospace;  
	 margin: 0;  
	 height: 100vh;  
	 width: 48vw;  
	 line-height: 100vh;
 }

dabblet.html

<h1 class="contrast">The cake is a lie!</h1>
<h1 class="red-green">The cake is a lie!</h1>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}