Merge branch 'release/v1.7.1'

Release v1.7.1
Libs: Update Go modules
2026-03-10 20:37:01 +00:00 · 2023-07-11 16:52:35 +12:00 · 2023-07-11 16:52:35 +12:00 · 2023-07-11 16:49:30 +12:00 · 2023-07-11 16:47:09 +12:00 · 2023-07-11 16:44:55 +12:00
26 changed files with 1118 additions and 1016 deletions
--- a/.github/workflows/release-build.yml
+++ b/.github/workflows/release-build.yml
@@ -44,4 +44,5 @@ jobs:
        extra_files: LICENSE README.md
        md5sum: false
        overwrite: true
+        retry: 5
        ldflags: -w -X "github.com/axllent/mailpit/config.Version=${{ github.ref_name }}"
--- a/.gitignore
+++ b/.gitignore
@@ -4,5 +4,6 @@
 /server/ui/dist
 /Makefile
 /mailpit*
+/.idea
 *.old
 *.db
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,66 @@

 Notable changes to Mailpit will be documented in this file.

+## [v1.7.1]
+
+### Libs
+- Update Go modules
+- Update node modules
+
+### UI
+- Wrap HTML source lines
+- Dark mode color adjustments
+- Update dark mode loading background color
+
+
+## [v1.7.0]
+
+### API
+- Ignore SMTP relay error when one of multiple recipients doesn't exist
+- Set raw message Content-Type to UTF-8
+
+### Build
+- Define Vue build options in esbuild
+
+### Libs
+- Update node modules
+- Update Go modules
+
+### UI
+- Theme toggler - auto, light and dark themes
+
+
+## [v1.6.22]
+
+### Feature
+- Clearer SMTP error messages
+
+### Libs
+- Update Go modules
+- Upgrade node modules
+
+
+## [v1.6.21]
+
+### UI
+- More accurate clickable hyperlink logic in plain text messages
+
+
+## [v1.6.20]
+
+### Feature
+- Convert links into clickable hyperlinks in plain text message content
+
+### Libs
+- Update node modules
+
+
+## [v1.6.19]
+
+### Fix
+- Only display sendmail help when sendmail subcommand is invoked
+
+
 ## [v1.6.18]

 ### API
--- a/README.md
+++ b/README.md
@@ -8,9 +8,9 @@

 Mailpit is a multi-platform email testing tool & API for developers.

-It acts as both an SMTP server, and provides a web interface to view all captured emails.
+It acts as both an SMTP server, and provides a web interface to view all captured emails. It also contains an API for automated integration testing.

