From 1357f8e1adb302ea4e11764496ae26dad045a5da Mon Sep 17 00:00:00 2001
From: Martin Trapp <94928215+martrapp@users.noreply.github.com>
Date: Wed, 8 Jan 2025 20:42:53 +0100
Subject: [PATCH] styling

---
 astro.config.ts       | 2 +-
 src/styles/custom.css | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/astro.config.ts b/astro.config.ts
index 6798244..6e7ba34 100644
--- a/astro.config.ts
+++ b/astro.config.ts
@@ -123,7 +123,7 @@ function sidebar() {
       //      { label: 'Step by Step Tutorial', link: "/basics/step-by-step/" },
       { label: 'View Transition API', link: "/basics/api/" },
       {
-        label: 'View Transition Examples', link: "/basics/examples/", badge: { text: '🢀', variant: 'success' } as Badge,
+        label: 'View Transition Examples', link: "/basics/examples/", badge: { text: '⮨', variant: 'success' } as Badge,
       },
       { label: 'Structure of Pseudo-Elements', link: "/basics/pseudos/" },
       { label: 'Mechanics of Default Animations', link: "/basics/default-animations/" },
diff --git a/src/styles/custom.css b/src/styles/custom.css
index 348ae98..de593d7 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -56,6 +56,7 @@ body {
   --sl-color-gray-6-rgb: 255, 240, 224;
   --sl-color-gray-7: #f8f6f5;
   --sl-color-black: #ffffff;
+  --sl-color-hairline-light: #ccc;
   --vtbag-bg-color: var(--sl-color-bg-nav);
   --vtbag-glow: radial-gradient(circle, #c0d0e0 50%, #d8e8f8 100%);
   --vtbag-glow-shadow: 0 0 20px #cccc, 0 0 40px #ca88, 0 0 50px #c966,
@@ -344,9 +345,9 @@ li a[aria-current="page"] {
     border-radius: 0;
     background-color: transparent;
   }
-  border-bottom: 1pt solid var(--sl-color-accent);
+  border-bottom: 1pt solid var(--sl-color-hairline-light);
   &:after {
-    content: "🌟";
+    content: "⭐";
     margin-left: 0.5em;
     position: absolute;
     view-transition-name: current-page-star;