From 88a1a829f9bf0b4ec0f181c316833ac044f898b0 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Mon, 29 Apr 2024 12:16:34 -0400
Subject: [PATCH] rename kitchen sink to themer

---
 cspell.json                                   |   1 +
 docs/_includes/sidebar.njk                    |   2 +-
 .../active/blog_feature.jpg                   | Bin
 .../active/carousel-1.jpg                     | Bin
 .../active/carousel-2.jpg                     | Bin
 .../active/carousel-3.jpg                     | Bin
 .../{kitchen-sink => themer}/active/hero.png  | Bin
 .../active/keymaker.jpg                       | Bin
 .../active/morpheus.jpg                       | Bin
 .../active/seraph.jpg                         | Bin
 .../avatar-baudrillard.jpg                    | Bin
 .../{kitchen-sink => themer}/avatar-chad.jpg  | Bin
 .../{kitchen-sink => themer}/avatar-char.jpg  | Bin
 .../{kitchen-sink => themer}/avatar-dara.jpg  | Bin
 .../avatar-debbie.jpg                         | Bin
 .../brutalist/blog_feature.jpg                | Bin
 .../brutalist/carousel-1.jpg                  | Bin
 .../brutalist/carousel-2.jpg                  | Bin
 .../brutalist/carousel-3.jpg                  | Bin
 .../brutalist/hero.png                        | Bin
 .../brutalist/keymaker.jpg                    | Bin
 .../brutalist/morpheus.jpg                    | Bin
 .../brutalist/seraph.jpg                      | Bin
 .../classic/blog_feature.jpg                  | Bin
 .../classic/carousel-1.jpg                    | Bin
 .../classic/carousel-2.jpg                    | Bin
 .../classic/carousel-3.jpg                    | Bin
 .../{kitchen-sink => themer}/classic/hero.png | Bin
 .../classic/keymaker.jpg                      | Bin
 .../classic/morpheus.jpg                      | Bin
 .../classic/seraph.jpg                        | Bin
 .../default/blog_feature.jpg                  | Bin
 .../default/carousel-1.jpg                    | Bin
 .../default/carousel-2.jpg                    | Bin
 .../default/carousel-3.jpg                    | Bin
 .../{kitchen-sink => themer}/default/hero.png | Bin
 .../default/keymaker.jpg                      | Bin
 .../default/morpheus.jpg                      | Bin
 .../default/seraph.jpg                        | Bin
 .../fa/blog_feature.jpg                       | Bin
 .../fa/carousel-1.jpg                         | Bin
 .../fa/carousel-2.jpg                         | Bin
 .../fa/carousel-3.jpg                         | Bin
 .../{kitchen-sink => themer}/fa/hero.png      | Bin
 .../{kitchen-sink => themer}/fa/keymaker.jpg  | Bin
 .../{kitchen-sink => themer}/fa/morpheus.jpg  | Bin
 .../{kitchen-sink => themer}/fa/seraph.jpg    | Bin
 .../glassy/blog_feature.jpg                   | Bin
 .../glassy/carousel-1.jpg                     | Bin
 .../glassy/carousel-2.jpg                     | Bin
 .../glassy/carousel-3.jpg                     | Bin
 .../{kitchen-sink => themer}/glassy/hero.jpg  | Bin
 .../glassy/keymaker.jpg                       | Bin
 .../glassy/morpheus.jpg                       | Bin
 .../glassy/seraph.jpg                         | Bin
 .../migration/blog_feature.jpg                | Bin
 .../migration/carousel-1.jpg                  | Bin
 .../migration/carousel-2.jpg                  | Bin
 .../migration/carousel-3.jpg                  | Bin
 .../migration/keymaker.jpg                    | Bin
 .../migration/morpheus.jpg                    | Bin
 .../migration/seraph.jpg                      | Bin
 .../playful/blog_feature.jpg                  | Bin
 .../playful/carousel-1.jpg                    | Bin
 .../playful/carousel-2.jpg                    | Bin
 .../playful/carousel-3.jpg                    | Bin
 .../{kitchen-sink => themer}/playful/hero.png | Bin
 .../playful/keymaker.jpg                      | Bin
 .../playful/morpheus.jpg                      | Bin
 .../playful/seraph.jpg                        | Bin
 .../premium/blog_feature.jpg                  | Bin
 .../premium/carousel-1.jpg                    | Bin
 .../premium/carousel-2.jpg                    | Bin
 .../premium/carousel-3.jpg                    | Bin
 .../{kitchen-sink => themer}/premium/hero.png | Bin
 .../premium/keymaker.jpg                      | Bin
 .../premium/morpheus.jpg                      | Bin
 .../premium/seraph.jpg                        | Bin
 .../{kitchen-sink.md => themer.md}            |  61 ++++++++----------
 src/themes/active.css                         |   2 +-
 src/themes/brutalist.css                      |   2 +-
 src/themes/classic.css                        |   4 +-
 src/themes/default.css                        |   2 +-
 src/themes/fa.css                             |   2 +-
 src/themes/glassy.css                         |   2 +-
 src/themes/playful.css                        |   2 +-
 src/themes/premium.css                        |   4 +-
 87 files changed, 40 insertions(+), 44 deletions(-)
 rename docs/assets/images/{kitchen-sink => themer}/active/blog_feature.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/active/carousel-1.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/active/carousel-2.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/active/carousel-3.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/active/hero.png (100%)
 rename docs/assets/images/{kitchen-sink => themer}/active/keymaker.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/active/morpheus.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/active/seraph.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/avatar-baudrillard.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/avatar-chad.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/avatar-char.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/avatar-dara.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/avatar-debbie.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/brutalist/blog_feature.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/brutalist/carousel-1.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/brutalist/carousel-2.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/brutalist/carousel-3.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/brutalist/hero.png (100%)
 rename docs/assets/images/{kitchen-sink => themer}/brutalist/keymaker.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/brutalist/morpheus.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/brutalist/seraph.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/classic/blog_feature.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/classic/carousel-1.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/classic/carousel-2.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/classic/carousel-3.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/classic/hero.png (100%)
 rename docs/assets/images/{kitchen-sink => themer}/classic/keymaker.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/classic/morpheus.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/classic/seraph.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/default/blog_feature.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/default/carousel-1.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/default/carousel-2.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/default/carousel-3.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/default/hero.png (100%)
 rename docs/assets/images/{kitchen-sink => themer}/default/keymaker.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/default/morpheus.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/default/seraph.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/fa/blog_feature.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/fa/carousel-1.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/fa/carousel-2.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/fa/carousel-3.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/fa/hero.png (100%)
 rename docs/assets/images/{kitchen-sink => themer}/fa/keymaker.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/fa/morpheus.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/fa/seraph.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/glassy/blog_feature.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/glassy/carousel-1.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/glassy/carousel-2.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/glassy/carousel-3.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/glassy/hero.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/glassy/keymaker.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/glassy/morpheus.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/glassy/seraph.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/migration/blog_feature.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/migration/carousel-1.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/migration/carousel-2.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/migration/carousel-3.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/migration/keymaker.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/migration/morpheus.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/migration/seraph.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/playful/blog_feature.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/playful/carousel-1.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/playful/carousel-2.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/playful/carousel-3.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/playful/hero.png (100%)
 rename docs/assets/images/{kitchen-sink => themer}/playful/keymaker.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/playful/morpheus.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/playful/seraph.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/premium/blog_feature.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/premium/carousel-1.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/premium/carousel-2.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/premium/carousel-3.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/premium/hero.png (100%)
 rename docs/assets/images/{kitchen-sink => themer}/premium/keymaker.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/premium/morpheus.jpg (100%)
 rename docs/assets/images/{kitchen-sink => themer}/premium/seraph.jpg (100%)
 rename docs/docs/experimental/{kitchen-sink.md => themer.md} (97%)

