From 756465d62193793e01d4e307e588543c8b213cac Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Sat, 22 Jan 2022 22:41:23 +0800
Subject: [PATCH] Add `filepath` style for code

---
 _sass/addon/syntax.scss       | 9 ++++++++-
 _sass/colors/dark-syntax.scss | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/_sass/addon/syntax.scss b/_sass/addon/syntax.scss
index 6ace78d..9feee5a 100644
--- a/_sass/addon/syntax.scss
+++ b/_sass/addon/syntax.scss
@@ -110,6 +110,13 @@ code {
     background-color: var(--inline-code-bg);
   }
 
+  &.filepath {
+    background-color: inherit;
+    color: var(--filepath-text-color);
+    font-weight: 600;
+    padding: 0;
+  }
+
   a > &.highlighter-rouge {
     padding-bottom: 0; // show link's underlinke
     color: inherit;
@@ -119,7 +126,7 @@ code {
     border-bottom: none;
   }
 
-  blockquote &.highlighter-rouge {
+  blockquote & {
     color: inherit;
   }
 
diff --git a/_sass/colors/dark-syntax.scss b/_sass/colors/dark-syntax.scss
index fb7c52a..8030487 100644
--- a/_sass/colors/dark-syntax.scss
+++ b/_sass/colors/dark-syntax.scss
@@ -78,6 +78,7 @@
   --code-header-muted-color: rgb(60 60 60);
   --code-header-icon-color: rgb(86 86 86);
   --clipboard-checked-color: #2bcc2b;
+  --filepath-text-color: #bdbdbd;
 
   .highlight {
     .gp { color: #818c96; }