-Mailpit is inspired by [MailHog](#why-rewrite-mailhog), but much, much faster.
+Mailpit is inspired by [MailHog](#why-rewrite-mailhog), but modern and much, much faster.

 ![Mailpit](https://raw.githubusercontent.com/axllent/mailpit/develop/docs/screenshot.png)

@@ -20,6 +20,7 @@ Mailpit is inspired by [MailHog](#why-rewrite-mailhog), but much, much faster.
 - Runs entirely from a single binary, no installation required
 - SMTP server (default `0.0.0.0:1025`)
 - Web UI to view emails (formatted HTML, highlighted HTML source, text, headers, raw source and MIME attachments including image thumbnails)
+- Light & dark web UI theme with auto-detect
 - Mobile and tablet HTML preview toggle in desktop mode
 - Advanced mail search ([see wiki](https://github.com/axllent/mailpit/wiki/Mail-search))
 - Message tagging ([see wiki](https://github.com/axllent/mailpit/wiki/Tagging))
@@ -64,7 +65,7 @@ Static binaries can always be found on the [releases](https://github.com/axllent

 ### Docker

-See [Docker instructions](https://github.com/axllent/mailpit/wiki/Docker-images).
+See [Docker instructions](https://github.com/axllent/mailpit/wiki/Docker-images) for 386, amd64 & arm64 images.


 ### Compile from source
@@ -84,8 +85,8 @@ Mailpit's SMTP server (by default on port 1025), so you will likely need to conf

 ## Why rewrite MailHog?

-I had been using MailHog for a few years to intercept and test emails generated from several projects. MailHog has a number of performance issues, many of the frontend and Go modules are horribly out of date, and it is not actively developed.
+I had been using MailHog for a few years to intercept and test emails, but experienced a number of severe performance issues. Many of the frontend and Go libraries are very out of date, and the project [is no longer maintained](https://github.com/mailhog/MailHog/issues/442#issuecomment-1493415258).

-Initially I tried to upgrade a fork of MailHog (both the UI as well as the HTTP server & API), but soon discovered that it is (with all due respect to its authors) poorly designed. It is in my opinion over-engineered (split over 9 separate projects), and performs very poorly when dealing with large amounts of emails or processing emails with an attachments (a single email with a 3MB attachment can take over a minute to ingest). Finally, the API transmits a lot of duplicate and unnecessary data on every browser request, and there is no HTTP compression.
+Initially I tried to upgrade a fork of MailHog (the UI, the HTTP server and the API), but discovered that it is (with all due respect to its authors) far too complex. I found it over-engineered (split over 9 separate projects), and performs very poorly when dealing with large amounts of emails or emails with attachments (a single email with a 3MB attachment can take over a minute to ingest). Finally the API transmits a lot of duplicate & irrelevant data on every browser request, all without any HTTP compression.

 In order to improve it I felt it needed to be completely rewritten, and so Mailpit was born.
--- a/cmd/sendmail.go
+++ b/cmd/sendmail.go
@@ -21,7 +21,7 @@ func init() {
 	rootCmd.AddCommand(sendmailCmd)

 	// print out manual help screen
-	rootCmd.SetHelpTemplate(sendmail.HelpTemplate([]string{os.Args[0], "sendmail"}))
+	sendmailCmd.SetHelpTemplate(sendmail.HelpTemplate([]string{os.Args[0], "sendmail"}))

 	// these are simply repeated for cli consistency as cobra/viper does not allow
 	// multi-letter single-dash variables (-bs)
--- a/docs/screenshot.png
+++ b/docs/screenshot.png
--- a/esbuild.config.mjs
+++ b/esbuild.config.mjs
@@ -14,6 +14,10 @@ const ctx = await esbuild.context(
        bundle: true,
        minify: doMinify,
        sourcemap: false,
+        define: {
+            '__VUE_OPTIONS_API__': 'true',
+            '__VUE_PROD_DEVTOOLS__': 'false',
+        },
        outdir: "server/ui/dist/",
        plugins: [pluginVue(), sassPlugin()],
        loader: {
--- a/go.mod
+++ b/go.mod
@@ -8,21 +8,21 @@ require (
 	github.com/disintegration/imaging v1.6.2
 	github.com/gorilla/mux v1.8.0
 	github.com/gorilla/websocket v1.5.0
-	github.com/jhillyerd/enmime v0.11.1
+	github.com/jhillyerd/enmime v1.0.0
 	github.com/k3a/html2text v1.2.1
-	github.com/klauspost/compress v1.16.5
+	github.com/klauspost/compress v1.16.7
 	github.com/leporo/sqlf v1.4.0
 	github.com/mattn/go-shellwords v1.0.12
 	github.com/mhale/smtpd v0.8.0
 	github.com/reiver/go-telnet v0.0.0-20180421082511-9ff0b2ab096e
 	github.com/satori/go.uuid v1.2.0
-	github.com/sirupsen/logrus v1.9.2
+	github.com/sirupsen/logrus v1.9.3
 	github.com/spf13/cobra v1.7.0
 	github.com/spf13/pflag v1.0.5
 	github.com/tg123/go-htpasswd v1.2.1
-	golang.org/x/text v0.9.0
+	golang.org/x/text v0.11.0
 	gopkg.in/yaml.v3 v3.0.1
-	modernc.org/sqlite v1.22.1
+	modernc.org/sqlite v1.23.1
 )

 require (
@@ -46,19 +46,19 @@ require (
 	github.com/rivo/uniseg v0.4.4 // indirect
 	github.com/ssor/bom v0.0.0-20170718123548-6386211fdfcf // indirect
 	github.com/valyala/bytebufferpool v1.0.0 // indirect
-	golang.org/x/crypto v0.9.0 // indirect
-	golang.org/x/image v0.7.0 // indirect
-	golang.org/x/mod v0.10.0 // indirect
-	golang.org/x/net v0.10.0 // indirect
-	golang.org/x/sys v0.8.0 // indirect
-	golang.org/x/tools v0.9.3 // indirect
+	golang.org/x/crypto v0.11.0 // indirect
+	golang.org/x/image v0.9.0 // indirect
+	golang.org/x/mod v0.12.0 // indirect
+	golang.org/x/net v0.12.0 // indirect
+	golang.org/x/sys v0.10.0 // indirect
+	golang.org/x/tools v0.11.0 // indirect
 	gopkg.in/check.v1 v1.0.0-20190902080502-41f04d3bba15 // indirect
 	lukechampine.com/uint128 v1.3.0 // indirect
-	modernc.org/cc/v3 v3.40.0 // indirect
-	modernc.org/ccgo/v3 v3.16.13 // indirect
-	modernc.org/libc v1.22.6 // indirect
-	modernc.org/mathutil v1.5.0 // indirect
-	modernc.org/memory v1.5.0 // indirect
+	modernc.org/cc/v3 v3.41.0 // indirect
+	modernc.org/ccgo/v3 v3.16.14 // indirect
+	modernc.org/libc v1.24.1 // indirect
+	modernc.org/mathutil v1.6.0 // indirect
+	modernc.org/memory v1.6.0 // indirect
 	modernc.org/opt v0.1.3 // indirect
 	modernc.org/strutil v1.1.3 // indirect
 	modernc.org/token v1.1.0 // indirect
--- a/go.sum
+++ b/go.sum
@@ -57,16 +57,16 @@ github.com/inconshreveable/mousetrap v1.1.0 h1:wN+x4NVGpMsO7ErUn/mUI3vEoE6Jt13X2
 github.com/inconshreveable/mousetrap v1.1.0/go.mod h1:vpF70FUmC8bwa3OWnCshd2FqLfsEA9PFc4w1p2J65bw=
 github.com/jaytaylor/html2text v0.0.0-20230321000545-74c2419ad056 h1:iCHtR9CQyktQ5+f3dMVZfwD2KWJUgm7M0gdL9NGr8KA=
 github.com/jaytaylor/html2text v0.0.0-20230321000545-74c2419ad056/go.mod h1:CVKlgaMiht+LXvHG173ujK6JUhZXKb2u/BQtjPDIvyk=
-github.com/jhillyerd/enmime v0.11.1 h1:U6ToGVxfxNQQhKrAaGxtwOf7Zqksb8AQ3j1CyAWOk5k=
-github.com/jhillyerd/enmime v0.11.1/go.mod h1:EktNOa/V6ka9yCrfoB2uxgefp1lno6OVdszW0iQ5LnM=
+github.com/jhillyerd/enmime v1.0.0 h1:8swYgO1fm68PllCKz5jiLzgD3axNUS388jr6BtRSsl8=
+github.com/jhillyerd/enmime v1.0.0/go.mod h1:EktNOa/V6ka9yCrfoB2uxgefp1lno6OVdszW0iQ5LnM=
 github.com/jtolds/gls v4.20.0+incompatible h1:xdiiI2gbIgH/gLH7ADydsJ1uDOEzR8yvV7C0MuV77Wo=
 github.com/jtolds/gls v4.20.0+incompatible/go.mod h1:QJZ7F/aHp+rZTRtaJ1ow/lLfFfVYBRgL+9YlvaHOwJU=
 github.com/k3a/html2text v1.2.1 h1:nvnKgBvBR/myqrwfLuiqecUtaK1lB9hGziIJKatNFVY=
 github.com/k3a/html2text v1.2.1/go.mod h1:ieEXykM67iT8lTvEWBh6fhpH4B23kB9OMKPdIBmgUqA=
 github.com/kballard/go-shellquote v0.0.0-20180428030007-95032a82bc51 h1:Z9n2FFNUXsshfwJMBgNA0RU6/i7WVaAegv3PtuIHPMs=
 github.com/kballard/go-shellquote v0.0.0-20180428030007-95032a82bc51/go.mod h1:CzGEWj7cYgsdH8dAjBGEr58BoE7ScuLd+fwFZ44+/x8=
-github.com/klauspost/compress v1.16.5 h1:IFV2oUNUzZaz+XyusxpLzpzS8Pt5rh0Z16For/djlyI=
-github.com/klauspost/compress v1.16.5/go.mod h1:ntbaceVETuRiXiv4DpjP66DpAtAGkEQskQzEyD//IeE=
+github.com/klauspost/compress v1.16.7 h1:2mk3MPGNzKyxErAw8YaohYh69+pa4sIQSC0fPGCFR9I=
+github.com/klauspost/compress v1.16.7/go.mod h1:ntbaceVETuRiXiv4DpjP66DpAtAGkEQskQzEyD//IeE=
 github.com/kr/pretty v0.1.0/go.mod h1:dAy3ld7l9f0ibDNOQOHHMYYIIbhfbHSm3C4ZsoJORNo=
 github.com/kr/pretty v0.3.0 h1:WgNl7dwNpEZ6jJ9k1snq4pZsg7DOEN8hP9Xw0Tsjwk0=
 github.com/kr/pretty v0.3.0/go.mod h1:640gp4NfQd8pI5XOwp5fnNeVWj67G7CFk/SaSQn7NBk=
@@ -97,7 +97,6 @@ github.com/reiver/go-oi v1.0.0 h1:nvECWD7LF+vOs8leNGV/ww+F2iZKf3EYjYZ527turzM=
 github.com/reiver/go-oi v1.0.0/go.mod h1:RrDBct90BAhoDTxB1fenZwfykqeGvhI6LsNfStJoEkI=
 github.com/reiver/go-telnet v0.0.0-20180421082511-9ff0b2ab096e h1:quuzZLi72kkJjl+f5AQ93FMcadG19WkS7MO6TXFOSas=
 github.com/reiver/go-telnet v0.0.0-20180421082511-9ff0b2ab096e/go.mod h1:+5vNVvEWwEIx86DB9Ke/+a5wBI464eDRo3eF0LcfpWg=
-github.com/remyoudompheng/bigfft v0.0.0-20200410134404-eec4a21b6bb0/go.mod h1:qqbHyh8v60DhA7CoWK5oRCqLrMHRGoxYCSS9EjAz6Eo=
 github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec h1:W09IVJc94icq4NjY3clb7Lk8O1qJ8BdBEF8z0ibU0rE=
 github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec/go.mod h1:qqbHyh8v60DhA7CoWK5oRCqLrMHRGoxYCSS9EjAz6Eo=
 github.com/rivo/uniseg v0.2.0/go.mod h1:J6wj4VEh+S6ZtnVlnTBMWIodfgj8LQOQFoIToxlJtxc=
@@ -108,8 +107,8 @@ github.com/rogpeppe/go-internal v1.6.1/go.mod h1:xXDCJY+GAPziupqXw64V24skbSoqbTE
 github.com/russross/blackfriday/v2 v2.1.0/go.mod h1:+Rmxgy9KzJVeS9/2gXHxylqXiyQDYRxCVz55jmeOWTM=
 github.com/satori/go.uuid v1.2.0 h1:0uYX9dsZ2yD7q2RtLRtPSdGDWzjeM3TbMJP9utgA0ww=
 github.com/satori/go.uuid v1.2.0/go.mod h1:dA0hQrYB0VpLJoorglMZABFdXlWrHn1NEOzdhQKdks0=
-github.com/sirupsen/logrus v1.9.2 h1:oxx1eChJGI6Uks2ZC4W1zpLlVgqB8ner4EuQwV4Ik1Y=
-github.com/sirupsen/logrus v1.9.2/go.mod h1:naHLuLoDiP4jHNo9R0sCBMtWGeIprob74mVsIT4qYEQ=
+github.com/sirupsen/logrus v1.9.3 h1:dueUQJ1C2q9oE3F7wvmSGAaVtTmUizReu6fjN8uqzbQ=
+github.com/sirupsen/logrus v1.9.3/go.mod h1:naHLuLoDiP4jHNo9R0sCBMtWGeIprob74mVsIT4qYEQ=
 github.com/smartystreets/assertions v0.0.0-20180927180507-b2de0cb4f26d h1:zE9ykElWQ6/NYmHa3jpm/yHnI4xSofP+UP6SpjHcSeM=
 github.com/smartystreets/assertions v0.0.0-20180927180507-b2de0cb4f26d/go.mod h1:OnSkiWE9lh6wB0YB77sQom3nweQdgAjqCqsofrRNTgc=
 github.com/smartystreets/goconvey v1.6.4 h1:fv0U8FUIMPNf1L9lnHLvLhgicrIVChEkdzIKYqbNC9s=
@@ -135,26 +134,26 @@ github.com/valyala/bytebufferpool v1.0.0/go.mod h1:6bBcMArwyJ5K/AmCkWv1jt77kVWyC
 github.com/yuin/goldmark v1.4.13/go.mod h1:6yULJ656Px+3vBD8DxQVa3kxgyrAnzto9xy5taEt/CY=
 golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
 golang.org/x/crypto v0.0.0-20210921155107-089bfa567519/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc=
-golang.org/x/crypto v0.9.0 h1:LF6fAI+IutBocDJ2OT0Q1g8plpYljMZ4+lty+dsqw3g=
-golang.org/x/crypto v0.9.0/go.mod h1:yrmDGqONDYtNj3tH8X9dzUun2m2lzPa9ngI6/RUPGR0=
+golang.org/x/crypto v0.11.0 h1:6Ewdq3tDic1mg5xRO4milcWCfMVQhI4NkqWWvqejpuA=
+golang.org/x/crypto v0.11.0/go.mod h1:xgJhtzW8F9jGdVFWZESrid1U1bjeNy4zgy5cRr/CIio=
 golang.org/x/image v0.0.0-20191009234506-e7c1f5e7dbb8/go.mod h1:FeLwcggjj3mMvU+oOTbSwawSJRM1uh48EjtB4UJZlP0=
-golang.org/x/image v0.7.0 h1:gzS29xtG1J5ybQlv0PuyfE3nmc6R4qB73m6LUUmvFuw=
-golang.org/x/image v0.7.0/go.mod h1:nd/q4ef1AKKYl/4kft7g+6UyGbdiqWqTP1ZAbRoV7Rg=
+golang.org/x/image v0.9.0 h1:QrzfX26snvCM20hIhBwuHI/ThTg18b/+kcKdXHvnR+g=
+golang.org/x/image v0.9.0/go.mod h1:jtrku+n79PfroUbvDdeUWMAI+heR786BofxrbiSF+J0=
 golang.org/x/mod v0.6.0-dev.0.20220419223038-86c51ed26bb4/go.mod h1:jJ57K6gSWd91VN4djpZkiMVwK6gcyfeH4XE8wZrZaV4=
 golang.org/x/mod v0.8.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs=
-golang.org/x/mod v0.10.0 h1:lFO9qtOdlre5W1jxS3r/4szv2/6iXxScdzjoBMXNhYk=
-golang.org/x/mod v0.10.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs=
+golang.org/x/mod v0.12.0 h1:rmsUpXtvNzj340zd98LZ4KntptpfRHwpFOHG188oHXc=
+golang.org/x/mod v0.12.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs=
 golang.org/x/net v0.0.0-20190311183353-d8887717615a/go.mod h1:t9HGtf8HONx5eT2rtn7q6eTqICYqUVnKs3thJo3Qplg=
 golang.org/x/net v0.0.0-20190620200207-3b0461eec859/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
 golang.org/x/net v0.0.0-20210226172049-e18ecbb05110/go.mod h1:m0MpNAwzfU5UDzcl9v0D8zg8gWTRqZa9RBIspLL5mdg=
 golang.org/x/net v0.0.0-20220722155237-a158d28d115b/go.mod h1:XRhObCWvk6IyKnWLug+ECip1KBveYUHfp+8e9klMJ9c=
 golang.org/x/net v0.6.0/go.mod h1:2Tu9+aMcznHK/AK1HMvgo6xiTLG5rD5rZLDS+rp2Bjs=
-golang.org/x/net v0.10.0 h1:X2//UzNDwYmtCLn7To6G58Wr6f5ahEAQgKNzv9Y951M=
-golang.org/x/net v0.10.0/go.mod h1:0qNGK6F8kojg2nk9dLZ2mShWaEBan6FAoqfSigmmuDg=
+golang.org/x/net v0.12.0 h1:cfawfvKITfUsFCeJIHJrbSxpeu/E81khclypR0GVT50=
+golang.org/x/net v0.12.0/go.mod h1:zEVYFnQC7m/vmpQFELhcD1EWkZlX69l4oqgmer6hfKA=
 golang.org/x/sync v0.0.0-20190423024810-112230192c58/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
 golang.org/x/sync v0.0.0-20220722155255-886fb9371eb4/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
 golang.org/x/sync v0.1.0/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
-golang.org/x/sync v0.2.0 h1:PUR+T4wwASmuSTYdKjYHI5TD22Wy5ogLU5qZCOLxBrI=
+golang.org/x/sync v0.3.0 h1:ftCYgMx6zT/asHUrPw8BLLscYtGznsLAnjq5RH9P66E=
 golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
 golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20210615035016-665e8c7367d1/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
@@ -163,8 +162,8 @@ golang.org/x/sys v0.0.0-20220715151400-c0bba94af5f8/go.mod h1:oPkhp1MJrh7nUepCBc
 golang.org/x/sys v0.0.0-20220722155257-8c9f86f7a55f/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.8.0 h1:EBmGv8NaZBZTWvrbjNoL6HVt+IVy3QDQpJs7VRIw3tU=
-golang.org/x/sys v0.8.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.10.0 h1:SqMFp9UcQJZa+pmYuAKjd9xq1f0j5rLcDIk0mj4qAsA=
+golang.org/x/sys v0.10.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
 golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8=
 golang.org/x/term v0.5.0/go.mod h1:jMB1sMXY+tzblOD4FWmEbocvup2/aLOaQEp7JmGp78k=
@@ -172,15 +171,15 @@ golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
 golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
 golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ=
 golang.org/x/text v0.7.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8=
-golang.org/x/text v0.9.0 h1:2sjJmO8cDvYveuX97RDLsxlyUxLl+GHoLxBiRdHllBE=
-golang.org/x/text v0.9.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8=
+golang.org/x/text v0.11.0 h1:LAntKIrcmeSKERyiOh0XMV39LXS8IE9UL2yP7+f5ij4=
+golang.org/x/text v0.11.0/go.mod h1:TvPlkZtksWOMsz7fbANvkp4WM8x/WCo/om8BMLbz+aE=
 golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
 golang.org/x/tools v0.0.0-20190328211700-ab21143f2384/go.mod h1:LCzVGOaR6xXOjkQ3onu1FJEFr0SW1gC7cKk1uF8kGRs=
 golang.org/x/tools v0.0.0-20191119224855-298f0cb1881e/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo=
 golang.org/x/tools v0.1.12/go.mod h1:hNGJHUnrk76NpqgfD5Aqm5Crs+Hm0VOH/i9J2+nxYbc=
 golang.org/x/tools v0.6.0/go.mod h1:Xwgl3UAJ/d3gWutnCtw505GrjyAbvKui8lOU390QaIU=
-golang.org/x/tools v0.9.3 h1:Gn1I8+64MsuTb/HpH+LmQtNas23LhUVr3rYZ0eKuaMM=
-golang.org/x/tools v0.9.3/go.mod h1:owI94Op576fPu3cIGQeHs3joujW/2Oc6MtlxbF5dfNc=
+golang.org/x/tools v0.11.0 h1:EMCa6U9S2LtZXLAMoWiR/R8dAQFRqbAitmbJ2UKhoi8=
+golang.org/x/tools v0.11.0/go.mod h1:anzJrxPjNtfgiYQYirP2CPGzGLxrH2u2QBhn6Bf3qY8=
 golang.org/x/xerrors v0.0.0-20190717185122-a985d3407aa7/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
 gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
 gopkg.in/check.v1 v1.0.0-20180628173108-788fd7840127/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
@@ -192,22 +191,22 @@ gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
 gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
 lukechampine.com/uint128 v1.3.0 h1:cDdUVfRwDUDovz610ABgFD17nXD4/uDgVHl2sC3+sbo=
 lukechampine.com/uint128 v1.3.0/go.mod h1:c4eWIwlEGaxC/+H1VguhU4PHXNWDCDMUlWdIWl2j1gk=
-modernc.org/cc/v3 v3.40.0 h1:P3g79IUS/93SYhtoeaHW+kRCIrYaxJ27MFPv+7kaTOw=
-modernc.org/cc/v3 v3.40.0/go.mod h1:/bTg4dnWkSXowUO6ssQKnOV0yMVxDYNIsIrzqTFDGH0=
-modernc.org/ccgo/v3 v3.16.13 h1:Mkgdzl46i5F/CNR/Kj80Ri59hC8TKAhZrYSaqvkwzUw=
-modernc.org/ccgo/v3 v3.16.13/go.mod h1:2Quk+5YgpImhPjv2Qsob1DnZ/4som1lJTodubIcoUkY=
+modernc.org/cc/v3 v3.41.0 h1:QoR1Sn3YWlmA1T4vLaKZfawdVtSiGx8H+cEojbC7v1Q=
+modernc.org/cc/v3 v3.41.0/go.mod h1:Ni4zjJYJ04CDOhG7dn640WGfwBzfE0ecX8TyMB0Fv0Y=
+modernc.org/ccgo/v3 v3.16.14 h1:af6KNtFgsVmnDYrWk3PQCS9XT6BXe7o3ZFJKkIKvXNQ=
+modernc.org/ccgo/v3 v3.16.14/go.mod h1:mPDSujUIaTNWQSG4eqKw+atqLOEbma6Ncsa94WbC9zo=
 modernc.org/ccorpus v1.11.6 h1:J16RXiiqiCgua6+ZvQot4yUuUy8zxgqbqEEUuGPlISk=
 modernc.org/httpfs v1.0.6 h1:AAgIpFZRXuYnkjftxTAZwMIiwEqAfk8aVB2/oA6nAeM=
-modernc.org/libc v1.22.6 h1:cbXU8R+A6aOjRuhsFh3nbDWXO/Hs4ClJRXYB11KmPDo=
-modernc.org/libc v1.22.6/go.mod h1:jj+Z7dTNX8fBScMVNRAYZ/jF91K8fdT2hYMThc3YjBY=
-modernc.org/mathutil v1.5.0 h1:rV0Ko/6SfM+8G+yKiyI830l3Wuz1zRutdslNoQ0kfiQ=
-modernc.org/mathutil v1.5.0/go.mod h1:mZW8CKdRPY1v87qxC/wUdX5O1qDzXMP5TH3wjfpga6E=
-modernc.org/memory v1.5.0 h1:N+/8c5rE6EqugZwHii4IFsaJ7MUhoWX07J5tC/iI5Ds=
-modernc.org/memory v1.5.0/go.mod h1:PkUhL0Mugw21sHPeskwZW4D6VscE/GQJOnIpCnW6pSU=
+modernc.org/libc v1.24.1 h1:uvJSeCKL/AgzBo2yYIPPTy82v21KgGnizcGYfBHaNuM=
+modernc.org/libc v1.24.1/go.mod h1:FmfO1RLrU3MHJfyi9eYYmZBfi/R+tqZ6+hQ3yQQUkak=
+modernc.org/mathutil v1.6.0 h1:fRe9+AmYlaej+64JsEEhoWuAYBkOtQiMEU7n/XgfYi4=
+modernc.org/mathutil v1.6.0/go.mod h1:Ui5Q9q1TR2gFm0AQRqQUaBWFLAhQpCwNcuhBOSedWPo=
+modernc.org/memory v1.6.0 h1:i6mzavxrE9a30whzMfwf7XWVODx2r5OYXvU46cirX7o=
+modernc.org/memory v1.6.0/go.mod h1:PkUhL0Mugw21sHPeskwZW4D6VscE/GQJOnIpCnW6pSU=
 modernc.org/opt v0.1.3 h1:3XOZf2yznlhC+ibLltsDGzABUGVx8J6pnFMS3E4dcq4=
 modernc.org/opt v0.1.3/go.mod h1:WdSiB5evDcignE70guQKxYUl14mgWtbClRi5wmkkTX0=
-modernc.org/sqlite v1.22.1 h1:P2+Dhp5FR1RlVRkQ3dDfCiv3Ok8XPxqpe70IjYVA9oE=
-modernc.org/sqlite v1.22.1/go.mod h1:OrDj17Mggn6MhE+iPbBNf7RGKODDE9NFT0f3EwDzJqk=
+modernc.org/sqlite v1.23.1 h1:nrSBg4aRQQwq59JpvGEQ15tNxoO5pX/kUjcRNwSAGQM=
+modernc.org/sqlite v1.23.1/go.mod h1:OrDj17Mggn6MhE+iPbBNf7RGKODDE9NFT0f3EwDzJqk=
 modernc.org/strutil v1.1.3 h1:fNMm+oJklMGYfU9Ylcywl0CO5O6nTfaowNsh2wpPjzY=
 modernc.org/strutil v1.1.3/go.mod h1:MEHNA7PdEnEwLvspRMtWTNnp2nnyvMfkimT1NKNAGbw=
 modernc.org/tcl v1.15.2 h1:C4ybAYCGJw968e+Me18oW55kD/FexcHbqH2xak1ROSY=
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
    "axios": "^1.2.1",
    "bootstrap": "^5.2.0",
    "bootstrap-icons": "^1.9.1",
-    "bootstrap5-tags": "^1.4.41",
+    "bootstrap5-tags": "^1.6.1",
    "color-hash": "^2.0.2",
    "moment": "^2.29.4",
    "prismjs": "^1.29.0",
@@ -22,7 +22,7 @@
  "devDependencies": {
    "@popperjs/core": "^2.11.5",
    "@vue/compiler-sfc": "^3.2.37",
-    "esbuild": "^0.17.5",
+    "esbuild": "^0.18.10",
    "esbuild-plugin-vue-next": "^0.1.4",
    "esbuild-sass-plugin": "^2.3.2"
  }
--- a/server/apiv1/api.go
+++ b/server/apiv1/api.go
@@ -304,7 +304,7 @@ func DownloadRaw(w http.ResponseWriter, r *http.Request) {
 		return
 	}

-	w.Header().Set("Content-Type", "text/plain")
+	w.Header().Set("Content-Type", "text/plain; charset=utf-8")
 	if dl == "1" {
 		w.Header().Set("Content-Disposition", "attachment; filename=\""+id+".eml\"")
 	}
@@ -495,7 +495,7 @@ func SetTags(w http.ResponseWriter, r *http.Request) {
 	_, _ = w.Write([]byte("ok"))
 }

-// ReleaseMessage (method: POST) will release a message via a preconfigured external SMTP server.
+// ReleaseMessage (method: POST) will release a message via a pre-configured external SMTP server.
 // If no IDs are provided then all messages are updated.
 func ReleaseMessage(w http.ResponseWriter, r *http.Request) {
 	// swagger:route POST /api/v1/message/{ID}/release message Release
--- a/server/apiv1/swagger.go
+++ b/server/apiv1/swagger.go
@@ -67,7 +67,7 @@ type releaseMessageRequest struct {
 	To []string `json:"to"`
 }

-// Binary data reponse inherits the attachment's content type
+// Binary data response inherits the attachment's content type
 // swagger:response BinaryResponse
 type binaryResponse struct {
 	// in: body
@@ -81,7 +81,7 @@ type textResponse struct {
 	Body string
 }

-// Error reponse
+// Error response
 // swagger:response ErrorResponse
 type errorResponse struct {
 	// The error message
@@ -89,10 +89,10 @@ type errorResponse struct {
 	Body string
 }

-// Plain text "ok" reponse
+// Plain text "ok" response
 // swagger:response OKResponse
 type okResponse struct {
-	// Default reponse
+	// Default response
 	// in: body
 	Body string
 }
--- a/server/smtpd/smtp.go
+++ b/server/smtpd/smtp.go
@@ -48,7 +48,7 @@ func Send(from string, to []string, msg []byte) error {

 	c, err := smtp.Dial(addr)
 	if err != nil {
-		return err
+		return fmt.Errorf("error connecting to %s: %s", addr, err.Error())
 	}

 	defer c.Close()
@@ -59,7 +59,7 @@ func Send(from string, to []string, msg []byte) error {
 		conf.InsecureSkipVerify = config.SMTPRelayConfig.AllowInsecure

 		if err = c.StartTLS(conf); err != nil {
-			return err
+			return fmt.Errorf("error creating StartTLS config: %s", err.Error())
 		}
 	}

@@ -79,30 +79,31 @@ func Send(from string, to []string, msg []byte) error {

 	if a != nil {
 		if err = c.Auth(a); err != nil {
-			return err
+			return fmt.Errorf("error response to AUTH command: %s", err.Error())
 		}
 	}
+
 	if err = c.Mail(from); err != nil {
-		return err
+		return fmt.Errorf("error response to MAIL command: %s", err.Error())
 	}

 	for _, addr := range recipients {
 		if err = c.Rcpt(addr); err != nil {
-			return err
+			logger.Log().Warnf("error response to RCPT command for %s: %s", addr, err.Error())
 		}
 	}

 	w, err := c.Data()
 	if err != nil {
-		return err
+		return fmt.Errorf("error response to DATA command: %s", err.Error())
 	}

 	if _, err := w.Write(msg); err != nil {
-		return err
+		return fmt.Errorf("error sending message: %s", err.Error())
 	}

 	if err := w.Close(); err != nil {
-		return err
+		return fmt.Errorf("error closing connection: %s", err.Error())
 	}

 	return c.Quit()
--- a/server/smtpd/smtpd.go
+++ b/server/smtpd/smtpd.go
@@ -74,7 +74,7 @@ func mailHandler(origin net.Addr, from string, to []string, data []byte) error {
 				if replaced {
 					return r
 				}
-				replaced = true // only replace first occurence
+				replaced = true // only replace first occurrence

 				return re.ReplaceAll(r, []byte("${1}Bcc: "+strings.Join(missingAddresses, ", ")+", "))
 			})
--- a/server/ui-src/App.vue
+++ b/server/ui-src/App.vue
@@ -4,6 +4,7 @@ import Message from './templates/Message.vue'
 import MessageSummary from './templates/MessageSummary.vue'
 import MessageRelease from './templates/MessageRelease.vue'
 import MessageToast from './templates/MessageToast.vue'
+import ThemeToggle from './templates/ThemeToggle.vue'
 import moment from 'moment'
 import Tinycon from 'tinycon'

@@ -14,7 +15,8 @@ export default {
 		Message,
 		MessageSummary,
 		MessageRelease,
-		MessageToast
+		MessageToast,
+		ThemeToggle,
 	},

 	data() {
@@ -50,55 +52,55 @@ export default {
 	watch: {
 		currentPath(v, old) {
 			if (v && v.match(/^[a-z0-9]+-[a-z0-9]+-[a-z0-9]+-[a-z0-9]+-[a-z0-9]+$/)) {
-				this.openMessage();
+				this.openMessage()
 			} else {
-				this.message = false;
+				this.message = false
 			}
 		},
 		unread(v, old) {
 			if (v == this.tcStatus) {
-				return;
+				return
 			}
-			this.tcStatus = v;
+			this.tcStatus = v
 			if (v == 0) {
-				Tinycon.reset();
+				Tinycon.reset()
 			} else {
-				Tinycon.setBubble(v);
+				Tinycon.setBubble(v)
 			}
 		}
 	},

 	computed: {
 		canPrev: function () {
-			return this.start > 0;
+			return this.start > 0
 		},
 		canNext: function () {
-			return this.total > (this.start + this.count);
+			return this.total > (this.start + this.count)
 		},
 		unreadInSearch: function () {
 			if (!this.searching) {
-				return false;
+				return false
 			}

-			return this.items.filter(i => !i.Read).length;
+			return this.items.filter(i => !i.Read).length
 		}
 	},

 	mounted() {
-		this.currentPath = window.location.hash.slice(1);
+		this.currentPath = window.location.hash.slice(1)
 		window.addEventListener('hashchange', () => {
-			this.currentPath = window.location.hash.slice(1);
-		});
+			this.currentPath = window.location.hash.slice(1)
+		})

 		this.notificationsSupported = window.isSecureContext
-			&& ("Notification" in window && Notification.permission !== "denied");
-		this.notificationsEnabled = this.notificationsSupported && Notification.permission == "granted";
+			&& ("Notification" in window && Notification.permission !== "denied")
+		this.notificationsEnabled = this.notificationsSupported && Notification.permission == "granted"

 		Tinycon.setOptions({
 			height: 11,
 			background: '#dd0000',
 			fallback: false
-		});
+		})

 		moment.updateLocale('en', {
 			relativeTime: {
@@ -119,11 +121,11 @@ export default {
 				y: "a year",
 				yy: "%d years"
 			}
-		});
+		})

-		this.connect();
-		this.getUISettings();
-		this.loadMessages();
+		this.connect()
+		this.getUISettings()
+		this.loadMessages()
 	},

 	methods: {
@@ -131,143 +133,143 @@ export default {
 			let now = Date.now()
 			// prevent double loading when UI loads & websocket connects
 			if (this.lastLoaded && now - this.lastLoaded < 250) {
-				return;
+				return
 			}
 			if (this.start == 0) {
-				this.lastLoaded = now;
+				this.lastLoaded = now
 			}

-			let self = this;
-			let params = {};
-			self.selected = [];
+			let self = this
+			let params = {}
+			self.selected = []

-			let uri = 'api/v1/messages';
+			let uri = 'api/v1/messages'
 			if (self.search) {
-				self.searching = true;
-				self.items = [];
+				self.searching = true
+				self.items = []
 				uri = 'api/v1/search'
-				self.start = 0; // search is displayed on one page
-				params['query'] = self.search;
-				params['limit'] = 200;
+				self.start = 0 // search is displayed on one page
+				params['query'] = self.search
+				params['limit'] = 200
 			} else {
-				self.searching = false;
-				params['limit'] = self.limit;
+				self.searching = false
+				params['limit'] = self.limit
 				if (self.start > 0) {
-					params['start'] = self.start;
+					params['start'] = self.start
 				}
 			}

 			self.get(uri, params, function (response) {
-				self.total = response.data.total;
-				self.unread = response.data.unread;
-				self.count = response.data.count;
-				self.start = response.data.start;
-				self.items = response.data.messages;
-				self.tags = response.data.tags;
-				self.existingTags = JSON.parse(JSON.stringify(self.tags));
+				self.total = response.data.total
+				self.unread = response.data.unread
+				self.count = response.data.count
+				self.start = response.data.start
+				self.items = response.data.messages
+				self.tags = response.data.tags
+				self.existingTags = JSON.parse(JSON.stringify(self.tags))

 				// if pagination > 0 && results == 0 reload first page (prune)
 				if (response.data.count == 0 && response.data.start > 0) {
-					self.start = 0;
-					return self.loadMessages();
+					self.start = 0
+					return self.loadMessages()
 				}

 				if (!self.scrollInPlace) {
-					let mp = document.getElementById('message-page');
+					let mp = document.getElementById('message-page')
 					if (mp) {
-						mp.scrollTop = 0;
+						mp.scrollTop = 0
 					}
 				}

-				self.scrollInPlace = false;
-			});
+				self.scrollInPlace = false
+			})
 		},

 		getUISettings: function () {
-			let self = this;
+			let self = this
 			self.get('api/v1/webui', null, function (response) {
-				self.relayConfig = response.data;
-			});
+				self.relayConfig = response.data
+			})
 		},

 		doSearch: function (e) {
-			e.preventDefault();
-			this.loadMessages();
+			e.preventDefault()
+			this.loadMessages()
 		},

 		tagSearch: function (e, tag) {
-			e.preventDefault();
+			e.preventDefault()
 			if (tag.match(/ /)) {
-				tag = '"' + tag + '"';
+				tag = '"' + tag + '"'
 			}
-			this.search = 'tag:' + tag;
-			window.location.hash = "";
-			this.loadMessages();
+			this.search = 'tag:' + tag
+			window.location.hash = ""
+			this.loadMessages()
 		},

 		resetSearch: function (e) {
-			e.preventDefault();
-			this.search = '';
-			this.scrollInPlace = true;
-			this.loadMessages();
+			e.preventDefault()
+			this.search = ''
+			this.scrollInPlace = true
+			this.loadMessages()
 		},

 		reloadMessages: function () {
-			this.search = "";
-			this.start = 0;
-			this.loadMessages();
+			this.search = ""
+			this.start = 0
+			this.loadMessages()
 		},

 		viewNext: function () {
-			this.start = parseInt(this.start, 10) + parseInt(this.limit, 10);
-			this.loadMessages();
+			this.start = parseInt(this.start, 10) + parseInt(this.limit, 10)
+			this.loadMessages()
 		},

 		viewPrev: function () {
-			let s = this.start - this.limit;
+			let s = this.start - this.limit
 			if (s < 0) {
-				s = 0;
+				s = 0
 			}
-			this.start = s;
-			this.loadMessages();
+			this.start = s
+			this.loadMessages()
 		},

 		openMessage: function (id) {
-			let self = this;
-			self.selected = [];
-			self.releaseAddresses = false;
-			self.toastMessage = false;
-			self.existingTags = JSON.parse(JSON.stringify(self.tags));
+			let self = this
+			self.selected = []
+			self.releaseAddresses = false
+			self.toastMessage = false
+			self.existingTags = JSON.parse(JSON.stringify(self.tags))

 			let uri = 'api/v1/message/' + self.currentPath
 			self.get(uri, false, function (response) {
 				for (let i in self.items) {
 					if (self.items[i].ID == self.currentPath) {
 						if (!self.items[i].Read) {
-							self.items[i].Read = true;
-							self.unread--;
+							self.items[i].Read = true
+							self.unread--
 						}
 					}
 				}

-				let d = response.data;
+				let d = response.data

 				// replace inline images embedded as inline attachments
 				if (d.HTML && d.Inline) {
 					for (let i in d.Inline) {
-						let a = d.Inline[i];
+						let a = d.Inline[i]
 						if (a.ContentID != '') {
 							d.HTML = d.HTML.replace(
 								new RegExp('(=["\']?)(cid:' + a.ContentID + ')(["|\'|\\s|\\/|>|;])', 'g'),
 								'$1' + window.location.origin + window.location.pathname + 'api/v1/message/' + d.ID + '/part/' + a.PartID + '$3'
-							);
+							)
 						}
 						if (a.FileName.match(/^[a-zA-Z0-9\_\-\.]+$/)) {
 							// some old email clients use the filename
 							d.HTML = d.HTML.replace(
 								new RegExp('(=["\']?)(' + a.FileName + ')(["|\'|\\s|\\/|>|;])', 'g'),
 								'$1' + window.location.origin + window.location.pathname + 'api/v1/message/' + d.ID + '/part/' + a.PartID + '$3'
-							);
+							)
 						}
 					}
 				}
@@ -275,381 +277,381 @@ export default {
 				// replace inline images embedded as regular attachments
 				if (d.HTML && d.Attachments) {
 					for (let i in d.Attachments) {
-						let a = d.Attachments[i];
+						let a = d.Attachments[i]
 						if (a.ContentID != '') {
 							d.HTML = d.HTML.replace(
 								new RegExp('(=["\']?)(cid:' + a.ContentID + ')(["|\'|\\s|\\/|>|;])', 'g'),
 								'$1' + window.location.origin + window.location.pathname + 'api/v1/message/' + d.ID + '/part/' + a.PartID + '$3'
-							);
+							)
 						}
 						if (a.FileName.match(/^[a-zA-Z0-9\_\-\.]+$/)) {
 							// some old email clients use the filename
 							d.HTML = d.HTML.replace(
 								new RegExp('(=["\']?)(' + a.FileName + ')(["|\'|\\s|\\/|>|;])', 'g'),
 								'$1' + window.location.origin + window.location.pathname + 'api/v1/message/' + d.ID + '/part/' + a.PartID + '$3'
-							);
+							)
 						}
 					}
 				}

-				self.message = d;
+				self.message = d

 				// generate the prev/next links based on current message list
-				self.messagePrev = false;
-				self.messageNext = false;
-				let found = false;
+				self.messagePrev = false
+				self.messageNext = false
+				let found = false

 				for (let i in self.items) {
 					if (self.items[i].ID == self.message.ID) {
-						found = true;
+						found = true
 					} else if (found && !self.messageNext) {
-						self.messageNext = self.items[i].ID;
-						break;
+						self.messageNext = self.items[i].ID
+						break
 					} else {
-						self.messagePrev = self.items[i].ID;
+						self.messagePrev = self.items[i].ID
 					}
 				}
-			});
+			})
 		},

 		// universal handler to delete current or selected messages
 		deleteMessages: function () {
-			let ids = [];
-			let self = this;
+			let ids = []
+			let self = this
 			if (self.message) {
-				ids.push(self.message.ID);
+				ids.push(self.message.ID)
 			} else {
-				ids = JSON.parse(JSON.stringify(self.selected));
+				ids = JSON.parse(JSON.stringify(self.selected))
 			}
 			if (!ids.length) {
-				return false;
+				return false
 			}
-			let uri = 'api/v1/messages';
+			let uri = 'api/v1/messages'
 			self.delete(uri, { 'ids': ids }, function (response) {
-				window.location.hash = "";
-				self.scrollInPlace = true;
-				self.loadMessages();
-			});
+				window.location.hash = ""
+				self.scrollInPlace = true
+				self.loadMessages()
+			})
 		},

 		// delete messages displayed in current search
 		deleteSearch: function () {
-			let ids = this.items.map(item => item.ID);
+			let ids = this.items.map(item => item.ID)

 			if (!ids.length) {
-				return false;
+				return false
 			}

-			let self = this;
-			let uri = 'api/v1/messages';
+			let self = this
+			let uri = 'api/v1/messages'
 			self.delete(uri, { 'ids': ids }, function (response) {
-				window.location.hash = "";
-				self.scrollInPlace = true;
-				self.loadMessages();
-			});
+				window.location.hash = ""
+				self.scrollInPlace = true
+				self.loadMessages()
+			})
 		},

 		// delete all messages from mailbox
 		deleteAll: function () {
-			let self = this;
-			let uri = 'api/v1/messages';
+			let self = this
+			let uri = 'api/v1/messages'
 			self.delete(uri, false, function (response) {
-				window.location.hash = "";
-				self.reloadMessages();
-			});
+				window.location.hash = ""
+				self.reloadMessages()
+			})
 		},

 		// mark current message as read
 		markUnread: function () {
-			let self = this;
+			let self = this
 			if (!self.message) {
-				return false;
+				return false
 			}
-			let uri = 'api/v1/messages';
+			let uri = 'api/v1/messages'
 			self.put(uri, { 'read': false, 'ids': [self.message.ID] }, function (response) {
-				window.location.hash = "";
-				self.scrollInPlace = true;
-				self.loadMessages();
-			});
+				window.location.hash = ""
+				self.scrollInPlace = true
+				self.loadMessages()
+			})
 		},

 		// mark all messages in mailbox as read
 		markAllRead: function () {
-			let self = this;
+			let self = this
 			let uri = 'api/v1/messages'
 			self.put(uri, { 'read': true }, function (response) {
-				window.location.hash = "";
-				self.scrollInPlace = true;
-				self.loadMessages();
-			});
+				window.location.hash = ""
+				self.scrollInPlace = true
+				self.loadMessages()
+			})
 		},

 		// mark messages in current search as read
 		markSearchRead: function () {
-			let ids = this.items.map(item => item.ID);
+			let ids = this.items.map(item => item.ID)

 			if (!ids.length) {
-				return false;
+				return false
 			}

-			let self = this;
-			let uri = 'api/v1/messages';
+			let self = this
+			let uri = 'api/v1/messages'
 			self.put(uri, { 'read': true, 'ids': ids }, function (response) {
-				window.location.hash = "";
-				self.scrollInPlace = true;
-				self.loadMessages();
-			});
+				window.location.hash = ""
+				self.scrollInPlace = true
+				self.loadMessages()
+			})
 		},

 		// mark selected messages as read
 		markSelectedRead: function () {
-			let self = this;
+			let self = this
 			if (!self.selected.length) {
-				return false;
+				return false
 			}
-			let uri = 'api/v1/messages';
+			let uri = 'api/v1/messages'
 			self.put(uri, { 'read': true, 'ids': self.selected }, function (response) {
-				window.location.hash = "";
-				self.scrollInPlace = true;
-				self.loadMessages();
-			});
+				window.location.hash = ""
+				self.scrollInPlace = true
+				self.loadMessages()
+			})
 		},

 		// mark selected messages as unread
 		markSelectedUnread: function () {
-			let self = this;
+			let self = this
 			if (!self.selected.length) {
-				return false;
+				return false
 			}
-			let uri = 'api/v1/messages';
+			let uri = 'api/v1/messages'
 			self.put(uri, { 'read': false, 'ids': self.selected }, function (response) {
-				window.location.hash = "";
-				self.scrollInPlace = true;
-				self.loadMessages();
-			});
+				window.location.hash = ""
+				self.scrollInPlace = true
+				self.loadMessages()
+			})
 		},

 		// test if any selected emails are unread
 		selectedHasUnread: function () {
 			if (!this.selected.length) {
-				return false;
+				return false
 			}
 			for (let i in this.items) {
 				if (this.isSelected(this.items[i].ID) && !this.items[i].Read) {
-					return true;
+					return true
 				}
 			}
-			return false;
+			return false
 		},

 		// test of any selected emails are read
 		selectedHasRead: function () {
 			if (!this.selected.length) {
-				return false;
+				return false
 			}
 			for (let i in this.items) {
 				if (this.isSelected(this.items[i].ID) && this.items[i].Read) {
-					return true;
+					return true
 				}
 			}
-			return false;
+			return false
 		},

 		// websocket connect
 		connect: function () {
-			let wsproto = location.protocol == 'https:' ? 'wss' : 'ws';
+			let wsproto = location.protocol == 'https:' ? 'wss' : 'ws'
 			let ws = new WebSocket(
 				wsproto + "://" + document.location.host + document.location.pathname + "api/events"
-			);
-			let self = this;
+			)
+			let self = this
 			ws.onmessage = function (e) {
-				let response = JSON.parse(e.data);
+				let response = JSON.parse(e.data)
 				if (!response) {
-					return;
+					return
 				}
 				// new messages
 				if (response.Type == "new" && response.Data) {
 					if (!self.searching) {
 						if (self.start < 1) {
 							// first page
-							self.items.unshift(response.Data);
+							self.items.unshift(response.Data)
 							if (self.items.length > self.limit) {
-								self.items.pop();
+								self.items.pop()
 							}

 							// first message was open, set messagePrev
 							if (!self.messagePrev) {
-								self.messagePrev = response.Data.ID;
+								self.messagePrev = response.Data.ID
 							}
 						} else {
-							self.start++;
+							self.start++
 						}
 					}
-					self.total++;
-					self.unread++;
+					self.total++
+					self.unread++

 					for (let i in response.Data.Tags) {
 						if (self.tags.indexOf(response.Data.Tags[i]) < 0) {
-							self.tags.push(response.Data.Tags[i]);
-							self.tags.sort();
+							self.tags.push(response.Data.Tags[i])
+							self.tags.sort()
 						}
 					}

-					let from = response.Data.From != null ? response.Data.From.Address : '[unknown]';
-					self.browserNotify("New mail from: " + from, response.Data.Subject);
-					self.setMessageToast(response.Data);
+					let from = response.Data.From != null ? response.Data.From.Address : '[unknown]'
+					self.browserNotify("New mail from: " + from, response.Data.Subject)
+					self.setMessageToast(response.Data)
 				} else if (response.Type == "prune") {
 					// messages have been deleted, reload messages to adjust
-					self.scrollInPlace = true;
-					self.loadMessages();
+					self.scrollInPlace = true
+					self.loadMessages()
 				}
 			}

 			ws.onopen = function () {
-				self.isConnected = true;
-				self.loadMessages();
+				self.isConnected = true
+				self.loadMessages()
 			}

 			ws.onclose = function (e) {
-				self.isConnected = false;
+				self.isConnected = false

 				setTimeout(function () {
-					self.connect(); // reconnect
-				}, 1000);
+					self.connect() // reconnect
+				}, 1000)
 			}

 			ws.onerror = function (err) {
-				ws.close();
+				ws.close()
 			}
 		},

 		getPrimaryEmailTo: function (message) {
 			for (let i in message.To) {
-				return message.To[i].Address;
+				return message.To[i].Address
 			}

-			return '[ Undisclosed recipients ]';
+			return '[ Undisclosed recipients ]'
 		},

 		getRelativeCreated: function (message) {
 			let d = new Date(message.Created)
-			return moment(d).fromNow().toString();
+			return moment(d).fromNow().toString()
 		},

 		browserNotify: function (title, message) {
 			if (!("Notification" in window)) {
-				return;
+				return
 			}

 			if (Notification.permission === "granted") {
-				let b = message.Subject;
+				let b = message.Subject
 				let options = {
 					body: message,
 					icon: 'notification.png'
 				}
-				new Notification(title, options);
+				new Notification(title, options)
 			}
 		},

 		requestNotifications: function () {
 			// check if the browser supports notifications
 			if (!("Notification" in window)) {
-				alert("This browser does not support desktop notification");
+				alert("This browser does not support desktop notification")
 			}

 			// we need to ask the user for permission
 			else if (Notification.permission !== "denied") {
-				let self = this;
+				let self = this
 				Notification.requestPermission().then(function (permission) {
 					// if the user accepts, let's create a notification
 					if (permission === "granted") {
-						self.browserNotify("Notifications enabled", "You will receive notifications when new mails are received.");
-						self.notificationsEnabled = true;
+						self.browserNotify("Notifications enabled", "You will receive notifications when new mails are received.")
+						self.notificationsEnabled = true
 					}
-				});
+				})
 			}
 		},

 		toggleSelected: function (e, id) {
-			e.preventDefault();
+			e.preventDefault()

 			if (this.isSelected(id)) {
 				this.selected = this.selected.filter(function (ele) {
-					return ele != id;
-				});
+					return ele != id
+				})
 			} else {
-				this.selected.push(id);
+				this.selected.push(id)
 			}
 		},

 		selectRange: function (e, id) {
-			e.preventDefault();
+			e.preventDefault()

-			let selecting = false;
-			let lastSelected = this.selected.length > 0 && this.selected[this.selected.length - 1];
+			let selecting = false
+			let lastSelected = this.selected.length > 0 && this.selected[this.selected.length - 1]
 			if (lastSelected == id) {
 				this.selected = this.selected.filter(function (ele) {
-					return ele != id;
-				});
-				return;
+					return ele != id
+				})
+				return
 			}

 			if (lastSelected === false) {
-				this.selected.push(id);
-				return;
+				this.selected.push(id)
+				return
 			}

 			for (let d of this.items) {
 				if (selecting) {
 					if (!this.isSelected(d.ID)) {
-						this.selected.push(d.ID);
+						this.selected.push(d.ID)
 					}
 					if (d.ID == lastSelected || d.ID == id) {
 						// reached backwards select
-						break;
+						break
 					}
 				} else if (d.ID == id || d.ID == lastSelected) {
 					if (!this.isSelected(d.ID)) {
-						this.selected.push(d.ID);
+						this.selected.push(d.ID)
 					}
-					selecting = true;
+					selecting = true
 				}
 			}
 		},

 		isSelected: function (id) {
-			return this.selected.indexOf(id) != -1;
+			return this.selected.indexOf(id) != -1
 		},

 		inSearch: function (tag) {
-			tag = tag.toLowerCase();
+			tag = tag.toLowerCase()
 			if (tag.match(/ /)) {
-				tag = '"' + tag + '"';
+				tag = '"' + tag + '"'
 			}

-			return this.search.toLowerCase().indexOf('tag:' + tag) > -1;
+			return this.search.toLowerCase().indexOf('tag:' + tag) > -1
 		},

 		loadInfo: function (e) {
-			e.preventDefault();
-			let self = this;
+			e.preventDefault()
+			let self = this
 			self.get('api/v1/info', false, function (response) {
-				self.appInfo = response.data;
-				self.modal('AppInfoModal').show();
-			});
+				self.appInfo = response.data
+				self.modal('AppInfoModal').show()
+			})
 		},

 		downloadMessageBody: function (str, ext) {
-			let dl = document.createElement('a');
-			dl.href = "data:text/plain," + encodeURIComponent(str);
-			dl.target = '_blank';
-			dl.download = this.message.ID + '.' + ext;
-			dl.click();
+			let dl = document.createElement('a')
+			dl.href = "data:text/plain," + encodeURIComponent(str)
+			dl.target = '_blank'
+			dl.download = this.message.ID + '.' + ext
+			dl.click()
 		},

 		initReleaseModal: function () {
-			this.releaseAddresses = false;
-			let addresses = [];
+			this.releaseAddresses = false
+			let addresses = []
 			for (let i in this.message.To) {
 				addresses.push(this.message.To[i].Address)
 			}
@@ -661,31 +663,31 @@ export default {
 			}

 			// include only unique email addresses, regardless of casing
-			let uAddresses = new Map(addresses.map(a => [a.toLowerCase(), a]));
-			this.releaseAddresses = [...uAddresses.values()];
+			let uAddresses = new Map(addresses.map(a => [a.toLowerCase(), a]))
+			this.releaseAddresses = [...uAddresses.values()]

-			let self = this;
+			let self = this
 			window.setTimeout(function () {
 				// delay to allow elements to load
-				self.modal('ReleaseModal').show();
+				self.modal('ReleaseModal').show()

 				window.setTimeout(function () {
 					document.querySelector('#ReleaseModal input[role="combobox"]').focus()
-				}, 500);
-			}, 300);
+				}, 500)
+			}, 300)
 		},

 		setMessageToast: function (m) {
 			// don't display if browser notifications are enabled, or a toast is already displayed
 			if (this.notificationsEnabled || this.toastMessage) {
-				return;
+				return
 			}

-			this.toastMessage = m;
+			this.toastMessage = m
 		},

 		clearMessageToast: function () {
-			this.toastMessage = false;
+			this.toastMessage = false
 		}
 	}
 }
