Lucid One - Responsive Checkout Settings HTML

settings.html

<fieldset data-overrides-fieldset="checkout">
	<legend>Checkout</legend>
	<table>
		<tbody>
			<tr>
				<td colspan="2">
					<h3>Banner</h3>
				</td>
			</tr>
			<tr class="horizontal">
				<th>
					<label for="checkout_banner_background_color">Background color</label>
					<small>Color of the banner</small>
				</th>
				<td>
					<input id="checkout_banner_background_color" name="checkout_banner_background_color" class="color" value="#FFFFFF" />
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<h3>Logo</h3>
				</td>
			</tr>
            		<tr class="horizontal">
              			<th>
                			<label for="checkout_logo">Logo image</label>
              			</th>
              			<td>
		                	<select id="checkout_logo" name="checkout_logo">
		                 		<option value="logo.png">Storefront Header logo</option>
		                 		<option value="checkout_logo.png">Custom logo</option>
		                  		<option value="" selected="selected">No logo</option>
		                	</select>
              			</td>
            		</tr>
            		<tr class="horizontal">
              			<th>
                			<label for="checkout_logo.png">Custom checkout logo</label>
                  			<small>For best results, we recommend uploading a white logo on a transparent background.</small>
		              	</th>
		              	<td>
		                	<input id="checkout_logo.png" name="checkout_logo.png" type="file" data-max-height="40" />
		              	</td>
		        </tr>
			<tr>
				<td colspan="2">
					<h3>Colors</h3>
				</td>
			</tr>
			<tr class="horizontal">
				<th>
					<label for="checkout_accent_color">Accent</label>
					<small>Changes link and focus color</small>
				</th>
				<td>
					<input id="checkout_accent_color" name="checkout_accent_color" class="color" value="#333333" />
                		</td>
			</tr>
			<tr class="horizontal">
				<th>
					<label for="section_bg_color">Section Background Color</label>
				</th>
				<td>
					<input id="section_bg_color" name="section_bg_color" class="color" value="#FFFFFF" />
                		</td>
			</tr>
			<tr class="horizontal">
				<th>
					<label for="separator_color">Separator Line Color</label>
				</th>
				<td>
					<input id="separator_color" name="separator_color" class="color" value="#EEEEEE" />
                		</td>
			</tr>
		</tbody>
	</table>
</fieldset>