From ddafa42b7ef3177ce58956c6c07281dae648d9b7 Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Tue, 5 Apr 2022 12:16:18 -0400
Subject: [PATCH] DEV: Fix styleguide label regression (#16379)

Introduced in c92e62a2712d6a28dce813ecf66a4113d824f2ff, it output all
styleguide example labels as CSS custom properties.
---
 .../discourse/templates/components/color-example.hbs      | 2 +-
 .../discourse/templates/components/styleguide-example.hbs | 8 +-------
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/plugins/styleguide/assets/javascripts/discourse/templates/components/color-example.hbs b/plugins/styleguide/assets/javascripts/discourse/templates/components/color-example.hbs
index 223bb1c27c9..9756fd02110 100644
--- a/plugins/styleguide/assets/javascripts/discourse/templates/components/color-example.hbs
+++ b/plugins/styleguide/assets/javascripts/discourse/templates/components/color-example.hbs
@@ -1,2 +1,2 @@
 <div class="color-bg {{color}}"></div>
-<div class="color-name">{{color}}</div>
+<div class="color-name">var(--{{color}})</div>
diff --git a/plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-example.hbs b/plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-example.hbs
index 2d203caf344..8289e4da448 100644
--- a/plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-example.hbs
+++ b/plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-example.hbs
@@ -1,8 +1,2 @@
-<div class="example-title">
-  <h3 class="example-title-text">{{title}}</h3>
-  <span class="example-title-use-case">
-    Example:
-  </span>
-  <span class="example-title-use-case">var(--{{title}})</span>
-</div>
+<div class="example-title">{{title}}</div>
 <section class="rendered">{{yield this.value}}</section>