@@ -775,13 +777,13 @@ export default {
 						<img src="mailpit.svg" alt="Mailpit">
 						<span v-if="!total" class="ms-2">Mailpit</span>
 					</a>
-					<div v-if="total" class="ms-md-2 d-flex bg-white border rounded-start flex-fill position-relative">
+					<div v-if="total" class="ms-md-2 d-flex border bg-body rounded-start flex-fill position-relative">
 						<input type="text" class="form-control border-0" aria-label="Search" v-model.trim="search"
 							placeholder="Search mailbox">
 						<span class="btn btn-link position-absolute end-0 text-muted" v-if="search"
 							v-on:click="resetSearch"><i class="bi bi-x-circle"></i></span>
 					</div>
-					<button v-if="total" class="btn btn-outline-light" type="submit">
+					<button v-if="total" class="btn btn-outline-secondary" type="submit">
 						<i class="bi bi-search"></i>
 					</button>
 				</div>
@@ -807,8 +809,8 @@ export default {
 				<i class="bi bi-check2-square"></i>
 			</button>

-			<select v-model="limit" v-on:change="loadMessages" class="form-select form-select-sm d-inline w-auto me-2"
-				v-if="!searching">
+			<select v-model="limit" v-on:change="loadMessages" v-if="!searching"
+				class="form-select form-select-sm d-none d-md-inline w-auto me-2">
 				<option value="25">25</option>
 				<option value="50">50</option>
 				<option value="100">100</option>
@@ -920,7 +922,7 @@ export default {
 						</li>
 					</ul>
 				</div>
-				<div class="list-group mt-1 mb-5">
+				<div class="list-group mt-1 mb-5 pb-3">
 					<button class="list-group-item list-group-item-action small px-2" v-for="tag in tags"
 						:style="showTagColors ? { borderLeftColor: colorHash(tag), borderLeftWidth: '4px' } : ''"
 						v-on:click="tagSearch($event, tag)" :class="inSearch(tag) ? 'active' : ''">
@@ -933,18 +935,20 @@ export default {

 			<MessageSummary v-if="message" :message="message"></MessageSummary>

-			<div class="position-fixed bottom-0 bg-white py-2 text-muted small w-100">
-				<a href="#" class="text-muted" v-on:click="loadInfo">
+			<div class="position-fixed bg-body bottom-0 ms-n1 py-2 text-muted small col-lg-2 col-md-3 pe-3 z-3">
+				<a href="#" class="text-muted btn btn-sm" v-on:click="loadInfo">
 					<i class="bi bi-info-circle-fill"></i>
 					About
 				</a>
+
+				<ThemeToggle />
 			</div>
 		</div>

 		<div class="col-lg-10 col-md-9 mh-100 ps-0 ps-md-2 pe-0">
 			<div class="mh-100" style="overflow-y: auto;" :class="message ? 'd-none' : ''" id="message-page">
 				<div class="list-group my-2" v-if="items.length">
-					<a v-for="message in items" :href="'#' + message.ID"
+					<a v-for="message in items" :href="'#' + message.ID" :key="message.ID"
 						v-on:click.ctrl="toggleSelected($event, message.ID)"
 						v-on:click.shift="selectRange($event, message.ID)"
 						class="row gx-1 message d-flex small list-group-item list-group-item-action border-start-0 border-end-0"
--- a/server/ui-src/app.js
+++ b/server/ui-src/app.js
@@ -1,7 +1,7 @@
 import { createApp } from 'vue';
 import App from './App.vue';
 import "./assets/styles.scss";
-import "../../node_modules/bootstrap-icons/font/bootstrap-icons.scss";
+import "bootstrap-icons/font/bootstrap-icons.scss";
 import "bootstrap";

 createApp(App).mount('#app');
--- a/server/ui-src/assets/_bootstrap_variables.scss
+++ b/server/ui-src/assets/_bootstrap_variables.scss
@@ -6,3 +6,4 @@ $link-decoration: none;
 $primary: #2c3e50;
 $list-group-disabled-color: #adb5bd;
 $enable-negative-margins: true;
+$body-color-dark: #e7eaed;
--- a/server/ui-src/assets/styles.scss
+++ b/server/ui-src/assets/styles.scss
@@ -56,17 +56,46 @@
    z-index: 1500;
 }

-.message.read:not(.active):not(.selected) {
-    color: $gray-500;
+// dark mode adjustments
+@include color-mode(dark) {
+    #loading {
+        background: rgba(0, 0, 0, 0.4);
+    }
+
+    .token.tag,
+    .token.property {
+        color: #ee6969;
+    }
+}
+
+.message {
+    &.read {
+        color: $text-muted;
+
+        b {
+            font-weight: normal;
+        }
+    }
+    &.selected {
+        background: var(--bs-primary-bg-subtle);
+    }
 }

 #nav-plain-text .text-view,
 #nav-source {
    white-space: pre;
-    font-family: Courier New, Courier, System, fixed-width;
+    font-family:
+        Courier New,
+        Courier,
+        System,
+        fixed-width;
    font-size: 0.85em;
 }

+#nav-html-source pre[class*="language-"] code {
+    white-space: pre-wrap;
+}
+
 #nav-plain-text .text-view {
    white-space: pre-wrap;
 }
