<p class="app-settings">
	<input id="explicit-save-notes" type="checkbox" class="checkbox">
	<label for="explicit-save-notes">{{t "quicknotes" "When editing notes, show Save and Cancel buttons to save them explicitly"}}</label>
</p>
<div>
	<label for="sort-select">{{t "quicknotes" "Sort by:"}}</label>
	<select name="sort-select" id="sort-select">
		<option value="title">{{t "quicknotes" "Title"}}</option>
		<option value="created">{{t "quicknotes" "Newest first"}}</option>
		<option value="updated">{{t "quicknotes" "Updated first"}}</option>
	</select>
</div>
<div>
	<label>{{t "quicknotes" "Default color for new notes"}}</label>
</div>
<div id="setting-defaul-color">
	<div id="defaultColor" style="display: flex; justify-content: center;">
		<div class="colors-toolbar">
			<a href="#" class="circle-toolbar" style="background-color: #F7EB96"></a>
			<a href="#" class="circle-toolbar" style="background-color: #88B7E3"></a>
			<a href="#" class="circle-toolbar" style="background-color: #C1ECB0"></a>
			<a href="#" class="circle-toolbar" style="background-color: #BFA6E9"></a>
			<a href="#" class="circle-toolbar" style="background-color: #DAF188"></a>
			<a href="#" class="circle-toolbar" style="background-color: #FF96AC"></a>
			<a href="#" class="circle-toolbar" style="background-color: #FCF66F"></a>
			<a href="#" class="circle-toolbar" style="background-color: #F2F1EF"></a>
			<a href="#" class="circle-toolbar" style="background-color: #C1D756"></a>
			<a href="#" class="circle-toolbar" style="background-color: #CECECE"></a>
		</div>
	</div>
</div>