From 3aea38991c9d8b8ecf2ef69bdd6f425c05317eb5 Mon Sep 17 00:00:00 2001
From: Alija Sabic <sabic.alija@gmail.com>
Date: Tue, 14 Mar 2023 01:59:37 +0100
Subject: [PATCH] Add symbol for header anchor as CSS variable and rule using
 :before

---
 src/client/theme-default/styles/components/vp-doc.css | 4 ++++
 src/client/theme-default/styles/vars.css              | 8 ++++++++
 2 files changed, 12 insertions(+)

diff --git a/src/client/theme-default/styles/components/vp-doc.css b/src/client/theme-default/styles/components/vp-doc.css
index 11d8bb00..5c8349b7 100644
--- a/src/client/theme-default/styles/components/vp-doc.css
+++ b/src/client/theme-default/styles/components/vp-doc.css
@@ -45,6 +45,10 @@
   transition: color 0.25s, opacity 0.25s;
 }
 
+.vp-doc .header-anchor:before {
+  content: var(--vp-header-anchor-symbol);
+}
+
 .vp-doc h1:hover .header-anchor,
 .vp-doc h1 .header-anchor:focus,
 .vp-doc h2:hover .header-anchor,
diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css
index e5f4ab11..b1bc52f8 100644
--- a/src/client/theme-default/styles/vars.css
+++ b/src/client/theme-default/styles/vars.css
@@ -193,6 +193,14 @@
   --vp-layout-max-width: 1440px;
 }
 
+/**
+ * Component: Header Anchor
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-header-anchor-symbol: '#';
+}
+
 /**
  * Component: Code
  * -------------------------------------------------------------------------- */