diff --git a/exampleSite/hugo.toml b/exampleSite/hugo.toml
index 3858409..76aacef 100644
--- a/exampleSite/hugo.toml
+++ b/exampleSite/hugo.toml
@@ -10,7 +10,8 @@ disableKinds = ["taxonomy", "term", "RSS", "sitemap", "404"]
   name = "Tien Nguyen"
   tagline = "Software engineer · tending small things with care"
   bio = "Building tools, writing code, growing a quiet corner of the internet."
-  avatar = "/images/avatar.svg"
+  # avatar omitted intentionally so the demo showcases the initials fallback
+  # (the SVG circle uses the active palette's accent color)
   colorTheme = "sakura"      # try "bonsai" (default), "sakura", "sumi", "koi"
   themeToggle = true
   jobTitle = "Software Engineer"
diff --git a/images/screenshot.png b/images/screenshot.png
index 2fac64b..7d962e5 100644
Binary files a/images/screenshot.png and b/images/screenshot.png differ
diff --git a/images/tn.png b/images/tn.png
index 7d4ead3..7d4caf0 100644
Binary files a/images/tn.png and b/images/tn.png differ
diff --git a/static/css/bonsai.css b/static/css/bonsai.css
index 9b52890..de21be8 100644
--- a/static/css/bonsai.css
+++ b/static/css/bonsai.css
@@ -310,22 +310,21 @@ body {
   outline-offset: 2px;
 }
 
-.theme-toggle svg { display: block; }
-
 /* Show moon in light, sun in dark.
-   The button shows the icon for the mode you'll switch TO. */
-.theme-toggle__sun { display: none; }
-.theme-toggle__moon { display: block; }
+   The button shows the icon for the mode you'll switch TO.
+   Per-class rules avoid the specificity battle vs `.theme-toggle svg`. */
+.theme-toggle .theme-toggle__sun { display: none; }
+.theme-toggle .theme-toggle__moon { display: block; }
 
 @media (prefers-color-scheme: dark) {
-  html:not([data-theme="light"]) .theme-toggle__sun { display: block; }
-  html:not([data-theme="light"]) .theme-toggle__moon { display: none; }
+  html:not([data-theme="light"]) .theme-toggle .theme-toggle__sun { display: block; }
+  html:not([data-theme="light"]) .theme-toggle .theme-toggle__moon { display: none; }
 }
 
-[data-theme="dark"] .theme-toggle__sun { display: block; }
-[data-theme="dark"] .theme-toggle__moon { display: none; }
-[data-theme="light"] .theme-toggle__sun { display: none; }
-[data-theme="light"] .theme-toggle__moon { display: block; }
+[data-theme="dark"] .theme-toggle .theme-toggle__sun { display: block; }
+[data-theme="dark"] .theme-toggle .theme-toggle__moon { display: none; }
+[data-theme="light"] .theme-toggle .theme-toggle__sun { display: none; }
+[data-theme="light"] .theme-toggle .theme-toggle__moon { display: block; }
 
 /* ============================================================
    Themes gallery (exampleSite/themes/) — 4 mini bio cards