diff --git a/cspell.json b/cspell.json
index 2a58e0f80..609a19323 100644
--- a/cspell.json
+++ b/cspell.json
@@ -158,6 +158,7 @@
     "testid",
     "textareas",
     "textfield",
+    "Themer",
     "tinycolor",
     "transitionend",
     "treeitem",
diff --git a/docs/_includes/sidebar.njk b/docs/_includes/sidebar.njk
index 5de2bf1c1..ced7aeb51 100644
--- a/docs/_includes/sidebar.njk
+++ b/docs/_includes/sidebar.njk
@@ -11,7 +11,7 @@
 {# Experimental #}
 <h2>Experimental</h2>
 <ul>
-  <li><a href="/docs/experimental/kitchen-sink">Theme Builder</a></li>
+  <li><a href="/docs/experimental/themer">Theme Builder</a></li>
   <li><a href="/docs/experimental/style-guide">Style Guide</a></li>
   <li><a href="/docs/experimental/form-validation">Form Validation Styles</a></li>
   <li><a href="/docs/experimental/sandbox">Sandbox</a></li>
diff --git a/docs/assets/images/kitchen-sink/active/blog_feature.jpg b/docs/assets/images/themer/active/blog_feature.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/active/blog_feature.jpg
rename to docs/assets/images/themer/active/blog_feature.jpg
diff --git a/docs/assets/images/kitchen-sink/active/carousel-1.jpg b/docs/assets/images/themer/active/carousel-1.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/active/carousel-1.jpg
rename to docs/assets/images/themer/active/carousel-1.jpg
diff --git a/docs/assets/images/kitchen-sink/active/carousel-2.jpg b/docs/assets/images/themer/active/carousel-2.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/active/carousel-2.jpg
rename to docs/assets/images/themer/active/carousel-2.jpg
diff --git a/docs/assets/images/kitchen-sink/active/carousel-3.jpg b/docs/assets/images/themer/active/carousel-3.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/active/carousel-3.jpg
rename to docs/assets/images/themer/active/carousel-3.jpg
diff --git a/docs/assets/images/kitchen-sink/active/hero.png b/docs/assets/images/themer/active/hero.png
similarity index 100%
rename from docs/assets/images/kitchen-sink/active/hero.png
rename to docs/assets/images/themer/active/hero.png
diff --git a/docs/assets/images/kitchen-sink/active/keymaker.jpg b/docs/assets/images/themer/active/keymaker.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/active/keymaker.jpg
rename to docs/assets/images/themer/active/keymaker.jpg
diff --git a/docs/assets/images/kitchen-sink/active/morpheus.jpg b/docs/assets/images/themer/active/morpheus.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/active/morpheus.jpg
rename to docs/assets/images/themer/active/morpheus.jpg
diff --git a/docs/assets/images/kitchen-sink/active/seraph.jpg b/docs/assets/images/themer/active/seraph.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/active/seraph.jpg
rename to docs/assets/images/themer/active/seraph.jpg
diff --git a/docs/assets/images/kitchen-sink/avatar-baudrillard.jpg b/docs/assets/images/themer/avatar-baudrillard.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/avatar-baudrillard.jpg
rename to docs/assets/images/themer/avatar-baudrillard.jpg
diff --git a/docs/assets/images/kitchen-sink/avatar-chad.jpg b/docs/assets/images/themer/avatar-chad.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/avatar-chad.jpg
rename to docs/assets/images/themer/avatar-chad.jpg
diff --git a/docs/assets/images/kitchen-sink/avatar-char.jpg b/docs/assets/images/themer/avatar-char.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/avatar-char.jpg
rename to docs/assets/images/themer/avatar-char.jpg
diff --git a/docs/assets/images/kitchen-sink/avatar-dara.jpg b/docs/assets/images/themer/avatar-dara.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/avatar-dara.jpg
rename to docs/assets/images/themer/avatar-dara.jpg
diff --git a/docs/assets/images/kitchen-sink/avatar-debbie.jpg b/docs/assets/images/themer/avatar-debbie.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/avatar-debbie.jpg
rename to docs/assets/images/themer/avatar-debbie.jpg
diff --git a/docs/assets/images/kitchen-sink/brutalist/blog_feature.jpg b/docs/assets/images/themer/brutalist/blog_feature.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/brutalist/blog_feature.jpg
rename to docs/assets/images/themer/brutalist/blog_feature.jpg
diff --git a/docs/assets/images/kitchen-sink/brutalist/carousel-1.jpg b/docs/assets/images/themer/brutalist/carousel-1.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/brutalist/carousel-1.jpg
rename to docs/assets/images/themer/brutalist/carousel-1.jpg
diff --git a/docs/assets/images/kitchen-sink/brutalist/carousel-2.jpg b/docs/assets/images/themer/brutalist/carousel-2.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/brutalist/carousel-2.jpg
rename to docs/assets/images/themer/brutalist/carousel-2.jpg
diff --git a/docs/assets/images/kitchen-sink/brutalist/carousel-3.jpg b/docs/assets/images/themer/brutalist/carousel-3.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/brutalist/carousel-3.jpg
rename to docs/assets/images/themer/brutalist/carousel-3.jpg
diff --git a/docs/assets/images/kitchen-sink/brutalist/hero.png b/docs/assets/images/themer/brutalist/hero.png
similarity index 100%
rename from docs/assets/images/kitchen-sink/brutalist/hero.png
rename to docs/assets/images/themer/brutalist/hero.png
diff --git a/docs/assets/images/kitchen-sink/brutalist/keymaker.jpg b/docs/assets/images/themer/brutalist/keymaker.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/brutalist/keymaker.jpg
rename to docs/assets/images/themer/brutalist/keymaker.jpg
diff --git a/docs/assets/images/kitchen-sink/brutalist/morpheus.jpg b/docs/assets/images/themer/brutalist/morpheus.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/brutalist/morpheus.jpg
rename to docs/assets/images/themer/brutalist/morpheus.jpg
diff --git a/docs/assets/images/kitchen-sink/brutalist/seraph.jpg b/docs/assets/images/themer/brutalist/seraph.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/brutalist/seraph.jpg
rename to docs/assets/images/themer/brutalist/seraph.jpg
diff --git a/docs/assets/images/kitchen-sink/classic/blog_feature.jpg b/docs/assets/images/themer/classic/blog_feature.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/classic/blog_feature.jpg
rename to docs/assets/images/themer/classic/blog_feature.jpg
diff --git a/docs/assets/images/kitchen-sink/classic/carousel-1.jpg b/docs/assets/images/themer/classic/carousel-1.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/classic/carousel-1.jpg
rename to docs/assets/images/themer/classic/carousel-1.jpg
diff --git a/docs/assets/images/kitchen-sink/classic/carousel-2.jpg b/docs/assets/images/themer/classic/carousel-2.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/classic/carousel-2.jpg
rename to docs/assets/images/themer/classic/carousel-2.jpg
diff --git a/docs/assets/images/kitchen-sink/classic/carousel-3.jpg b/docs/assets/images/themer/classic/carousel-3.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/classic/carousel-3.jpg
rename to docs/assets/images/themer/classic/carousel-3.jpg
diff --git a/docs/assets/images/kitchen-sink/classic/hero.png b/docs/assets/images/themer/classic/hero.png
similarity index 100%
rename from docs/assets/images/kitchen-sink/classic/hero.png
rename to docs/assets/images/themer/classic/hero.png
diff --git a/docs/assets/images/kitchen-sink/classic/keymaker.jpg b/docs/assets/images/themer/classic/keymaker.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/classic/keymaker.jpg
rename to docs/assets/images/themer/classic/keymaker.jpg
diff --git a/docs/assets/images/kitchen-sink/classic/morpheus.jpg b/docs/assets/images/themer/classic/morpheus.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/classic/morpheus.jpg
rename to docs/assets/images/themer/classic/morpheus.jpg
diff --git a/docs/assets/images/kitchen-sink/classic/seraph.jpg b/docs/assets/images/themer/classic/seraph.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/classic/seraph.jpg
rename to docs/assets/images/themer/classic/seraph.jpg
diff --git a/docs/assets/images/kitchen-sink/default/blog_feature.jpg b/docs/assets/images/themer/default/blog_feature.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/default/blog_feature.jpg
rename to docs/assets/images/themer/default/blog_feature.jpg
diff --git a/docs/assets/images/kitchen-sink/default/carousel-1.jpg b/docs/assets/images/themer/default/carousel-1.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/default/carousel-1.jpg
rename to docs/assets/images/themer/default/carousel-1.jpg
diff --git a/docs/assets/images/kitchen-sink/default/carousel-2.jpg b/docs/assets/images/themer/default/carousel-2.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/default/carousel-2.jpg
rename to docs/assets/images/themer/default/carousel-2.jpg
diff --git a/docs/assets/images/kitchen-sink/default/carousel-3.jpg b/docs/assets/images/themer/default/carousel-3.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/default/carousel-3.jpg
rename to docs/assets/images/themer/default/carousel-3.jpg
diff --git a/docs/assets/images/kitchen-sink/default/hero.png b/docs/assets/images/themer/default/hero.png
similarity index 100%
rename from docs/assets/images/kitchen-sink/default/hero.png
rename to docs/assets/images/themer/default/hero.png
diff --git a/docs/assets/images/kitchen-sink/default/keymaker.jpg b/docs/assets/images/themer/default/keymaker.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/default/keymaker.jpg
rename to docs/assets/images/themer/default/keymaker.jpg
diff --git a/docs/assets/images/kitchen-sink/default/morpheus.jpg b/docs/assets/images/themer/default/morpheus.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/default/morpheus.jpg
rename to docs/assets/images/themer/default/morpheus.jpg
diff --git a/docs/assets/images/kitchen-sink/default/seraph.jpg b/docs/assets/images/themer/default/seraph.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/default/seraph.jpg
rename to docs/assets/images/themer/default/seraph.jpg
diff --git a/docs/assets/images/kitchen-sink/fa/blog_feature.jpg b/docs/assets/images/themer/fa/blog_feature.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/fa/blog_feature.jpg
rename to docs/assets/images/themer/fa/blog_feature.jpg
diff --git a/docs/assets/images/kitchen-sink/fa/carousel-1.jpg b/docs/assets/images/themer/fa/carousel-1.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/fa/carousel-1.jpg
rename to docs/assets/images/themer/fa/carousel-1.jpg
diff --git a/docs/assets/images/kitchen-sink/fa/carousel-2.jpg b/docs/assets/images/themer/fa/carousel-2.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/fa/carousel-2.jpg
rename to docs/assets/images/themer/fa/carousel-2.jpg
diff --git a/docs/assets/images/kitchen-sink/fa/carousel-3.jpg b/docs/assets/images/themer/fa/carousel-3.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/fa/carousel-3.jpg
rename to docs/assets/images/themer/fa/carousel-3.jpg
diff --git a/docs/assets/images/kitchen-sink/fa/hero.png b/docs/assets/images/themer/fa/hero.png
similarity index 100%
rename from docs/assets/images/kitchen-sink/fa/hero.png
rename to docs/assets/images/themer/fa/hero.png
diff --git a/docs/assets/images/kitchen-sink/fa/keymaker.jpg b/docs/assets/images/themer/fa/keymaker.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/fa/keymaker.jpg
rename to docs/assets/images/themer/fa/keymaker.jpg
diff --git a/docs/assets/images/kitchen-sink/fa/morpheus.jpg b/docs/assets/images/themer/fa/morpheus.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/fa/morpheus.jpg
rename to docs/assets/images/themer/fa/morpheus.jpg
diff --git a/docs/assets/images/kitchen-sink/fa/seraph.jpg b/docs/assets/images/themer/fa/seraph.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/fa/seraph.jpg
rename to docs/assets/images/themer/fa/seraph.jpg
diff --git a/docs/assets/images/kitchen-sink/glassy/blog_feature.jpg b/docs/assets/images/themer/glassy/blog_feature.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/glassy/blog_feature.jpg
rename to docs/assets/images/themer/glassy/blog_feature.jpg
diff --git a/docs/assets/images/kitchen-sink/glassy/carousel-1.jpg b/docs/assets/images/themer/glassy/carousel-1.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/glassy/carousel-1.jpg
rename to docs/assets/images/themer/glassy/carousel-1.jpg
diff --git a/docs/assets/images/kitchen-sink/glassy/carousel-2.jpg b/docs/assets/images/themer/glassy/carousel-2.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/glassy/carousel-2.jpg
rename to docs/assets/images/themer/glassy/carousel-2.jpg
diff --git a/docs/assets/images/kitchen-sink/glassy/carousel-3.jpg b/docs/assets/images/themer/glassy/carousel-3.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/glassy/carousel-3.jpg
rename to docs/assets/images/themer/glassy/carousel-3.jpg
diff --git a/docs/assets/images/kitchen-sink/glassy/hero.jpg b/docs/assets/images/themer/glassy/hero.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/glassy/hero.jpg
rename to docs/assets/images/themer/glassy/hero.jpg
diff --git a/docs/assets/images/kitchen-sink/glassy/keymaker.jpg b/docs/assets/images/themer/glassy/keymaker.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/glassy/keymaker.jpg
rename to docs/assets/images/themer/glassy/keymaker.jpg
diff --git a/docs/assets/images/kitchen-sink/glassy/morpheus.jpg b/docs/assets/images/themer/glassy/morpheus.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/glassy/morpheus.jpg
rename to docs/assets/images/themer/glassy/morpheus.jpg
diff --git a/docs/assets/images/kitchen-sink/glassy/seraph.jpg b/docs/assets/images/themer/glassy/seraph.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/glassy/seraph.jpg
rename to docs/assets/images/themer/glassy/seraph.jpg
diff --git a/docs/assets/images/kitchen-sink/migration/blog_feature.jpg b/docs/assets/images/themer/migration/blog_feature.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/migration/blog_feature.jpg
rename to docs/assets/images/themer/migration/blog_feature.jpg
diff --git a/docs/assets/images/kitchen-sink/migration/carousel-1.jpg b/docs/assets/images/themer/migration/carousel-1.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/migration/carousel-1.jpg
rename to docs/assets/images/themer/migration/carousel-1.jpg
diff --git a/docs/assets/images/kitchen-sink/migration/carousel-2.jpg b/docs/assets/images/themer/migration/carousel-2.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/migration/carousel-2.jpg
rename to docs/assets/images/themer/migration/carousel-2.jpg
diff --git a/docs/assets/images/kitchen-sink/migration/carousel-3.jpg b/docs/assets/images/themer/migration/carousel-3.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/migration/carousel-3.jpg
rename to docs/assets/images/themer/migration/carousel-3.jpg
diff --git a/docs/assets/images/kitchen-sink/migration/keymaker.jpg b/docs/assets/images/themer/migration/keymaker.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/migration/keymaker.jpg
rename to docs/assets/images/themer/migration/keymaker.jpg
diff --git a/docs/assets/images/kitchen-sink/migration/morpheus.jpg b/docs/assets/images/themer/migration/morpheus.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/migration/morpheus.jpg
rename to docs/assets/images/themer/migration/morpheus.jpg
diff --git a/docs/assets/images/kitchen-sink/migration/seraph.jpg b/docs/assets/images/themer/migration/seraph.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/migration/seraph.jpg
rename to docs/assets/images/themer/migration/seraph.jpg
diff --git a/docs/assets/images/kitchen-sink/playful/blog_feature.jpg b/docs/assets/images/themer/playful/blog_feature.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/playful/blog_feature.jpg
rename to docs/assets/images/themer/playful/blog_feature.jpg
diff --git a/docs/assets/images/kitchen-sink/playful/carousel-1.jpg b/docs/assets/images/themer/playful/carousel-1.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/playful/carousel-1.jpg
rename to docs/assets/images/themer/playful/carousel-1.jpg
diff --git a/docs/assets/images/kitchen-sink/playful/carousel-2.jpg b/docs/assets/images/themer/playful/carousel-2.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/playful/carousel-2.jpg
rename to docs/assets/images/themer/playful/carousel-2.jpg
diff --git a/docs/assets/images/kitchen-sink/playful/carousel-3.jpg b/docs/assets/images/themer/playful/carousel-3.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/playful/carousel-3.jpg
rename to docs/assets/images/themer/playful/carousel-3.jpg
diff --git a/docs/assets/images/kitchen-sink/playful/hero.png b/docs/assets/images/themer/playful/hero.png
similarity index 100%
rename from docs/assets/images/kitchen-sink/playful/hero.png
rename to docs/assets/images/themer/playful/hero.png
diff --git a/docs/assets/images/kitchen-sink/playful/keymaker.jpg b/docs/assets/images/themer/playful/keymaker.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/playful/keymaker.jpg
rename to docs/assets/images/themer/playful/keymaker.jpg
diff --git a/docs/assets/images/kitchen-sink/playful/morpheus.jpg b/docs/assets/images/themer/playful/morpheus.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/playful/morpheus.jpg
rename to docs/assets/images/themer/playful/morpheus.jpg
diff --git a/docs/assets/images/kitchen-sink/playful/seraph.jpg b/docs/assets/images/themer/playful/seraph.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/playful/seraph.jpg
rename to docs/assets/images/themer/playful/seraph.jpg
diff --git a/docs/assets/images/kitchen-sink/premium/blog_feature.jpg b/docs/assets/images/themer/premium/blog_feature.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/premium/blog_feature.jpg
rename to docs/assets/images/themer/premium/blog_feature.jpg
diff --git a/docs/assets/images/kitchen-sink/premium/carousel-1.jpg b/docs/assets/images/themer/premium/carousel-1.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/premium/carousel-1.jpg
rename to docs/assets/images/themer/premium/carousel-1.jpg
diff --git a/docs/assets/images/kitchen-sink/premium/carousel-2.jpg b/docs/assets/images/themer/premium/carousel-2.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/premium/carousel-2.jpg
rename to docs/assets/images/themer/premium/carousel-2.jpg
diff --git a/docs/assets/images/kitchen-sink/premium/carousel-3.jpg b/docs/assets/images/themer/premium/carousel-3.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/premium/carousel-3.jpg
rename to docs/assets/images/themer/premium/carousel-3.jpg
diff --git a/docs/assets/images/kitchen-sink/premium/hero.png b/docs/assets/images/themer/premium/hero.png
similarity index 100%
rename from docs/assets/images/kitchen-sink/premium/hero.png
rename to docs/assets/images/themer/premium/hero.png
diff --git a/docs/assets/images/kitchen-sink/premium/keymaker.jpg b/docs/assets/images/themer/premium/keymaker.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/premium/keymaker.jpg
rename to docs/assets/images/themer/premium/keymaker.jpg
diff --git a/docs/assets/images/kitchen-sink/premium/morpheus.jpg b/docs/assets/images/themer/premium/morpheus.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/premium/morpheus.jpg
rename to docs/assets/images/themer/premium/morpheus.jpg
diff --git a/docs/assets/images/kitchen-sink/premium/seraph.jpg b/docs/assets/images/themer/premium/seraph.jpg
similarity index 100%
rename from docs/assets/images/kitchen-sink/premium/seraph.jpg
rename to docs/assets/images/themer/premium/seraph.jpg
diff --git a/docs/docs/experimental/kitchen-sink.md b/docs/docs/experimental/themer.md
similarity index 97%
rename from docs/docs/experimental/kitchen-sink.md
rename to docs/docs/experimental/themer.md
index e64daa17c..a0cb258d2 100644
--- a/docs/docs/experimental/kitchen-sink.md
+++ b/docs/docs/experimental/themer.md
@@ -1,6 +1,6 @@
 ---
 meta:
-title: Kitchen Sink
+title: Themer
 layout: page.njk
 hasOutline: false
 ---
@@ -358,7 +358,7 @@ hasOutline: false
     }
   }
 
