From 8a1d813d2ccd7f73ef1283714686c59854788ef3 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Sun, 3 May 2026 11:58:56 +0530
Subject: [PATCH] style(header): add separator styling for nav

---
 assets/css/common/header.css  | 4 ++++
 layouts/_partials/header.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/css/common/header.css b/assets/css/common/header.css
index c9edb8fe..14e36e35 100644
--- a/assets/css/common/header.css
+++ b/assets/css/common/header.css
@@ -64,6 +64,10 @@
     display: inline-flex;
 }
 
+.nav-sep {
+    color: var(--secondary);
+}
+
 .lang-menu * {
     display: inherit;
     min-height: inherit;
diff --git a/layouts/_partials/header.html b/layouts/_partials/header.html
index 64c3193c..bc101701 100644
--- a/layouts/_partials/header.html
+++ b/layouts/_partials/header.html
@@ -62,7 +62,7 @@
                     {{- $lang := .Lang}}
                     {{- with site.Home.Translations }}
                     {{- $separator := or $label_text (not site.Params.disableThemeToggle)}}
-                    {{- if $separator }}<span>|</span>{{ end }}
+                    {{- if $separator }}<span class="nav-sep">|</span>{{ end }}
                     <ul class="lang-menu">
                         {{- range . -}}
                         {{- if ne $lang .Lang }}