feat: light/dark mode syntax highlighting; style to xcodeHEADmaster

1 files changed, 4 insertions, 10 deletions

diff --git a/assets/css/_markdown.scss b/assets/css/_markdown.scss
index 261c3a9..44924e0 100644
--- a/assets/css/_markdown.scss
+++ b/assets/css/_markdown.scss
@@ -163,6 +163,7 @@
   pre {
     padding: 0.5rem 1rem;
     font-size: 1rem;
+    border: 1px solid var(--border-color);
     border-radius: 5px;
     border-top-right-radius: 0;
     position: relative;
@@ -177,23 +178,16 @@
       line-height: 1.5;
 
       &:not([data-lang="fallback"])::before {
-        --width: 1rem;
+        color: var(--secondary-text-color);
         content: attr(data-lang);
         display: block;
         box-sizing: border-box;
         line-height: 1rem;
-
         position: absolute;
         top: 0;
-        right: -1rem;
-        width: var(--width);
-        min-height: 2.5rem;
-        writing-mode: vertical-rl;
-        text-align: center;
-
+        right: 0.5rem;
+        height: 1rem;
         font-size: 0.75em;
-        background: #333;
-        color: #fff;
         padding: 0.5rem 0;
         border-radius: 0 4px 4px 0;
       }