feat: smoother style for highlights page

remove <mark>, use italic font instead


Former-commit-id: 9fab8272ca7d94841c3543eab8a4c1e91dd76b85

1 files changed, 3 insertions, 6 deletions

diff --git a/layouts/highlights.html b/layouts/highlights.html
index d624fd7d..9d7c13bf 100644
--- a/layouts/highlights.html
+++ b/layouts/highlights.html
@@ -10,12 +10,9 @@
             <h3><a href="{{ .url }}">《{{ .title }}》</a></h3>
             <ul class="list-none">
                 {{ range .highlights }}
-                    <li class="my-2 text-lg">
-                        <mark class="bg-amber-2 dark:bg-amber-3/50 transition-colors
-                            hover:bg-amber-2/50 dark:hover:bg-amber-3/20">
-                            <a class="hover:no-underline" href="{{ .link }}">{{ .text | markdownify }}</a>
-                        </mark>
-                    </li>
+                <li class="my-4 text-lg">
+                    <a class="font-italic hover:no-underline" href="{{ .link }}">{{ .text | markdownify }}</a>
+                </li>
                 {{ end }}
             </ul>
         </section>