-  /* set up  Kitchen Sink preview area */
+  /* set up themer preview area */
   .content {
     max-width: 1320px;
     gap: 0;
@@ -1071,16 +1071,16 @@ hasOutline: false
         assetFolder = 'default';
     }
 
-    document.querySelector('#product-1').setAttribute('src', `/assets/images/kitchen-sink/${assetFolder}/morpheus.jpg`);
-    document.querySelector('#product-2').setAttribute('src', `/assets/images/kitchen-sink/${assetFolder}/seraph.jpg`);
-    document.querySelector('#product-3').setAttribute('src', `/assets/images/kitchen-sink/${assetFolder}/keymaker.jpg`);
-    document.querySelector('#blog_feature').setAttribute('src', `/assets/images/kitchen-sink/${assetFolder}/blog_feature.jpg`);
-    document.querySelector('#carousel-1').setAttribute('src', `/assets/images/kitchen-sink/${assetFolder}/carousel-1.jpg`);
-    document.querySelector('#carousel-2').setAttribute('src', `/assets/images/kitchen-sink/${assetFolder}/carousel-2.jpg`);
-    document.querySelector('#carousel-3').setAttribute('src', `/assets/images/kitchen-sink/${assetFolder}/carousel-3.jpg`);
-    document.querySelector('#product_thumb-1').setAttribute('src', `/assets/images/kitchen-sink/${assetFolder}/morpheus.jpg`);
-    document.querySelector('#product_thumb-2').setAttribute('src', `/assets/images/kitchen-sink/${assetFolder}/seraph.jpg`);
-    document.querySelector('#product_thumb-3').setAttribute('src', `/assets/images/kitchen-sink/${assetFolder}/keymaker.jpg`);
+    document.querySelector('#product-1').setAttribute('src', `/assets/images/themer/${assetFolder}/morpheus.jpg`);
+    document.querySelector('#product-2').setAttribute('src', `/assets/images/themer/${assetFolder}/seraph.jpg`);
+    document.querySelector('#product-3').setAttribute('src', `/assets/images/themer/${assetFolder}/keymaker.jpg`);
+    document.querySelector('#blog_feature').setAttribute('src', `/assets/images/themer/${assetFolder}/blog_feature.jpg`);
+    document.querySelector('#carousel-1').setAttribute('src', `/assets/images/themer/${assetFolder}/carousel-1.jpg`);
+    document.querySelector('#carousel-2').setAttribute('src', `/assets/images/themer/${assetFolder}/carousel-2.jpg`);
+    document.querySelector('#carousel-3').setAttribute('src', `/assets/images/themer/${assetFolder}/carousel-3.jpg`);
+    document.querySelector('#product_thumb-1').setAttribute('src', `/assets/images/themer/${assetFolder}/morpheus.jpg`);
+    document.querySelector('#product_thumb-2').setAttribute('src', `/assets/images/themer/${assetFolder}/seraph.jpg`);
+    document.querySelector('#product_thumb-3').setAttribute('src', `/assets/images/themer/${assetFolder}/keymaker.jpg`);
   }
 
   // Light & Dark Mode
