From 21d4bc3fec44e480fae0815f99e0131d1a5ae2f2 Mon Sep 17 00:00:00 2001
From: Georges-Antoine Assi <contact@me.gantoine.com>
Date: Thu, 3 Jul 2025 15:12:46 -0400
Subject: [PATCH] improve md editor colors for blocks

---
 frontend/src/components/Details/Personal.vue | 22 +++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Details/Personal.vue b/frontend/src/components/Details/Personal.vue
index a31593d68..4fe994b12 100644
--- a/frontend/src/components/Details/Personal.vue
+++ b/frontend/src/components/Details/Personal.vue
@@ -378,10 +378,26 @@ watch(
 }
 .md-editor-preview {
   word-break: break-word !important;
+
+  blockquote {
+    border-left-color: rgba(var(--v-theme-secondary));
+  }
+
+  .md-editor-code-flag {
+    visibility: hidden;
+  }
+
+  .md-editor-admonition {
+    border-color: rgba(var(--v-theme-secondary));
+    background-color: rgba(var(--v-theme-toplayer)) !important;
+  }
+
+  .md-editor-code summary,
+  .md-editor-code code {
+    background-color: rgba(var(--v-theme-toplayer)) !important;
+  }
 }
-.md-editor-code-flag {
-  visibility: hidden;
-}
+
 .vuepress-theme pre code {
   background-color: #0d1117;
 }