deploy: 72297cc

index.html

@@ -195,6 +195,12 @@ <h2 id="text"><a class="header" href="#text">Text</a></h2>
 <p>Here is another one with italic text. <em>This is some italic text.</em> Here is
 another one with italic text. <em>This is some italic text.</em></p>
 <p>Here is another one with struckout text. <del>This is some struckout text.</del></p>
+<div class="warning">
+  This is some text in a warning block.
+<p>Warning blocks should be used sparingly in documentation, to avoid &quot;warning
+fatigue,&quot; where people are trained to ignore them because they usually don't
+matter for what they're doing.</p>
+</div>
 <h2 id="links"><a class="header" href="#links">Links</a></h2>
 <p>Autolink: <a href="http://example.com">http://example.com</a></p>
 <p>Link: <a href="http://example.com">Example</a></p>

landing.html

@@ -195,6 +195,12 @@ <h2 id="text"><a class="header" href="#text">Text</a></h2>
 <p>Here is another one with italic text. <em>This is some italic text.</em> Here is
 another one with italic text. <em>This is some italic text.</em></p>
 <p>Here is another one with struckout text. <del>This is some struckout text.</del></p>
+<div class="warning">
+  This is some text in a warning block.
+<p>Warning blocks should be used sparingly in documentation, to avoid &quot;warning
+fatigue,&quot; where people are trained to ignore them because they usually don't
+matter for what they're doing.</p>
+</div>
 <h2 id="links"><a class="header" href="#links">Links</a></h2>
 <p>Autolink: <a href="http://example.com">http://example.com</a></p>
 <p>Link: <a href="http://example.com">Example</a></p>

print.html

@@ -193,6 +193,12 @@ <h2 id="text"><a class="header" href="#text">Text</a></h2>
 <p>Here is another one with italic text. <em>This is some italic text.</em> Here is
 another one with italic text. <em>This is some italic text.</em></p>
 <p>Here is another one with struckout text. <del>This is some struckout text.</del></p>
+<div class="warning">
+  This is some text in a warning block.
+<p>Warning blocks should be used sparingly in documentation, to avoid &quot;warning
+fatigue,&quot; where people are trained to ignore them because they usually don't
+matter for what they're doing.</p>
+</div>
 <h2 id="links"><a class="header" href="#links">Links</a></h2>
 <p>Autolink: <a href="http://example.com">http://example.com</a></p>
 <p>Link: <a href="http://example.com">Example</a></p>

theme/catppuccin.css

@@ -687,6 +687,7 @@
   --searchresults-border-color: #11111b;
   --searchresults-li-bg: #1e1e2e;
   --search-mark-bg: #fab387;
+  --warning-border: #fab387;
 }
 
 .macchiato {
@@ -718,6 +719,7 @@
   --searchresults-border-color: #181926;
   --searchresults-li-bg: #24273a;
   --search-mark-bg: #f5a97f;
+  --warning-border: #f5a97f;
 }
 
 .frappe {
@@ -749,6 +751,7 @@
   --searchresults-border-color: #232634;
   --searchresults-li-bg: #303446;
   --search-mark-bg: #ef9f76;
+  --warning-border: #ef9f76;
 }
 
 .latte {
@@ -780,4 +783,5 @@
   --searchresults-border-color: #dce0e8;
   --searchresults-li-bg: #eff1f5;
   --search-mark-bg: #fe640b;
+  --warning-border: #fe640b;
 }