@@ -1658,7 +1658,7 @@ hasOutline: false
 </script>
 
 <style>
-  /* Kitchen Sink layout and cross-theme styles */
+  /* Themer layout and cross-theme styles */
 
   html {
     background: var(--wa-color-surface-default);
@@ -1702,11 +1702,6 @@ hasOutline: false
     padding: var(--wa-space-3xl) 7%;
   }
 
-  pre,
-  code {
-    background-color: color-mix(in oklab, var(--wa-color-surface-lowered) 20%, var(--wa-color-neutral-fill-highlight));
-  }
-
   pre wa-copy-button {
     display: none;
   }
@@ -2016,7 +2011,7 @@ hasOutline: false
   }
 </style>
 
-<!-- Kitchen Sink Preview -->
+<!-- Themer Preview -->
 <div class="preview-container">
   <section class="overlap">
     <div class="hero-background"></div>
@@ -2044,7 +2039,7 @@ hasOutline: false
       <wa-card class="card-image product-card">
         <wa-badge variant="brand" class="badge-stock">New</wa-badge>
         <div slot="image" class="landscape-frame">
-          <img id="product-1" src="/assets/images/kitchen-sink/default/morpheus.jpg" alt="" />
+          <img id="product-1" src="/assets/images/themer/default/morpheus.jpg" alt="" />
         </div>
         <div class="title-rating">
           <h2 class="title">Morpheus</h2>
