From 9dca0cbb672ba2ce653c440ba12ec62dacdad704 Mon Sep 17 00:00:00 2001
From: Jeroen Ruigrok van der Werven <asmodai@in-nomine.org>
Date: Sun, 11 Jun 2023 14:21:22 +0200
Subject: [PATCH] feat: add Gruvbox-themed callouts

---
 theme.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/theme.css b/theme.css
index 7528e46..a310e7b 100644
--- a/theme.css
+++ b/theme.css
@@ -553,3 +553,27 @@ pre[class*="language-"]
     color: var(--bright-red);
 }
 
+body {
+    --callout-border-width: 1px;
+    --callout-border-opacity: 0.4;
+    /* Order as defined in app.css */
+    --callout-default: var(--neutral-blue_x);
+    --callout-note: var(--neutral-blue_x);
+    --callout-summary: var(--neutral-aqua_x);
+    --callout-info: var(--neutral-blue_x);
+    --callout-todo: var(--neutral-blue_x);
+    --callout-important: var(--neutral-aqua_x);
+    --callout-tip: var(--neutral-aqua_x);
+    --callout-success: var(--neutral-green_x);
+    --callout-question: var(--neutral-yellow_x);
+    --callout-warning: var(--neutral-orange_x);
+    --callout-fail: var(--neutral-red_x);
+    --callout-error: var(--neutral-red_x);
+    --callout-bug: var(--neutral-red_x);
+    --callout-example: var(--neutral-purple_x);
+    --callout-quote: var(--gray_x);
+}
+
+.callout {
+    background-color: rgba(var(--callout-color), 0.2);
+}