From 4d515a54d661c9bc57b6fd2b7f0cca07a5120858 Mon Sep 17 00:00:00 2001
From: saberzero1 <github@emilebangma.com>
Date: Sun, 2 Aug 2026 00:14:54 +0200
Subject: [PATCH] fix: update --callout-color usage for Obsidian 1.13+

---
 manifest.json                    | 14 ++++----
 src/css/main.css                 | 56 ++++++++++++++++----------------
 src/scss/40_editor/_callout.scss | 56 ++++++++++++++++----------------
 3 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/manifest.json b/manifest.json
index c658b73f..897e33a8 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,9 +1,9 @@
 {
-  "name": "Primary",
-  "version": "2.10.0",
-  "minAppVersion": "1.4.0",
-  "author": "Cecilia May",
-  "fundingUrl": {
-    "Ko-fi": "https://ko-fi.com/ceciliamay"
-  }
+    "name": "Primary",
+    "version": "2.10.0",
+    "minAppVersion": "1.13.0",
+    "author": "Cecilia May",
+    "fundingUrl": {
+        "Ko-fi": "https://ko-fi.com/ceciliamay"
+    }
 }
diff --git a/src/css/main.css b/src/css/main.css
index 07e91988..22acb114 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -5193,7 +5193,7 @@ li.task-list-item[data-task="-"] {
 }
 
 .callout {
-  background-color: color-mix(in srgb, rgba(var(--callout-color)) var(--callout-color-opacity), var(--editor-bg-color));
+  background-color: color-mix(in srgb, var(--callout-color) var(--callout-color-opacity), var(--editor-bg-color));
   padding: 0;
   box-shadow: var(--callout-container-shadow);
 }
