From 1d61f1aa27376e778b7a517fdd5739a8c1976d2e Mon Sep 17 00:00:00 2001
From: r <r@freesoftwareextremist.com>
Date: Thu, 28 Dec 2023 13:27:30 +0000
Subject: Update the default theme

This uses better color contrast and component spacing to improve
legibility. The updated HTML also has better compatibility with browsers
with limited/no CSS support.
---
 templates/settings.tmpl | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

(limited to 'templates/settings.tmpl')

diff --git a/templates/settings.tmpl b/templates/settings.tmpl
index ebb0458..1f0f8a2 100644
--- a/templates/settings.tmpl
+++ b/templates/settings.tmpl
@@ -1,12 +1,12 @@
 {{with .Data}}
 {{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
-<div class="page-title"> Settings </div>
+<h1>Settings</h1>
 
-<form id="settings-form" action="/settings" method="POST">
+<form action="/settings" method="POST">
 	<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
 	<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
 	{{if .PostFormats}}
-	<div class="settings-form-field">
+	<div class="form-field">
 		<label for="post-format"> Default format </label>
 		{{$defFormat := .Settings.DefaultFormat}}
 		<select id="post-format" name="format">
@@ -16,7 +16,7 @@
 		</select>
 	</div>
 	{{end}}
-	<div class="settings-form-field">
+	<div class="form-field">
 		<label for="visibility"> Default scope </label>
 		<select id="visibility" name="visibility">
 			<option value="public" {{if eq .Settings.DefaultVisibility "public"}}selected{{end}}>Public</option>
@@ -25,7 +25,7 @@
 			<option value="direct" {{if eq .Settings.DefaultVisibility "direct"}}selected{{end}}>Direct</option>
 		</select>
 	</div>
-	<div class="settings-form-field">
+	<div class="form-field">
 		<label for="notification-interval"> Refresh Notifications </label>
 		<select id="notification-interval" name="notification_interval">
 			<option value="0" {{if eq .Settings.NotificationInterval 0}}selected{{end}}>Disabled</option>
@@ -36,45 +36,45 @@
 			<option value="600" {{if eq .Settings.NotificationInterval 600}}selected{{end}}>After 10m</option>
 		</select>
 	</div>
-	<div class="settings-form-field">
+	<div class="form-field">
 		<input id="copy-scope" name="copy_scope" type="checkbox" value="true" {{if .Settings.CopyScope}}checked{{end}}>
 		<label for="copy-scope"> Copy scope when replying </label>
 	</div>
-	<div class="settings-form-field">
+	<div class="form-field">
 		<input id="thread-tab" name="thread_in_new_tab" type="checkbox" value="true" {{if .Settings.ThreadInNewTab}}checked{{end}}>
 		<label for="thread-tab"> Open threads in new tab from timeline </label>
 	</div>
-	<div class="settings-form-field">
+	<div class="form-field">
 		<input id="hide-attachments" name="hide_attachments" type="checkbox" value="true" {{if .Settings.HideAttachments}}checked{{end}}>
 		<label for="hide-attachments"> Hide attachments </label>
 	</div>
-	<div class="settings-form-field">
+	<div class="form-field">
 		<input id="mask-nsfw" name="mask_nsfw" type="checkbox" value="true" {{if .Settings.MaskNSFW}}checked{{end}}>
 		<label for="mask-nsfw"> Mask NSFW attachments </label>
 	</div>
-	<div class="settings-form-field">
+	<div class="form-field">
 		<input id="fluoride-mode" name="fluoride_mode" type="checkbox" value="true" {{if .Settings.FluorideMode}}checked{{end}}>
 		<label for="fluoride-mode"> Enable <abbr title="Enable JavaScript based functionality, e.g., like/retweet without page reload and reply preview on thread page">fluoride mode</abbr> </label>
 	</div>
-	<div class="settings-form-field">
+	<div class="form-field">
 		<input id="anti-dopamine-mode" name="anti_dopamine_mode" type="checkbox"
 		value="true" {{if .Settings.AntiDopamineMode}}checked{{end}}>
 		<label for="anti-dopamine-mode"> Enable <abbr title="Remove like/retweet/unread notification count and disable like/retweet/follow notifications">anti-dopamine mode</abbr> </label>
 	</div>
-	<div class="settings-form-field">
+	<div class="form-field">
 		<input id="hide-unsupported-notifs" name="hide_unsupported_notifs" type="checkbox"
 		value="true" {{if .Settings.HideUnsupportedNotifs}}checked{{end}}>
 		<label for="hide-unsupported-notifs"> Hide unsupported notifications </label>
 	</div>
-	<div class="settings-form-field">
+	<div class="form-field">
 		<input id="dark-mode" name="dark_mode" type="checkbox" value="true" {{if .Settings.DarkMode}}checked{{end}}>
 		<label for="dark-mode"> Use dark theme </label>
 	</div>
-	<div class="settings-form-field">
+	<div class="form-field">
 		<label for="css"> Custom CSS: </label>
 	</div>
-	<div>
-		<textarea id="css" name="css" cols="80" rows="8">{{.Settings.CSS}}</textarea>
+	<div class="form-field">
+		<textarea id="css" class="monospace" name="css" cols="80" rows="8">{{.Settings.CSS}}</textarea>
 	</div>
 	<button type="submit"> Save </button>
 </form>
-- 
cgit v1.2.3