Migrate from generic styles to using Tailwind classes, implement dark mode background color

Author: nickarellano

payloads/DumpPayload.go

@@ -1,24 +1,19 @@
 package payloads
 
 import (
+	"strings"
+
 	"github.com/davecgh/go-spew/spew"
 	"github.com/gomarkdown/markdown"
 )
 
 // NewDumpPayload creates a new Dump Payload
 func NewDumpPayload(value interface{}) Payload {
-	style := `
-	<style>
-		.go-dump pre {
-			position:relative;
-			overflow-x: auto;
-			width: 100%;
-			padding: 10px 10px;
-			height: auto;
-			background-color: #f3f3f3;
-		}
-	</style>`
-	md := []byte("``` \n"+spew.Sdump(value)+"\n```")
+	md := []byte("``` \n" + spew.Sdump(value) + "\n```")
 	output := markdown.ToHTML(md, nil, nil)
-	return NewCustomPayload(style+`<div class="go-dump">`+string(output) + "</div>", "")
+	styledOutput := strings.Replace(string(output), "<pre><code>", strings.Join([]string{
+		`<pre class="relative overflow-x-auto w-full p-5 h-auto bg-gray-100 dark:bg-gray-800">`,
+		`<code class="h-auto">`,
+	}, ""), 1)
+	return NewCustomPayload(styledOutput, "")
 }