:target - change themes

dabblet.css

/**
 * :target - change themes
 */
	body {
		background: #f2f2f2;
		color: #131313;

	}
	#dark:target {
		background: #272822;
		color: #F2F2F2;
	}
	a {
		color: #09F;
	}
	p {
		font-family: Arial;
		font-size: 14px;
		line-height: 1.48em;
		margin: 0 0 0.754em 0;
		width: 27.8em;
	}

dabblet.html

	<h1>Lorem ipsum dolor sit amet</h1>
	<p>You can choose between <a href="#dark">a dark theme</a> or <a href="#">a light theme</a>.</p>
	<p>Proin sed ipsum elit. Ut ultricies laoreet laoreet. Mauris sed lorem libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam id pretium metus. Maecenas porttitor leo id diam porttitor egestas.</p>
	<p>Sed semper mollis quam, vitae cursus elit tristique eget. Aliquam ullamcorper fermentum aliquam. Vivamus ullamcorper, neque quis sodales iaculis, magna est aliquam est, sit amet tincidunt lacus tortor quis sapien. Ut a sem augue, vel suscipit magna.</p>

settings.json

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