@@ -2067,7 +2062,7 @@ hasOutline: false
       <wa-card class="card-image product-card">
         <wa-badge variant="warning" class="badge-stock">Low Stock</wa-badge>
         <div slot="image" class="landscape-frame">
-          <img id="product-2" src="/assets/images/kitchen-sink/default/seraph.jpg" alt="" />
+          <img id="product-2" src="/assets/images/themer/default/seraph.jpg" alt="" />
         </div>
         <div class="title-rating">
           <h2 class="title">Seraph</h2>
@@ -2089,7 +2084,7 @@ hasOutline: false
       </wa-card>
       <wa-card class="card-image product-card">
         <div slot="image" class="landscape-frame">
-          <img id="product-3" src="/assets/images/kitchen-sink/default/keymaker.jpg" alt="" />
+          <img id="product-3" src="/assets/images/themer/default/keymaker.jpg" alt="" />
         </div>
         <div class="title-rating">
           <h2 class="title">Keymaker</h2>
@@ -2117,7 +2112,7 @@ hasOutline: false
           <div class="post-meta">
             <div class="authors">
               <a href="">
-                <wa-avatar image="/assets/images/kitchen-sink/avatar-baudrillard.jpg" label="Jean Baudrillard" shape="rounded"> </wa-avatar>
+                <wa-avatar image="/assets/images/themer/avatar-baudrillard.jpg" label="Jean Baudrillard" shape="rounded"> </wa-avatar>
                 Jean Baudrillard
               </a>
             </div>
