From 485015103a6f82c0f13cbdc6c8660cc92bc12b23 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Wed, 21 May 2025 21:34:22 +0300
Subject: [PATCH] style/admonitions: extract accent colors as CSS variables

---
 apps/client/src/stylesheets/style.css | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
index 178e97a28..70bf3314e 100644
--- a/apps/client/src/stylesheets/style.css
+++ b/apps/client/src/stylesheets/style.css
@@ -15,6 +15,14 @@
     src: url(../fonts/JetBrainsMono-Light.woff2) format("woff");
 }
 
+:root {
+    --admonition-note-accent-color: #69c7ff;
+    --admonition-tip-accent-color: #40c025;
+    --admonition-important-accent-color: #9839f7;
+    --admonition-caution-accent-color: #ff2e2e;
+    --admonition-warning-accent-color: #e2aa03;
+}
+
 .table {
     --bs-table-bg: transparent !important;
 }
@@ -2008,11 +2016,11 @@ footer.file-footer button {
     left: 1em;
 }
 
-.admonition.note { --accent-color: #69c7ff; }
-.admonition.tip { --accent-color: #40c025; }
-.admonition.important { --accent-color: #9839f7; }
-.admonition.caution { --accent-color: #ff2e2e; }
-.admonition.warning { --accent-color: #e2aa03; }
+.admonition.note { --accent-color: var(--admonition-note-accent-color); }
+.admonition.tip { --accent-color: var(--admonition-tip-accent-color); }
+.admonition.important { --accent-color: var(--admonition-important-accent-color); }
+.admonition.caution { --accent-color: var(--admonition-important-caution-color); }
+.admonition.warning { --accent-color: var(--admonition-warning-accent-color); }
 
 .admonition.note::before { content: "\eb21"; }
 .admonition.tip::before { content: "\ea0d"; }