diff options
author | r <r@freesoftwareextremist.com> | 2023-12-28 13:27:30 +0000 |
---|---|---|
committer | r <r@freesoftwareextremist.com> | 2023-12-28 13:27:30 +0000 |
commit | 1d61f1aa27376e778b7a517fdd5739a8c1976d2e (patch) | |
tree | b4dba8253afbb159a3782d900ad8d43bd6148b24 /templates/settings.tmpl | |
parent | f4881e72675e87a9eae716436c3ac18a788d596d (diff) | |
download | bloat-1d61f1aa27376e778b7a517fdd5739a8c1976d2e.tar.gz bloat-1d61f1aa27376e778b7a517fdd5739a8c1976d2e.zip |
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.
Diffstat (limited to 'templates/settings.tmpl')
-rw-r--r-- | templates/settings.tmpl | 32 |
1 files changed, 16 insertions, 16 deletions
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> |