@@ -2135,7 +2130,7 @@ hasOutline: false
         <h2>The New Biology of Machines</h2>
         <p>The method used for creating these effects involved a technically expanded version of an old art photography technique known as time-slice photography, in which an array of cameras are placed around an object and triggered simultaneously. Each camera captures a still picture, contributing one frame to the video sequence, which creates the effect of "virtual camera movement"; the illusion of a viewpoint moving around an object that appears frozen in time.</p>
         <div class="landscape-frame" style="margin: 0 0 1rem 0;" >
-          <img id="blog_feature" src="/assets/images/kitchen-sink/default/blog_feature.jpg" alt="blog post example image" />
+          <img id="blog_feature" src="/assets/images/themer/default/blog_feature.jpg" alt="blog post example image" />
         </div>
         <p>For the "real world," the actors' hair was less styled, their clothing had more textile content, and the cinematographers used longer lenses to soften the backgrounds and emphasize the actors.</p>
 <pre class="codeblock">
@@ -2249,13 +2244,13 @@ hasOutline: false
       <div class="product-detail-images">
         <wa-carousel pagination style="--aspect-ratio: 3/4;">
           <wa-carousel-item>
-            <img id="carousel-1" alt="See it for yourself" src="/assets/images/kitchen-sink/default/carousel-1.jpg" />
+            <img id="carousel-1" alt="See it for yourself" src="/assets/images/themer/default/carousel-1.jpg" />
           </wa-carousel-item>
           <wa-carousel-item>
