From 914ee8224face2389d65850d02746d50c59ac2d0 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Fri, 29 Aug 2025 00:12:55 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Add=20Shiki=20light/dark=20mode?=
 =?UTF-8?q?=20styles=20and=20line=20number=20formatting?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/globals.css | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 8fb9cc9..bf432a3 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -41,3 +41,33 @@
     "OnestMedium", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
     "Segoe UI Symbol", "Noto Color Emoji";
 }
+
+/* Shiki light/dark mode */
+html.dark .shiki,
+html.dark .shiki span {
+  color: var(--shiki-dark) !important;
+  background-color: transparent !important;
+}
+
+/* Shiki Line Numbers */
+code {
+  counter-reset: step;
+  counter-increment: step 0;
+}
+
+code:has(.line:nth-child(2)) .line::before {
+  content: counter(step);
+  counter-increment: step;
+  width: 1rem;
+  margin-right: 1.5rem;
+  display: inline-block;
+  text-align: right;
+}
+
+html.light code:has(.line:nth-child(2)) .line::before {
+  color: #a0a0a0;
+}
+
+html.dark code:has(.line:nth-child(2)) .line::before {
+  color: #525252;
+}