From 800bc56796273433110d7c57e73d43350d7492d7 Mon Sep 17 00:00:00 2001
From: Daniele Tonon <tonon@vitamino.it>
Date: Wed, 8 Nov 2023 23:05:40 +0100
Subject: [PATCH] Review design for mentioned notes

---
 tailwind.config.js  | 5 ++++-
 templates/note.html | 2 +-
 utils.go            | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index ebb8839..1381854 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -27,10 +27,13 @@ module.exports = {
         /* for markdown html content */
         DEFAULT: {
           css: {
+            '--tw-prose-invert-body': theme('colors.neutral[100]'),
+            '--tw-prose-invert-quotes': theme('colors.neutral[100]'),
             '--tw-prose-headings': theme('colors.strongpink'),
             '--tw-prose-invert-headings': theme('colors.strongpink'),
             '--tw-prose-links': theme('colors.gray[700]'),
-            '--tw-prose-invert-links': theme('colors.neutral[50]')
+            '--tw-prose-invert-links': theme('colors.neutral[50]'),
+            maxWidth: '100%',
             a: {
               'font-weight': 300,
             },
diff --git a/templates/note.html b/templates/note.html
index 278ea96..941a5c9 100644
--- a/templates/note.html
+++ b/templates/note.html
@@ -56,7 +56,7 @@
           ></div>
 
           <article
-            class="prose-cite:text-sm prose prose mb-6 leading-5 dark:prose-invert prose-headings:font-light prose-p:m-0 prose-p:mb-2 prose-blockquote:mx-0 prose-blockquote:my-8 prose-blockquote:border-l-05rem prose-blockquote:border-solid prose-blockquote:border-l-gray-100 prose-blockquote:py-2 prose-blockquote:pl-4 prose-blockquote:pr-0 prose-ol:m-0 prose-ol:p-0 prose-ol:pl-4 prose-ul:m-0 prose-ul:p-0 prose-ul:pl-4 prose-li:mb-2 dark:prose-blockquote:border-l-zinc-800 sm:prose-a:text-justify"
+            class="prose-cite:text-sm prose prose mb-6 leading-5 dark:prose-invert prose-headings:font-light prose-p:m-0 prose-p:mb-2 prose-blockquote:mx-0 prose-blockquote:my-8 prose-blockquote:mb-2 prose-blockquote:mt-2 prose-blockquote:border-l-05rem prose-blockquote:border-solid prose-blockquote:border-l-neutral-200 prose-blockquote:py-2 prose-blockquote:pl-4 prose-blockquote:pr-0 prose-blockquote:pt-0 prose-blockquote:font-light prose-blockquote:not-italic prose-ol:m-0 prose-ol:p-0 prose-ol:pl-4 prose-ul:m-0 prose-ul:p-0 prose-ul:pl-4 prose-li:mb-2 dark:prose-blockquote:border-l-neutral-700 sm:prose-a:text-justify"
           >
             {{ if (not (eq "" .Subject))}}
             <h1 class="text-2xl">{{.Subject}}</h1>
diff --git a/utils.go b/utils.go
index 3f61e20..7455d50 100644
--- a/utils.go
+++ b/utils.go
@@ -317,7 +317,7 @@ func renderQuotesAsHTML(ctx context.Context, input string, usingTelegramInstantV
 		}
 
 		content := fmt.Sprintf(
-			`<blockquote class="pl-4 pr-0 pt-0 pb-2 border-l-05rem border-l-strongpink border-solid"><div class="-ml-4 bg-gray-100 dark:bg-zinc-800 mr-0 mt-0 mb-4 pl-4 pr-2 py-2">quoting %s </div> %s </blockquote>`, match, event.Content)
+			`<blockquote class="border-l-05rem border-l-strongpink border-solid"><div class="-ml-4 bg-gradient-to-r from-gray-100 dark:from-zinc-800 to-transparent mr-0 mt-0 mb-4 pl-4 pr-2 py-2">quoting %s </div> %s </blockquote>`, match, event.Content)
 		return basicFormatting(content, false, usingTelegramInstantView)
 	})
 }