-            <img id="carousel-2" alt="Look through the code" src="/assets/images/kitchen-sink/default/carousel-2.jpg" />
+            <img id="carousel-2" alt="Look through the code" src="/assets/images/themer/default/carousel-2.jpg" />
           </wa-carousel-item>
           <wa-carousel-item>
-            <img id="carousel-3" alt="Free your mind" src="/assets/images/kitchen-sink/default/carousel-3.jpg" />
+            <img id="carousel-3" alt="Free your mind" src="/assets/images/themer/default/carousel-3.jpg" />
           </wa-carousel-item>
         </wa-carousel>
       </div>
@@ -2317,7 +2312,7 @@ hasOutline: false
             <td><wa-checkbox size="large" style="padding-left: var(--wa-space-s)"><wa-visually-hidden>Completed</wa-visually-hidden></wa-checkbox></td>
             <td>Keanu Reeves</td>
             <td class="desc"><span style="font-weight: bold">Am I dead?</span><br><span class="excerpt">Okey dokey... free my mind. Right, no problem, free my mind, free my mind, no problem, right...</span></td>
-            <td><wa-avatar  image="/assets/images/kitchen-sink/avatar-chad.jpg"  label="Chad" style="margin-right: var(--wa-space-xs)"></wa-avatar>  Chad Stahelski</td>
+            <td><wa-avatar  image="/assets/images/themer/avatar-chad.jpg"  label="Chad" style="margin-right: var(--wa-space-xs)"></wa-avatar>  Chad Stahelski</td>
             <td style="text-align: center;"><wa-tag variant="warning" size="small">Pending</wa-tag></td>
             <td>
               <wa-dropdown>
@@ -2347,7 +2342,7 @@ hasOutline: false
             <td><wa-checkbox size="large" style="padding-left: var(--wa-space-s)"><wa-visually-hidden>Completed</wa-visually-hidden></wa-checkbox></td>
             <td>Lawrence Fishburne</td>
             <td class="desc"><span style="font-weight: bold">We have a rule</span><br><span class="excerpt">We never free a mind once it's reached a certain age. It's dangerous, the mind has trouble letting go.</span></td>
-            <td><wa-avatar image="/assets/images/kitchen-sink/avatar-char.jpg"  label="Char" style="margin-right: var(--wa-space-xs)"></wa-avatar>  Char McCoy</td>
+            <td><wa-avatar image="/assets/images/themer/avatar-char.jpg"  label="Char" style="margin-right: var(--wa-space-xs)"></wa-avatar>  Char McCoy</td>
             <td style="text-align: center;"><wa-tag variant="success" size="small">Resolved</wa-tag></td>
             <td>
              <wa-dropdown>
@@ -2437,7 +2432,7 @@ hasOutline: false
             <td><wa-checkbox size="large" style="padding-left: var(--wa-space-s)"><wa-visually-hidden>Completed</wa-visually-hidden></wa-checkbox></td>
             <td>Hugo Weaving</td>
             <td class="desc"><span style="font-weight: bold">I'd like to share a revelation</span><br><span class="excerpt">I need the codes, I have to get inside Zion and you have to tell me how.</span></td>
-            <td><wa-avatar  image="/assets/images/kitchen-sink/avatar-dara.jpg"  label="Dara" style="margin-right: var(--wa-space-xs)"></wa-avatar> Dara Prescott</td>
+            <td><wa-avatar  image="/assets/images/themer/avatar-dara.jpg"  label="Dara" style="margin-right: var(--wa-space-xs)"></wa-avatar> Dara Prescott</td>
             <td style="text-align: center;"><wa-tag variant="neutral" size="small">Expired</wa-tag></td>
             <td>
              <wa-dropdown>
@@ -2506,7 +2501,7 @@ hasOutline: false
           <h2 style="margin-bottom: var(--wa-space-3xl);">Order Summary</h2>
           <div class="order-item grid-12-col">
             <div class="square-frame">
-              <img id="product_thumb-1" src="/assets/images/kitchen-sink/default/morpheus.jpg" alt="Morpheus" />
+              <img id="product_thumb-1" src="/assets/images/themer/default/morpheus.jpg" alt="Morpheus" />
             </div>
             <span class="name">
               <b>Morpheus</b>
@@ -2516,7 +2511,7 @@ hasOutline: false
           </div>
           <div class="order-item grid-12-col">
             <div class="square-frame">
-              <img id="product_thumb-2" src="/assets/images/kitchen-sink/default/seraph.jpg" alt="Seraph" />
+              <img id="product_thumb-2" src="/assets/images/themer/default/seraph.jpg" alt="Seraph" />
             </div>
             <span class="name">
               <b>Seraph</b>
@@ -2527,7 +2522,7 @@ hasOutline: false
           </div>
           <div class="order-item grid-12-col">
             <div class="square-frame">
