The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

dabblet.js

// alert('Hello world!');

dabblet.svg

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 850.391 283.46" enable-background="new 0 0 850.391 283.46"
	 xml:space="preserve">
<g id="Left_1_">
	<rect id="LeftBG" x="0" fill="#557FC0" stroke="#557FC0" stroke-width="2" stroke-miterlimit="10" width="74" height="46"/>
	<g id="WCG">
		<path fill="#FFFFFF" d="M12.762,37.783L7.112,8.216h3.479l2.477,14.258c0.609,3.729,1.088,7.02,1.436,10.66h0.174
			c0.348-3.729,1.043-6.932,1.74-10.704L19.11,8.216h2.869l2.695,13.907c0.652,3.509,1.305,6.887,1.695,11.011h0.131
			c0.479-4.255,1-7.458,1.564-10.836l2.436-14.082h3.26l-5.695,29.567h-3.26l-2.826-14.389c-0.564-3.115-1.131-6.449-1.479-9.694
			h-0.086c-0.436,3.334-0.914,6.535-1.609,9.826l-2.912,14.257H12.762L12.762,37.783z"/>
		<path fill="#FFFFFF" d="M49.759,37.258c-0.914,0.481-2.348,0.789-4.174,0.789c-5.738,0-9.824-4.649-9.824-14.696
			c0-11.669,5.738-15.397,10.346-15.397c1.783,0,3.043,0.351,3.652,0.745l-0.74,2.852c-0.695-0.307-1.434-0.614-2.957-0.614
			c-3.129,0-6.779,3.071-6.779,12.107c0,9.037,3.303,12.021,6.867,12.021c1.262,0,2.391-0.307,3.086-0.658L49.759,37.258z"/>
		<path fill="#FFFFFF" d="M66.885,37.037c-1.26,0.526-3.346,1.01-5.215,1.01c-2.566,0-4.957-0.701-6.912-2.896
			c-2.131-2.28-3.566-6.36-3.521-11.757C51.28,11.9,57.106,7.953,62.278,7.953c1.826,0,3.262,0.351,4.174,0.833l-0.738,2.896
			c-0.783-0.395-1.826-0.702-3.391-0.702c-3.652,0-7.609,2.939-7.609,12.108c0,9.125,3.436,12.063,6.957,12.063
			c1.129,0,1.781-0.219,2.043-0.351v-9.651H59.93v-2.808h6.957v14.695H66.885z"/>
	</g>
</g>	
<g id="Right_1_"  >
	<rect id="RightBG" x="74" fill="#FFFFFF" stroke="#557FC0" stroke-width="2" stroke-miterlimit="10" width="149" height="46"/>
	<text  id="Amount" textLength=140 x="220" y=32 width="50" height="46"  text-anchor="end" fill="#557FC0" stroke="#557FC0" font-family="'MyriadPro-Cond', Helvetica, Arial" font-size="31.5899">&nbsp;&nbsp; 100 XRP</text>
</g>
</svg>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}