From bfb090fecb91c1ab1725b06b736d0e2f81a73387 Mon Sep 17 00:00:00 2001
From: John Donmoyer <john@deno.com>
Date: Mon, 8 Jul 2024 15:09:43 -0400
Subject: [PATCH 1/3] restyling admonition blocks

---
 styles.css | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/styles.css b/styles.css
index c0e229e71..f3db64c44 100644
--- a/styles.css
+++ b/styles.css
@@ -125,8 +125,12 @@ body:not(:has(.ddoc)) {
   }
 }
 
+.markdown-body .admonition a {
+  @apply text-primary underline underline-offset-2;
+}
+
 .markdown-body .admonition {
-  @apply p-6 pb-2 shadow-sm rounded-xl border-l-4;
+  @apply py-4 px-6 pb-2 rounded-lg border-2 bg-gray-1/5 border-gray-3;
 }
 
 .markdown-body .admonition .title {
@@ -138,21 +142,29 @@ body:not(:has(.ddoc)) {
   @apply inline-block size-5 mr-2;
 }
 
+.markdown-body .admonition > p {
+  @apply mb-2;
+}
+
 .markdown-body .admonition.info {
-  @apply bg-blue-50 border-blue-500 text-blue-700;
+  @apply bg-primary/5 border-blue-900 text-blue-900;
+}
+
+.markdown-body .admonition.note {
+  @apply bg-primary/5 border-blue-700 text-blue-800;
 }
 
 .markdown-body .admonition.caution {
-  @apply bg-yellow-50 border-yellow-500 text-yellow-900 fill-yellow-900;
+  @apply bg-yellow-50/5 border-yellow-500 text-yellow-900 fill-yellow-900;
 }
 
 .markdown-body .admonition.tip {
-  @apply bg-green-50 border-green-600 text-green-800;
+  @apply bg-green-50/5 border-green-600 text-green-900;
 }
 
 .markdown-body .admonition.info .title::before {
   /* circle exclamation mark */
-  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgb(29 78 216)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="8"/></svg>');
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgb(30 58 138)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="8"/></svg>');
 }
 
 .markdown-body .admonition.note .title::before {

From 29680e541fa9c267d8ff360a1d047971c7750c5c Mon Sep 17 00:00:00 2001
From: John Donmoyer <john@deno.com>
Date: Mon, 8 Jul 2024 15:21:19 -0400
Subject: [PATCH 2/3] soften the borders

---
 styles.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/styles.css b/styles.css
index f3db64c44..9b9222069 100644
--- a/styles.css
+++ b/styles.css
@@ -147,19 +147,19 @@ body:not(:has(.ddoc)) {
 }
 
 .markdown-body .admonition.info {
-  @apply bg-primary/5 border-blue-900 text-blue-900;
+  @apply bg-primary/5 border-blue-900/50 text-blue-900;
 }
 
 .markdown-body .admonition.note {
-  @apply bg-primary/5 border-blue-700 text-blue-800;
+  @apply bg-primary/5 border-blue-700/50 text-blue-800;
 }
 
 .markdown-body .admonition.caution {
-  @apply bg-yellow-50/5 border-yellow-500 text-yellow-900 fill-yellow-900;
+  @apply bg-yellow-50/5 border-yellow-500/50 text-yellow-900 fill-yellow-900;
 }
 
 .markdown-body .admonition.tip {
-  @apply bg-green-50/5 border-green-600 text-green-900;
+  @apply bg-green-50/5 border-green-600/50 text-green-900;
 }
 
 .markdown-body .admonition.info .title::before {

From 134a64393beb3ad9b0294f22cd047e6d7de11713 Mon Sep 17 00:00:00 2001
From: John Donmoyer <john@deno.com>
Date: Thu, 11 Jul 2024 09:39:29 -0400
Subject: [PATCH 3/3] make note and info the same

---
 styles.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index 9b9222069..fe9f5d780 100644
--- a/styles.css
+++ b/styles.css
@@ -151,7 +151,7 @@ body:not(:has(.ddoc)) {
 }
 
 .markdown-body .admonition.note {
-  @apply bg-primary/5 border-blue-700/50 text-blue-800;
+  @apply bg-primary/5 border-blue-900/50 text-blue-900;
 }
 
 .markdown-body .admonition.caution {
@@ -164,7 +164,7 @@ body:not(:has(.ddoc)) {
 
 .markdown-body .admonition.info .title::before {
   /* circle exclamation mark */
-  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgb(30 58 138)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="8"/></svg>');
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgb(29 78 216)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="8"/></svg>');
 }
 
 .markdown-body .admonition.note .title::before {