-              <img id="product_thumb-3" src="/assets/images/kitchen-sink/default/keymaker.jpg" alt="Keymaker II" />
+              <img id="product_thumb-3" src="/assets/images/themer/default/keymaker.jpg" alt="Keymaker II" />
             </div>
             <span class="name">
               <b>Keymaker</b>
diff --git a/src/themes/active.css b/src/themes/active.css
index c74891420..bf5e28769 100644
--- a/src/themes/active.css
+++ b/src/themes/active.css
@@ -470,7 +470,7 @@
       var(--wa-color-base-10) 80.5%,
       var(--wa-color-primary-80) 100%
     );
-    background: url(/assets/images/kitchen-sink/active/hero.png) 50% 0px / cover no-repeat;
+    background: url(/assets/images/themer/active/hero.png) 50% 0px / cover no-repeat;
     height: 40rem;
     position: absolute;
     top: 0;
diff --git a/src/themes/brutalist.css b/src/themes/brutalist.css
index 21e3f14da..24555fea5 100644
--- a/src/themes/brutalist.css
+++ b/src/themes/brutalist.css
@@ -674,7 +674,7 @@
   }
 
   .overlap {
-    background: var(--wa-color-surface-lowered) url('/assets/images/kitchen-sink/brutalist/hero.png') 50% 3% no-repeat;
+    background: var(--wa-color-surface-lowered) url('/assets/images/themer/brutalist/hero.png') 50% 3% no-repeat;
   }
 
   .strata.hero {
diff --git a/src/themes/classic.css b/src/themes/classic.css
index ba1728945..cadd1874b 100644
--- a/src/themes/classic.css
+++ b/src/themes/classic.css
@@ -462,7 +462,7 @@
   }
 
   .hero-background::after {
-    background: url(/assets/images/kitchen-sink/classic/hero.png) 0px 0px no-repeat;
+    background: url(/assets/images/themer/classic/hero.png) 0px 0px no-repeat;
     content: '';
     position: absolute;
     height: 1200px;
@@ -489,7 +489,7 @@
   }
 
   .hero-background::after {
-    background: url(/assets/images/kitchen-sink/classic/hero.png) 50px -170px no-repeat;
+    background: url(/assets/images/themer/classic/hero.png) 50px -170px no-repeat;
     height: 900px;
   }
 
diff --git a/src/themes/default.css b/src/themes/default.css
index a2169e947..d658ddd72 100644
--- a/src/themes/default.css
+++ b/src/themes/default.css
@@ -465,7 +465,7 @@
   }
 
   .hero-background::after {
-    background: url(/assets/images/kitchen-sink/default/hero.png) 10rem bottom no-repeat;
+    background: url(/assets/images/themer/default/hero.png) 10rem bottom no-repeat;
     background-size: 95%;
     content: '';
     position: absolute;
diff --git a/src/themes/fa.css b/src/themes/fa.css
index 342fa568c..6a5afa765 100644
--- a/src/themes/fa.css
+++ b/src/themes/fa.css
@@ -473,7 +473,7 @@
 
   .hero .title {
     background:
-      url('/assets/images/kitchen-sink/fa/hero.png') center center / cover no-repeat,
+      url('/assets/images/themer/fa/hero.png') center center / cover no-repeat,
       var(--wa-color-brand-fill-highlight);
     padding: calc(var(--wa-space-3xl) * 5) calc(var(--wa-space-3xl) * 2) calc(var(--wa-space-3xl) * 4);
     margin: calc(var(--wa-space-3xl) * -1) 0;
diff --git a/src/themes/glassy.css b/src/themes/glassy.css
index 21c0c29c0..b93504cd6 100644
--- a/src/themes/glassy.css
+++ b/src/themes/glassy.css
@@ -492,7 +492,7 @@
 
   .hero-background {
     height: 50rem;
-    background: url(/assets/images/kitchen-sink/glassy/hero.jpg) 0px 0px / cover no-repeat;
+    background: url(/assets/images/themer/glassy/hero.jpg) 0px 0px / cover no-repeat;
     position: absolute;
     top: 0;
     left: 0;
diff --git a/src/themes/playful.css b/src/themes/playful.css
index b206c3637..14d3c1ea6 100644
--- a/src/themes/playful.css
+++ b/src/themes/playful.css
@@ -760,7 +760,7 @@
   }
 
   .hero-background::after {
-    background: url(/assets/images/kitchen-sink/playful/hero.png) 0 50% no-repeat;
+    background: url(/assets/images/themer/playful/hero.png) 0 50% no-repeat;
     content: '';
     position: absolute;
     width: 520px;
diff --git a/src/themes/premium.css b/src/themes/premium.css
index f2c812d8b..06cfa6eea 100644
--- a/src/themes/premium.css
+++ b/src/themes/premium.css
@@ -585,7 +585,7 @@
 
   .strata.hero {
     height: 60rem;
-    background: var(--wa-color-warning-fill-highlight) url('/assets/images/kitchen-sink/premium/hero.png') -4rem 12rem no-repeat;
+    background: var(--wa-color-warning-fill-highlight) url('/assets/images/themer/premium/hero.png') -4rem 12rem no-repeat;
     background-size: cover;
     padding-top: var(--wa-space-2xl);
     padding-left: var(--wa-space-s);
@@ -736,7 +736,7 @@
 /* responsive */
 @container preview (min-width: 1040px) {
   .strata.hero {
-    background: var(--wa-color-warning-fill-highlight) url('/assets/images/kitchen-sink/premium/hero.png') -4rem 35% no-repeat;
+    background: var(--wa-color-warning-fill-highlight) url('/assets/images/themer/premium/hero.png') -4rem 35% no-repeat;
     padding-top: 15rem;
     padding-left: 50%;
   }