From b91ce6f56cf1874302e9bba1858b60ae399e9c80 Mon Sep 17 00:00:00 2001
From: dragonwocky <thedragonring.bod@gmail.com>
Date: Sat, 6 Nov 2021 11:07:45 +1100
Subject: [PATCH] update menu colour var mapping

---
 repo/menu/notifications.mjs |  6 ++++--
 repo/menu/styles.mjs        | 13 ++++++++-----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/repo/menu/notifications.mjs b/repo/menu/notifications.mjs
index b3b2d5d..0315d18 100644
--- a/repo/menu/notifications.mjs
+++ b/repo/menu/notifications.mjs
@@ -105,8 +105,10 @@ export const $changelogModal = web.render(
           </p>
           <p class="mt-1">
             p.s. maintaining and updating the enhancer takes a lot of time and work.
-            if you would like to support future development of the enhancer, please consider
-            <a href="https://buy.stripe.com/00gdR93R6csIgDKeUV" class="link" target="_blank">making a donation</a>.
+            if you would like to support future development of the enhancer,
+            <a href="https://buy.stripe.com/00gdR93R6csIgDKeUV" class="important-link" target="_blank">
+              please consider making a donation
+            </a></span>.
           </p>
           <h3 class="modal-content-heading">license</h3>
           <p>
diff --git a/repo/menu/styles.mjs b/repo/menu/styles.mjs
index 9b50c85..0f1b61c 100644
--- a/repo/menu/styles.mjs
+++ b/repo/menu/styles.mjs
@@ -16,12 +16,14 @@ const mapColorVariables = (color) => ({
   'text': `var(--theme--text_${color})`,
   'highlight': `var(--theme--highlight_${color})`,
   'highlight-text': `var(--theme--highlight_${color}-text)`,
-  'paragraph': `var(--theme--paragraph_${color})`,
-  'paragraph-text': `var(--theme--paragraph_${color}-text)`,
+  'callout': `var(--theme--callout_${color})`,
+  'callout-text': `var(--theme--callout_${color}-text)`,
   'tag': `var(--theme--tag_${color})`,
   'tag-text': `var(--theme--tag_${color}-text)`,
-  'block': `var(--theme--block_${color})`,
-  'block-text': `var(--theme--block_${color}-text)`,
+  'board': `var(--theme--board_${color})`,
+  'board-text': `var(--theme--board_${color}-text)`,
+  'board-card': `var(--theme--board_${color}-card)`,
+  'board-card_text': `var(--theme--board_${color}-card_text)`,
 });
 
 const customClasses = {
@@ -91,7 +93,8 @@ const customClasses = {
   'file-latest': apply`block w-full text-left text-foreground-secondary text-xs mt-2 hover:line-through cursor-pointer`,
   'search-container': apply`block mx-2.5 my-2.5 relative`,
   'search': apply`input pr-12`,
-  'danger': apply`bg-red-paragraph text-red-paragraph-text`,
+  'important-link': apply`text-accent-red border-b border-accent-red opacity-80 hover:opacity-100`,
+  'danger': apply`text-red-text`,
   'link': apply`no-underline border-b border-foreground-secondary opacity-70 hover:opacity-90`,
   'modal': apply`fixed z-10 inset-0 overflow-y-auto min-h-screen text-center
     ease-out duration-300 transition-opacity opacity-0 pointer-events-none`,