@@ -5258,33 +5258,33 @@ body {
   --callout-icon-example: scroll-text;
   --callout-icon-quote: message-square-note;
   --callout-icon-cite: book-marked;
-  --callout-rgb-general: 182, 196, 182;
-  --callout-rgb-note: 200, 175, 155;
-  --callout-rgb-summary: 234, 181, 52;
-  --callout-rgb-abstract: 34, 152, 225;
-  --callout-rgb-tldr: 240, 180, 225;
-  --callout-rgb-info: 71, 162, 187;
-  --callout-rgb-todo: 58, 173, 252;
-  --callout-rgb-tip: 70, 206, 185;
-  --callout-rgb-hint: 70, 206, 185;
-  --callout-rgb-important: 246, 113, 118;
-  --callout-rgb-success: 87, 200, 83;
-  --callout-rgb-check: 87, 200, 83;
-  --callout-rgb-done: 87, 200, 83;
-  --callout-rgb-question: 130, 190, 235;
-  --callout-rgb-help: 250, 128, 96;
-  --callout-rgb-faq: 130, 190, 235;
-  --callout-rgb-warning: 255, 161, 32;
-  --callout-rgb-caution: 255, 161, 32;
-  --callout-rgb-attention: 255, 161, 32;
-  --callout-rgb-fail: 226, 72, 86;
-  --callout-rgb-missing: 226, 72, 86;
-  --callout-rgb-danger: 226, 72, 86;
-  --callout-rgb-error: 226, 72, 86;
-  --callout-rgb-bug: 153, 93, 133;
-  --callout-rgb-example: 216, 141, 130;
-  --callout-rgb-quote: 173, 214, 171;
-  --callout-rgb-cite: 237, 217, 162;
+  --callout-rgb-general: rgb(182, 196, 182);
+  --callout-rgb-note: rgb(200, 175, 155);
+  --callout-rgb-summary: rgb(234, 181, 52);
+  --callout-rgb-abstract: rgb(34, 152, 225);
+  --callout-rgb-tldr: rgb(240, 180, 225);
+  --callout-rgb-info: rgb(71, 162, 187);
+  --callout-rgb-todo: rgb(58, 173, 252);
+  --callout-rgb-tip: rgb(70, 206, 185);
+  --callout-rgb-hint: rgb(70, 206, 185);
+  --callout-rgb-important: rgb(246, 113, 118);
+  --callout-rgb-success: rgb(87, 200, 83);
+  --callout-rgb-check: rgb(87, 200, 83);
+  --callout-rgb-done: rgb(87, 200, 83);
+  --callout-rgb-question: rgb(130, 190, 235);
+  --callout-rgb-help: rgb(250, 128, 96);
+  --callout-rgb-faq: rgb(130, 190, 235);
+  --callout-rgb-warning: rgb(255, 161, 32);
+  --callout-rgb-caution: rgb(255, 161, 32);
+  --callout-rgb-attention: rgb(255, 161, 32);
+  --callout-rgb-fail: rgb(226, 72, 86);
+  --callout-rgb-missing: rgb(226, 72, 86);
+  --callout-rgb-danger: rgb(226, 72, 86);
+  --callout-rgb-error: rgb(226, 72, 86);
+  --callout-rgb-bug: rgb(153, 93, 133);
+  --callout-rgb-example: rgb(216, 141, 130);
+  --callout-rgb-quote: rgb(173, 214, 171);
+  --callout-rgb-cite: rgb(237, 217, 162);
 }
 
 .callout {
diff --git a/src/scss/40_editor/_callout.scss b/src/scss/40_editor/_callout.scss
index 9367c282..98ccb2ee 100644
--- a/src/scss/40_editor/_callout.scss
+++ b/src/scss/40_editor/_callout.scss
@@ -11,7 +11,7 @@
 .callout {
     background-color: color-mix(
                             in srgb,
-                            rgba(var(--callout-color)) var(--callout-color-opacity), 
+                            var(--callout-color) var(--callout-color-opacity), 
                             var(--editor-bg-color)
                             );
     padding: 0;
@@ -100,33 +100,33 @@ body {
     --callout-icon-cite: book-marked;
 
     // Native Callout Colors
-    --callout-rgb-general: 182, 196, 182;
-    --callout-rgb-note: 200, 175, 155;
-    --callout-rgb-summary: 234, 181, 52;
-    --callout-rgb-abstract: 34, 152, 225;
-    --callout-rgb-tldr: 240, 180, 225;
-    --callout-rgb-info: 71, 162, 187;
-    --callout-rgb-todo: 58, 173, 252;
-    --callout-rgb-tip: 70, 206, 185;
-    --callout-rgb-hint: 70, 206, 185;
-    --callout-rgb-important: 246, 113, 118;
-    --callout-rgb-success: 87, 200, 83;
-    --callout-rgb-check: 87, 200, 83;
-    --callout-rgb-done: 87, 200, 83;
-    --callout-rgb-question: 130, 190, 235;
-    --callout-rgb-help: 250, 128, 96;
-    --callout-rgb-faq: 130, 190, 235;
-    --callout-rgb-warning: 255, 161, 32;
-    --callout-rgb-caution: 255, 161, 32;
-    --callout-rgb-attention: 255, 161, 32;
-    --callout-rgb-fail: 226, 72, 86;
-    --callout-rgb-missing: 226, 72, 86;
-    --callout-rgb-danger: 226, 72, 86;
-    --callout-rgb-error: 226, 72, 86;
-    --callout-rgb-bug: 153, 93, 133;
-    --callout-rgb-example: 216, 141, 130;
-    --callout-rgb-quote: 173, 214, 171;
-    --callout-rgb-cite: 237, 217, 162;
+    --callout-rgb-general: rgb(182, 196, 182);
+    --callout-rgb-note: rgb(200, 175, 155);
+    --callout-rgb-summary: rgb(234, 181, 52);
+    --callout-rgb-abstract: rgb(34, 152, 225);
+    --callout-rgb-tldr: rgb(240, 180, 225);
+    --callout-rgb-info: rgb(71, 162, 187);
+    --callout-rgb-todo: rgb(58, 173, 252);
+    --callout-rgb-tip: rgb(70, 206, 185);
+    --callout-rgb-hint: rgb(70, 206, 185);
+    --callout-rgb-important: rgb(246, 113, 118);
+    --callout-rgb-success: rgb(87, 200, 83);
+    --callout-rgb-check: rgb(87, 200, 83);
+    --callout-rgb-done: rgb(87, 200, 83);
+    --callout-rgb-question: rgb(130, 190, 235);
+    --callout-rgb-help: rgb(250, 128, 96);
+    --callout-rgb-faq: rgb(130, 190, 235);
+    --callout-rgb-warning: rgb(255, 161, 32);
+    --callout-rgb-caution: rgb(255, 161, 32);
+    --callout-rgb-attention: rgb(255, 161, 32);
+    --callout-rgb-fail: rgb(226, 72, 86);
+    --callout-rgb-missing: rgb(226, 72, 86);
+    --callout-rgb-danger: rgb(226, 72, 86);
+    --callout-rgb-error: rgb(226, 72, 86);
+    --callout-rgb-bug: rgb(153, 93, 133);
+    --callout-rgb-example: rgb(216, 141, 130);
+    --callout-rgb-quote: rgb(173, 214, 171);
+    --callout-rgb-cite: rgb(237, 217, 162);
 }
 
 .callout {