@@ -86,7 +115,9 @@
 }

 #nav-html {
-    padding-right: 1.5rem;
+    @include media-breakpoint-up(md) {
+        padding-right: 1.5rem;
+    }
 }

 #preview-html {
@@ -180,20 +211,6 @@
    border-top: 0;
 }

-.message.selected {
-    background: $gray-300;
-
-    .text-muted {
-        color: $body-color !important;
-    }
-
-    &.read {
-        b {
-            font-weight: normal;
-        }
-    }
-}
-
 body.blur {
    .privacy {
        filter: blur(3px);
@@ -280,8 +297,8 @@ body.blur {
 https://prismjs.com/download.html#themes=prism-coy&languages=markup+css */
 code[class*="language-"],
 pre[class*="language-"] {
-    color: #000;
-    background: 0 0;
+    // color: #000;
+    // background: 0 0;
    font-size: 0.85em;
    text-align: left;
    white-space: pre;
@@ -314,7 +331,7 @@ code[class*="language-"] {
 }
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
-    background-color: #fdfdfd;
+    // background-color: #fdfdfd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
@@ -364,7 +381,7 @@ pre[class*="language-"] {
 .token.url,
 .token.variable {
    color: #a67f59;
-    background: rgba(255, 255, 255, 0.5);
+    // background: rgba(255, 255, 255, 0.5);
 }
 .token.atrule,
 .token.attr-value,
@@ -379,7 +396,7 @@ pre[class*="language-"] {
 .language-css .token.string,
 .style .token.string {
    color: #a67f59;
-    background: rgba(255, 255, 255, 0.5);
+    // background: rgba(255, 255, 255, 0.5);
 }
 .token.important {
    font-weight: 400;
@@ -390,9 +407,9 @@ pre[class*="language-"] {
 .token.italic {
    font-style: italic;
 }
-.token.entity {
-    cursor: help;
-}
+// .token.entity {
+//     cursor: help;
+// }
 .token.namespace {
    opacity: 0.7;
 }
--- a/server/ui-src/templates/Attachments.vue
+++ b/server/ui-src/templates/Attachments.vue
@@ -14,14 +14,18 @@ export default {

 <template>
 	<div class="mt-4 border-top pt-4">
-		<a v-for="part in attachments" :href="'api/v1/message/'+message.ID+'/part/'+part.PartID" class="card attachment float-start me-3 mb-3" target="_blank" style="width: 180px">
-			<img v-if="isImage(part)" :src="'api/v1/message/'+message.ID+'/part/'+part.PartID+'/thumb'" class="card-img-top" alt="">
-			<img v-else src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAB4AQMAAABhKUq+AAAAA1BMVEX///+nxBvIAAAAGUlEQVQYGe3BgQAAAADDoPtTT+EA1QAAgFsLQAAB12s2WgAAAABJRU5ErkJggg==" class="card-img-top" alt="">
+		<a v-for="part in attachments" :href="'api/v1/message/' + message.ID + '/part/' + part.PartID"
+			class="card attachment float-start me-3 mb-3" target="_blank" style="width: 180px">
+			<img v-if="isImage(part)" :src="'api/v1/message/' + message.ID + '/part/' + part.PartID + '/thumb'"
+				class="card-img-top" alt="">
+			<img v-else
+				src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAB4AQMAAABhKUq+AAAAA1BMVEX///+nxBvIAAAAGUlEQVQYGe3BgQAAAADDoPtTT+EA1QAAgFsLQAAB12s2WgAAAABJRU5ErkJggg=="
+				class="card-img-top" alt="">
 			<div class="icon" v-if="!isImage(part)">
 				<i class="bi" :class="attachmentIcon(part)"></i>
 			</div>
 			<div class="card-body border-0">
-				<p class="mb-1 text-muted">
+				<p class="mb-1">
 					<i class="bi me-1" :class="attachmentIcon(part)"></i>
 					<small>{{ getFileSize(part.Size) }}</small>
 				</p>
@@ -29,7 +33,7 @@ export default {
 					{{ part.FileName != '' ? part.FileName : '[ unknown ]' }}
 				</p>
 			</div>
-				<div class="card-footer small border-0 text-center text-truncate">
+			<div class="card-footer small border-0 text-center text-truncate">
 				{{ part.FileName != '' ? part.FileName : '[ unknown ]' }}
 			</div>
 		</a>
--- a/server/ui-src/templates/Headers.vue
+++ b/server/ui-src/templates/Headers.vue
@@ -1,6 +1,6 @@

 <script>
-import commonMixins from '../mixins.js';
+import commonMixins from '../mixins.js'

 export default {
    props: {
@@ -17,9 +17,9 @@ export default {

    mounted() {
        let self = this;
-        let uri = 'api/v1/message/' + self.message.ID + '/headers';
+        let uri = 'api/v1/message/' + self.message.ID + '/headers'
        self.get(uri, false, function (response) {
-            self.headers = response.data;
+            self.headers = response.data
        });
    },

@@ -30,7 +30,7 @@ export default {
    <div v-if="headers" class="small">
        <div v-for="vals, k in headers" class="row mb-2 pb-2 border-bottom w-100">
            <div class="col-md-4 col-lg-3 col-xl-2 mb-2"><b>{{ k }}</b></div>
-            <div class="col-md-8 col-lg-9 col-xl-10 text-muted">
+            <div class="col-md-8 col-lg-9 col-xl-10 text-body-secondary">
                <div v-for="x in vals" class="mb-2 text-break">{{ x }}</div>
            </div>
        </div>
--- a/server/ui-src/templates/Message.vue
+++ b/server/ui-src/templates/Message.vue
@@ -1,10 +1,10 @@

 <script>
-import commonMixins from '../mixins.js';
-import Prism from "prismjs";
-import Tags from "bootstrap5-tags";
-import Attachments from './Attachments.vue';
-import Headers from './Headers.vue';
+import commonMixins from '../mixins.js'
+import Prism from "prismjs"
+import Tags from "bootstrap5-tags"
+import Attachments from './Attachments.vue'
+import Headers from './Headers.vue'

 export default {
 	props: {
@@ -14,7 +14,7 @@ export default {

 	components: {
 		Attachments,
-		Headers
+		Headers,
 	},

 	mixins: [commonMixins],
@@ -41,20 +41,20 @@ export default {
 	watch: {
 		message: {
 			handler() {
-				let self = this;
-				self.showTags = false;
-				self.messageTags = self.message.Tags;
-				self.allTags = self.existingTags;
-				self.loadHeaders = false;
+				let self = this
+				self.showTags = false
+				self.messageTags = self.message.Tags
+				self.allTags = self.existingTags
+				self.loadHeaders = false
 				self.scaleHTMLPreview = 'display';// default view
 				// delay to select first tab and add HTML highlighting (prev/next)
 				self.$nextTick(function () {
-					self.renderUI();
-					self.showTags = true;
+					self.renderUI()
+					self.showTags = true
 					self.$nextTick(function () {
-						Tags.init("select[multiple]");
-					});
-				});
+						Tags.init("select[multiple]")
+					})
+				})
 			},
 			// force eager callback execution
 			immediate: true
@@ -62,97 +62,112 @@ export default {
 		messageTags() {
 			// save changed to tags
 			if (this.showTags) {
-				this.saveTags();
+				this.saveTags()
 			}
 		},
 		scaleHTMLPreview() {
 			if (this.scaleHTMLPreview == 'display') {
-				let self = this;
+				let self = this
 				window.setTimeout(function () {
-					self.resizeIframes();
-				}, 500);
+					self.resizeIframes()
+				}, 500)
 			}
 		}
 	},

 	mounted() {
-		let self = this;
-		self.showTags = false;
-		self.allTags = self.existingTags;
-		window.addEventListener("resize", self.resizeIframes);
-		self.renderUI();
+		let self = this
+		self.showTags = false
+		self.allTags = self.existingTags
+		window.addEventListener("resize", self.resizeIframes)
+		self.renderUI()

-		let headersTab = document.getElementById('nav-headers-tab');
+		let headersTab = document.getElementById('nav-headers-tab')
 		headersTab.addEventListener('shown.bs.tab', function (event) {
-			self.loadHeaders = true;
-		});
+			self.loadHeaders = true
+		})

-		let rawTab = document.getElementById('nav-raw-tab');
+		let rawTab = document.getElementById('nav-raw-tab')
 		rawTab.addEventListener('shown.bs.tab', function (event) {
-			self.srcURI = 'api/v1/message/' + self.message.ID + '/raw';
-			self.resizeIframes();
-		});
+			self.srcURI = 'api/v1/message/' + self.message.ID + '/raw'
+			self.resizeIframes()
+		})

-		self.showTags = true;
+		self.showTags = true
 		self.$nextTick(function () {
-			Tags.init("select[multiple]");
-		});
+			Tags.init("select[multiple]")
+		})
 	},

 	unmounted: function () {
-		window.removeEventListener("resize", this.resizeIframes);
+		window.removeEventListener("resize", this.resizeIframes)
 	},

 	methods: {
 		renderUI: function () {
-			let self = this;
+			let self = this
 			// click the first non-disabled tab
-			document.querySelector('#nav-tab button:not([disabled])').click();
-			document.activeElement.blur(); // blur focus
-			document.getElementById('message-view').scrollTop = 0;
+			document.querySelector('#nav-tab button:not([disabled])').click()
+			document.activeElement.blur() // blur focus
+			document.getElementById('message-view').scrollTop = 0

 			// delay 0.2s until vue has rendered the iframe content
 			window.setTimeout(function () {
-				let p = document.getElementById('preview-html');
+				let p = document.getElementById('preview-html')
 				if (p) {
 					// make links open in new window
-					let anchorEls = p.contentWindow.document.body.querySelectorAll('a');
+					let anchorEls = p.contentWindow.document.body.querySelectorAll('a')
 					for (var i = 0; i < anchorEls.length; i++) {
-						let anchorEl = anchorEls[i];
-						let href = anchorEl.getAttribute('href');
+						let anchorEl = anchorEls[i]
+						let href = anchorEl.getAttribute('href')

 						if (href && href.match(/^http/)) {
-							anchorEl.setAttribute('target', '_blank');
+							anchorEl.setAttribute('target', '_blank')
 						}
 					}
-					self.resizeIframes();
+					self.resizeIframes()
 				}
-			}, 200);
+			}, 200)

 			// html highlighting
-			window.Prism = window.Prism || {};
-			window.Prism.manual = true;
-			Prism.highlightAll();
+			window.Prism = window.Prism || {}
+			window.Prism.manual = true
+			Prism.highlightAll()
 		},

 		resizeIframe: function (el) {
-			let i = el.target;
-			i.style.height = i.contentWindow.document.body.scrollHeight + 50 + 'px';
+			let i = el.target
+			i.style.height = i.contentWindow.document.body.scrollHeight + 50 + 'px'
 		},

 		resizeIframes: function () {
 			if (this.scaleHTMLPreview != 'display') {
-				return;
+				return
 			}
-			let h = document.getElementById('preview-html');
+			let h = document.getElementById('preview-html')
 			if (h) {
-				h.style.height = h.contentWindow.document.body.scrollHeight + 50 + 'px';
+				h.style.height = h.contentWindow.document.body.scrollHeight + 50 + 'px'
 			}

 		},

+		// set the iframe body & text colors based on current theme
+		initRawIframe: function (el) {
+			let bodyStyles = window.getComputedStyle(document.body, null)
+			let bg = bodyStyles.getPropertyValue('background-color')
+			let txt = bodyStyles.getPropertyValue('color')
+
+			let body = el.target.contentWindow.document.querySelector('body')
+			if (body) {
+				body.style.color = txt
+				body.style.backgroundColor = bg
+			}
+
+			this.resizeIframe(el)
+		},
+
 		saveTags: function () {
-			let self = this;
+			let self = this

 			var data = {
 				ids: [this.message.ID],
@@ -160,16 +175,42 @@ export default {
 			}

 			self.put('api/v1/tags', data, function (response) {
-				self.scrollInPlace = true;
-				self.$emit('loadMessages');
-			});
+				self.scrollInPlace = true
+				self.$emit('loadMessages')
+			})
+		},
+
+		// Convert plain text to HTML including anchor links
+		textToHTML: function (s) {
+			let html = s
+
+			// full links with http(s)
+			let re = /(\b(https?|ftp):\/\/[\-\w@:%_\+.~#?,&\/\/=;]+)\b/gim
+			html = html.replace(re, '˱˱˱a href=ˠˠˠ$&ˠˠˠ target=_blank rel=noopener˲˲˲$&˱˱˱/a˲˲˲')
+
+			// plain www links without https?:// prefix
+			let re2 = /(^|[^\/])(www\.[\S]+(\b|$))/gim
+			html = html.replace(re2, '$1˱˱˱a href=ˠˠˠhttp://$2ˠˠˠ target=ˠˠˠ_blankˠˠˠ rel=ˠˠˠnoopenerˠˠˠ˲˲˲$2˱˱˱/a˲˲˲')
+
+			// escape to HTML & convert <>" back
+			html = html
+				.replace(/&/g, "&amp;")
+				.replace(/</g, "&lt;")
+				.replace(/>/g, "&gt;")
+				.replace(/"/g, "&quot;")
+				.replace(/'/g, "&#039;")
+				.replace(/˱˱˱/g, '<')
+				.replace(/˲˲˲/g, '>')
+				.replace(/ˠˠˠ/g, '"')
+
+			return html
 		}
 	}
 }
 </script>

 <template>
-	<div v-if="message" id="message-view" class="mh-100" style="overflow-y: scroll;">
+	<div v-if="message" id="message-view" class="px-2 px-md-0 mh-100" style="overflow-y: scroll;">
 		<div class="row w-100">
 			<div class="col-md">
 				<table class="messageHeaders">
@@ -195,7 +236,7 @@ export default {
 									<template v-if="i > 0">, </template>
 									<span class="text-nowrap">{{ t.Name + " &lt;" + t.Address + "&gt;" }}</span>
 								</span>
-								<span v-else class="text-muted">[Undisclosed recipients]</span>
+								<span v-else class="text-body-secondary">[Undisclosed recipients]</span>
 							</td>
 						</tr>
 						<tr v-if="message.Cc && message.Cc.length" class="small">
@@ -217,7 +258,7 @@ export default {
 						</tr>
 						<tr v-if="message.ReplyTo && message.ReplyTo.length" class="small">
 							<th class="text-nowrap">Reply-To</th>
-							<td class="privacy text-muted">
+							<td class="privacy text-body-secondary">
 								<span v-for="(t, i) in message.ReplyTo">
 									<template v-if="i > 0">,</template>
 									{{ t.Name + " &lt;" + t.Address + "&gt;" }} </span>
@@ -225,13 +266,13 @@ export default {
 						</tr>
 						<tr v-if="message.ReturnPath && message.ReturnPath != message.From.Address" class="small">
 							<th class="text-nowrap">Return-Path</th>
-							<td class="privacy text-muted">&lt;{{ message.ReturnPath }}&gt;</td>
+							<td class="privacy text-body-secondary">&lt;{{ message.ReturnPath }}&gt;</td>
 						</tr>
 						<tr>
 							<th class="small">Subject</th>
 							<td>
 								<strong v-if="message.Subject != ''">{{ message.Subject }}</strong>
-								<small class="text-muted" v-else>[ no subject ]</small>
+								<small class="text-body-secondary" v-else>[ no subject ]</small>
 							</td>
 						</tr>
 						<tr class="d-md-none small">
@@ -243,9 +284,10 @@ export default {
 							<th>Tags</th>
 							<td>
 								<select class="form-select small tag-selector" v-model="messageTags" multiple
-									data-allow-new="true" data-clear-end="true" data-allow-clear="true"
-									data-placeholder="Add tags..." data-badge-style="secondary"
-									data-regex="^([a-zA-Z0-9\-\ \_]){3,}$" data-separator="|,|">
+									data-full-width="false" data-suggestions-threshold="1" data-allow-new="true"
+									data-clear-end="true" data-allow-clear="true" data-placeholder="Add tags..."
+									data-badge-style="secondary" data-regex="^([a-zA-Z0-9\-\ \_]){3,}$"
+									data-separator="|,|">
 									<option value="">Type a tag...</option>
 									<!-- you need at least one option with the placeholder -->
 									<option v-for="t in allTags" :value="t">{{ t }}</option>
@@ -272,28 +314,27 @@ export default {
 					role="tab" aria-controls="nav-html" aria-selected="true" v-if="message.HTML"
 					v-on:click="showMobileBtns = true; resizeIframes()">HTML</button>
 				<button class="nav-link" id="nav-html-source-tab" data-bs-toggle="tab" data-bs-target="#nav-html-source"
-					type="button" role="tab" aria-controls="nav-html-source" aria-selected="false" v-if=" message.HTML "
-					v-on:click=" showMobileBtns = false ">
+					type="button" role="tab" aria-controls="nav-html-source" aria-selected="false" v-if="message.HTML"
+					v-on:click=" showMobileBtns = false">
 					HTML <span class="d-sm-none">Src</span><span class="d-none d-sm-inline">Source</span>
 				</button>
 				<button class="nav-link" id="nav-plain-text-tab" data-bs-toggle="tab" data-bs-target="#nav-plain-text"
 					type="button" role="tab" aria-controls="nav-plain-text" aria-selected="false"
-					:class=" message.HTML == '' ? 'show' : '' " v-on:click=" showMobileBtns = false ">Text</button>
+					:class="message.HTML == '' ? 'show' : ''" v-on:click=" showMobileBtns = false">Text</button>
 				<button class="nav-link" id="nav-headers-tab" data-bs-toggle="tab" data-bs-target="#nav-headers"
 					type="button" role="tab" aria-controls="nav-headers" aria-selected="false"
-					v-on:click=" showMobileBtns = false ">
+					v-on:click=" showMobileBtns = false">
 					<span class="d-sm-none">Hdrs</span><span class="d-none d-sm-inline">Headers</span>
 				</button>
 				<button class="nav-link" id="nav-raw-tab" data-bs-toggle="tab" data-bs-target="#nav-raw" type="button"
 					role="tab" aria-controls="nav-raw" aria-selected="false"
-					v-on:click=" showMobileBtns = false ">Raw</button>
+					v-on:click=" showMobileBtns = false">Raw</button>

-				<div class="d-none d-lg-block ms-auto me-2" v-if=" showMobileBtns ">
+				<div class="d-none d-lg-block ms-auto me-2" v-if="showMobileBtns">
 					<template v-for="  vals, key   in   responsiveSizes  ">
-						<button class="btn" :class=" scaleHTMLPreview == key ? 'btn-outline-primary' : '' "
-							:disabled=" scaleHTMLPreview == key " :title=" 'Switch to ' + key + ' view' "
-							v-on:click=" scaleHTMLPreview = key ">
-							<i class="bi" :class=" 'bi-' + key "></i>
+						<button class="btn" :disabled="scaleHTMLPreview == key" :title="'Switch to ' + key + ' view'"
+							v-on:click=" scaleHTMLPreview = key">
+							<i class="bi" :class="'bi-' + key"></i>
 						</button>
 					</template>
 				</div>
@@ -301,32 +342,32 @@ export default {
 		</nav>

 		<div class="tab-content mb-5" id="nav-tabContent">
-			<div v-if=" message.HTML != '' " class="tab-pane fade show" id="nav-html" role="tabpanel"
+			<div v-if="message.HTML != ''" class="tab-pane fade show" id="nav-html" role="tabpanel"
 				aria-labelledby="nav-html-tab" tabindex="0">
-				<div id="responsive-view" :class=" scaleHTMLPreview " :style=" responsiveSizes[scaleHTMLPreview] ">
-					<iframe target-blank="" class="tab-pane d-block" id="preview-html" :srcdoc=" message.HTML "
-						v-on:load=" resizeIframe " seamless frameborder="0" style="width: 100%; height: 100%;">
+				<div id="responsive-view" :class="scaleHTMLPreview" :style="responsiveSizes[scaleHTMLPreview]">
+					<iframe target-blank="" class="tab-pane d-block" id="preview-html" :srcdoc="message.HTML"
+						v-on:load="resizeIframe" frameborder="0" style="width: 100%; height: 100%;">
 					</iframe>
 				</div>
-				<Attachments v-if=" allAttachments(message).length " :message=" message "
-					:attachments=" allAttachments(message) "></Attachments>
+				<Attachments v-if="allAttachments(message).length" :message="message"
+					:attachments="allAttachments(message)"></Attachments>
 			</div>
 			<div class="tab-pane fade" id="nav-html-source" role="tabpanel" aria-labelledby="nav-html-source-tab"
-				tabindex="0" v-if=" message.HTML ">
+				tabindex="0" v-if="message.HTML">
 				<pre><code class="language-html">{{ message.HTML }}</code></pre>
 			</div>
 			<div class="tab-pane fade" id="nav-plain-text" role="tabpanel" aria-labelledby="nav-plain-text-tab" tabindex="0"
-				:class=" message.HTML == '' ? 'show' : '' ">
-				<div class="text-view">{{ message.Text }}</div>
-				<Attachments v-if=" allAttachments(message).length " :message=" message "
-					:attachments=" allAttachments(message) "></Attachments>
+				:class="message.HTML == '' ? 'show' : ''">
+				<div class="text-view" v-html="textToHTML(message.Text)"></div>
+				<Attachments v-if="allAttachments(message).length" :message="message"
+					:attachments="allAttachments(message)"></Attachments>
 			</div>
 			<div class="tab-pane fade" id="nav-headers" role="tabpanel" aria-labelledby="nav-headers-tab" tabindex="0">
-				<Headers v-if=" loadHeaders " :message=" message "></Headers>
+				<Headers v-if="loadHeaders" :message="message"></Headers>
 			</div>
 			<div class="tab-pane fade" id="nav-raw" role="tabpanel" aria-labelledby="nav-raw-tab" tabindex="0">
-				<iframe v-if=" srcURI " :src=" srcURI " v-on:load=" resizeIframe " seamless frameborder="0"
-					style="width: 100%; height: 300px;" id="message-src"></iframe>
+				<iframe v-if="srcURI" :src="srcURI" v-on:load="initRawIframe" frameborder="0"
+					style="width: 100%; height: 300px"></iframe>
 			</div>
 		</div>
 	</div>
--- a/server/ui-src/templates/MessageRelease.vue
+++ b/server/ui-src/templates/MessageRelease.vue
@@ -1,7 +1,7 @@

 <script>
-import Tags from "bootstrap5-tags";
-import commonMixins from '../mixins.js';
+import Tags from "bootstrap5-tags"
+import commonMixins from '../mixins.js'

 export default {
 	props: {
@@ -19,19 +19,19 @@ export default {
 	mixins: [commonMixins],

 	mounted() {
-		this.addresses = JSON.parse(JSON.stringify(this.releaseAddresses));
+		this.addresses = JSON.parse(JSON.stringify(this.releaseAddresses))
 		this.$nextTick(function () {
-			Tags.init("select[multiple]");
-		});
+			Tags.init("select[multiple]")
+		})
 	},

 	methods: {
 		releaseMessage: function () {
-			let self = this;
+			let self = this
 			// set timeout to allow for user clicking send before the tag filter has applied the tag
 			window.setTimeout(function () {
 				if (!self.addresses.length) {
-					return false;
+					return false
 				}

 				let data = {
@@ -39,9 +39,9 @@ export default {
 				}

 				self.post('api/v1/message/' + self.message.ID + '/release', data, function (response) {
-					self.modal("ReleaseModal").hide();
-				});
-			}, 100);
+					self.modal("ReleaseModal").hide()
+				})
+			}, 100)
 		}
 	}
 }
@@ -57,19 +57,21 @@ export default {
 			<div class="modal-body">
 				<h6>Send this message to one or more addresses specified below.</h6>
 				<div class="row">
-					<label class="col-sm-2 col-form-label text-muted">From</label>
+					<label class="col-sm-2 col-form-label text-body-secondary">From</label>
 					<div class="col-sm-10">
-						<input type="text" readonly class="form-control-plaintext" :value="message.From.Address">
+						<input type="text" aria-label="From address" readonly class="form-control-plaintext"
+							:value="message.From.Address">
 					</div>
 				</div>
 				<div class="row">
-					<label class=" col-sm-2 col-form-label text-muted">Subject</label>
+					<label class=" col-sm-2 col-form-label text-body-secondary">Subject</label>
 					<div class="col-sm-10">
-						<input type="text" readonly class="form-control-plaintext" :value="message.Subject">
+						<input type="text" aria-label="Subject" readonly class="form-control-plaintext"
+							:value="message.Subject">
 					</div>
 				</div>
 				<div class="row mb-3">
-					<label class="col-sm-2 col-form-label text-muted">Send to</label>
+					<label class="col-sm-2 col-form-label text-body-secondary">Send to</label>
 					<div class="col-sm-10">
 						<select class="form-select tag-selector" v-model="addresses" multiple data-allow-new="true"
 							data-clear-end="true" data-allow-clear="true" data-placeholder="Enter email addresses..."
--- a/server/ui-src/templates/MessageSummary.vue
+++ b/server/ui-src/templates/MessageSummary.vue
@@ -1,5 +1,5 @@
 <script>
-import commonMixins from '../mixins.js';
+import commonMixins from '../mixins.js'

 export default {
 	props: {
@@ -12,7 +12,7 @@ export default {

 <template>
 	<div class="card mt-4">
-		<div class="card-body text-muted small">
+		<div class="card-body text-body-secondary small">
 			<p class="card-text">
 				<b>Message date:</b><br>
 				<small>{{ messageDate(message.Date) }}</small>
--- a/server/ui-src/templates/MessageToast.vue
+++ b/server/ui-src/templates/MessageToast.vue
@@ -1,5 +1,5 @@
 <script>
-import { Toast } from 'bootstrap';
+import { Toast } from 'bootstrap'

 export default {
 	props: {
@@ -7,15 +7,15 @@ export default {
 	},

 	mounted() {
-		let self = this;
-		let el = document.getElementById('messageToast');
+		let self = this
+		let el = document.getElementById('messageToast')
 		if (el) {
 			el.addEventListener('hidden.bs.toast', () => {
-				self.$emit("clearMessageToast");
+				self.$emit("clearMessageToast")
 			})

-			let b = Toast.getOrCreateInstance(el);
-			b.show();
+			let b = Toast.getOrCreateInstance(el)
+			b.show()
 		}
 	}
 }
@@ -33,7 +33,7 @@ export default {

 			<div class="toast-body">
 				<div>
-					<a :href="'#' + message.ID" class="d-block text-truncate text-muted">
+					<a :href="'#' + message.ID" class="d-block text-truncate text-body-secondary">
 						<template v-if="message.Subject != ''">{{ message.Subject }}</template>
 						<template v-else>[ no subject ]</template>
 					</a>
--- a/server/ui-src/templates/ThemeToggle.vue
+++ b/server/ui-src/templates/ThemeToggle.vue
@@ -0,0 +1,123 @@
+<script>
+export default {
+    data() {
+        return {
+            theme: 'auto',
+            icon: '#circle-half',
+            icons: {
+                'auto': '#circle-half',
+                'light': '#sun-fill',
+                'dark': '#moon-stars-fill'
+            }
+        }
+    },
+
+    mounted() {
+        this.setTheme(this.getPreferredTheme())
+    },
+
+    methods: {
+        getStoredTheme: function () {
+            let theme = localStorage.getItem('theme')
+            if (!theme) {
+                theme = 'auto'
+            }
+
+            return theme
+        },
+
+        setStoredTheme: function (theme) {
+            localStorage.setItem('theme', theme)
+            this.setTheme(theme)
+        },
+
+        getPreferredTheme: function () {
+            const storedTheme = this.getStoredTheme()
+            if (storedTheme) {
+                return storedTheme
+            }
+
+            return window.matchMedia('(prefers-color-scheme: dark)').matches
+                ? 'dark'
+                : 'light'
+        },
+
+        setTheme: function (theme) {
+            this.icon = this.icons[theme]
+            this.theme = theme
+            if (
+                theme === 'auto' &&
+                window.matchMedia('(prefers-color-scheme: dark)').matches
+            ) {
+                document.documentElement.setAttribute('data-bs-theme', 'dark')
+            } else {
+                document.documentElement.setAttribute('data-bs-theme', theme)
+            }
+        }
+    }
+}
+</script>
+
+<template>
+    <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+        <symbol id="bootstrap" viewBox="0 0 512 408" fill="currentcolor">
+            <path
+                d="M106.342 0c-29.214 0-50.827 25.58-49.86 53.32.927 26.647-.278 61.165-8.966 89.31C38.802 170.862 24.07 188.707 0 191v26c24.069 2.293 38.802 20.138 47.516 48.37 8.688 28.145 9.893 62.663 8.965 89.311C55.515 382.42 77.128 408 106.342 408h299.353c29.214 0 50.827-25.58 49.861-53.319-.928-26.648.277-61.166 8.964-89.311 8.715-28.232 23.411-46.077 47.48-48.37v-26c-24.069-2.293-38.765-20.138-47.48-48.37-8.687-28.145-9.892-62.663-8.964-89.31C456.522 25.58 434.909 0 405.695 0H106.342zm236.559 251.102c0 38.197-28.501 61.355-75.798 61.355h-87.202a2 2 0 01-2-2v-213a2 2 0 012-2h86.74c39.439 0 65.322 21.354 65.322 54.138 0 23.008-17.409 43.61-39.594 47.219v1.203c30.196 3.309 50.532 24.212 50.532 53.085zm-84.58-128.125h-45.91v64.814h38.669c29.888 0 46.373-12.03 46.373-33.535 0-20.151-14.174-31.279-39.132-31.279zm-45.91 90.53v71.431h47.605c31.12 0 47.605-12.482 47.605-35.941 0-23.46-16.947-35.49-49.608-35.49h-45.602z" />
+        </symbol>
+        <symbol id="check2" viewBox="0 0 16 16" fill="currentcolor">
+            <path
+                d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z" />
+        </symbol>
+        <symbol id="circle-half" viewBox="0 0 16 16" fill="currentcolor">
+            <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" />
+        </symbol>
+        <symbol id="moon-stars-fill" viewBox="0 0 16 16" fill="currentcolor">
+            <path
+                d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" />
+            <path
+                d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z" />
+        </symbol>
+        <symbol id="sun-fill" viewBox="0 0 16 16" fill="currentcolor">
+            <path
+                d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" />
+        </symbol>
+    </svg>
+    <div class="dropdown bd-mode-toggle float-end me-2 d-inline-block">
+        <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" aria-expanded="false"
+            title="Toggle theme" data-bs-toggle="dropdown" aria-label="Toggle theme">
+            <svg class="bi my-1 theme-icon-active" width="1em" height="1em">
+                <use :href="icon"></use>
+            </svg>
+            <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
+        </button>
+        <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
+            <li>
+                <button type="button" class="dropdown-item d-flex align-items-center"
+                    :class="theme == 'light' ? 'active' : ''" @click="setStoredTheme('light')">
+                    <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em">
+                        <use href="#sun-fill"></use>
+                    </svg>
+                    Light
+                </button>
+            </li>
+            <li>
+                <button type="button" class="dropdown-item d-flex align-items-center"
+                    :class="theme == 'dark' ? 'active' : ''" @click="setStoredTheme('dark')">
+                    <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em">
+                        <use href="#moon-stars-fill"></use>
+                    </svg>
+                    Dark
+                </button>
+            </li>
+            <li>
+                <button type="button" class="dropdown-item d-flex align-items-center"
+                    :class="theme == 'auto' ? 'active' : ''" @click="setStoredTheme('auto')">
+                    <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em">
+                        <use href="#circle-half"></use>
+                    </svg>
+                    Auto
+                </button>
+            </li>
+        </ul>
+    </div>
+</template>
Author	SHA1	Message	Date
Ralph Slooten	5d63e9be9e	Merge branch 'release/v1.7.1'	2023-07-11 16:52:35 +12:00
Ralph Slooten	672d9b7c26	Release v1.7.1	2023-07-11 16:52:35 +12:00
Ralph Slooten	d9be8f86d7	Libs: Update Go modules	2023-07-11 16:49:30 +12:00
Ralph Slooten	e3e827b180	UI: Wrap HTML source lines Why does Gmail put everything on a single line?!	2023-07-11 16:47:09 +12:00
Ralph Slooten	daf6e453df	UI: Dark mode color adjustments	2023-07-11 16:44:55 +12:00
Ralph Slooten	9cb2c26c6f	UI: Update dark mode loading background color	2023-07-11 16:22:53 +12:00
Ralph Slooten	0aa8ea3d51	Merge branch 'feature/bstags' into develop	2023-07-10 20:36:36 +12:00
Ralph Slooten	e05b284c2c	Libs: Update node modules	2023-07-10 20:36:26 +12:00
Ralph Slooten	d39b65deb7	Fix typos	2023-07-09 22:33:47 +12:00
Ralph Slooten	7b8faa8a28	Update README	2023-07-01 00:16:02 +12:00
Ralph Slooten	ebb98c99c0	Update screenshot	2023-07-01 00:15:56 +12:00
Ralph Slooten	a726cf9922	Merge tag 'v1.7.0' into develop Release v1.7.0	2023-06-30 23:14:47 +12:00
Ralph Slooten	5d146a23d7	Merge branch 'release/v1.7.0'	2023-06-30 23:14:39 +12:00
Ralph Slooten	a6c1bbc977	Release v1.7.0	2023-06-30 23:14:38 +12:00
Ralph Slooten	d020861559	Fix styles	2023-06-30 23:10:13 +12:00
Ralph Slooten	7fd3291040	Libs: Update node modules	2023-06-30 23:06:43 +12:00
Ralph Slooten	479c74500c	Libs: Update Go modules	2023-06-30 22:57:46 +12:00
Ralph Slooten	6b6de59c47	API: Ignore SMTP relay error when one of multiple recipients doesn't exist RCPT errors will now produce a warning log message rather than return immediate error. See #132	2023-06-30 22:55:26 +12:00
Ralph Slooten	a5de4e4f65	Merge branch 'feature/dark-mode' into develop	2023-06-30 22:44:06 +12:00
Ralph Slooten	48f22cca1f	Code cleanup	2023-06-30 22:42:33 +12:00
Ralph Slooten	7748846b88	UI: Theme toggler - auto, light and dark themes	2023-06-30 22:42:09 +12:00
Ralph Slooten	497086cb65	API: Set raw message Content-Type to UTF-8	2023-06-30 22:18:39 +12:00
Ralph Slooten	42ecadab9e	Build: Define Vue build options in esbuild	2023-06-30 22:16:43 +12:00
Júnior Messias	4cfde7f947	Theme toggler (#136 ) Add toggler to change theme (light, dark, auto)	2023-06-30 17:13:12 +12:00
Ralph Slooten	70b604e028	Update error message	2023-06-26 17:36:13 +12:00
Ralph Slooten	8c295d4754	Merge tag 'v1.6.22' into develop Release v1.6.22	2023-06-26 17:32:14 +12:00
Ralph Slooten	a1c34b37e1	Merge branch 'release/v1.6.22'	2023-06-26 17:32:13 +12:00
Ralph Slooten	e37583073e	Release v1.6.22	2023-06-26 17:32:12 +12:00
Ralph Slooten	4de830c490	Update Go modules	2023-06-26 17:29:31 +12:00
Ralph Slooten	22a4509b13	Feature: Clearer SMTP error messages	2023-06-26 17:27:41 +12:00
Ralph Slooten	1ed06161a8	Libs: Update Go modules	2023-06-19 20:22:02 +12:00
Ralph Slooten	a7ee479f06	Libs: Upgrade node modules Includes changes required for bootstrap5-tags	2023-06-19 16:27:57 +12:00
Ralph Slooten	93e8884ef7	Merge tag 'v1.6.21' into develop Release v1.6.21	2023-06-15 22:25:50 +12:00
Ralph Slooten	1c228cda56	Merge branch 'release/v1.6.21'	2023-06-15 22:25:48 +12:00
Ralph Slooten	119b3864b2	Release v1.6.21	2023-06-15 22:25:47 +12:00
Ralph Slooten	b9f035790d	UI: More accurate clickable hyperlink logic in plain text messages See #125	2023-06-15 22:07:29 +12:00
Ralph Slooten	1260c2e6df	Merge tag 'v1.6.20' into develop Release v1.6.20	2023-06-15 17:34:17 +12:00
Ralph Slooten	3431f18a3f	Merge branch 'release/v1.6.20'	2023-06-15 17:34:15 +12:00
Ralph Slooten	2fa5138b49	Release v1.6.20	2023-06-15 17:34:15 +12:00
Ralph Slooten	652fec0f64	Merge branch 'feature/text-clickable-links' into develop	2023-06-15 17:24:42 +12:00
Ralph Slooten	f168e11b05	Libs: Update node modules	2023-06-15 17:24:32 +12:00
Ralph Slooten	35e81e0336	Feature: Convert links into clickable hyperlinks in plain text message content @see 125	2023-06-15 17:15:46 +12:00
Ralph Slooten	7beed988e5	Merge tag 'v1.6.19' into develop Release v1.6.19	2023-06-15 09:52:12 +12:00
Ralph Slooten	4eea79f0c8	Merge branch 'release/v1.6.19'	2023-06-15 09:52:10 +12:00
Ralph Slooten	39767e979c	Release v1.6.19	2023-06-15 09:52:10 +12:00
Ralph Slooten	4e2f02ee0a	Fix: Only display sendmail help when sendmail subcommand is invoked This was overriding all Mailpit's help commands	2023-06-15 09:50:11 +12:00
Ralph Slooten	5a04534314	Add :key to message in message list	2023-06-15 09:27:26 +12:00
Ralph Slooten	6725a809d5	Increase auto-build package upload retries from 3 to 5	2023-06-14 22:33:36 +12:00
Ralph Slooten	64a067cff9	Merge tag 'v1.6.18' into develop Release v1.6.18	2023-06-14 22:20:48 +12:00