From 69889317e12ef69e7e2f931d4958ea7144b94edc Mon Sep 17 00:00:00 2001
From: Jarek Radosz <jradosz@gmail.com>
Date: Sat, 1 Feb 2025 12:27:58 +0100
Subject: [PATCH] UX: Fix discourse topic onebox styling (#31106)

Regressed possibly in https://github.com/discourse/discourse/pull/24198

Before / After

<img width="706" alt="Screenshot 2025-02-01 at 02 59 37"
src="https://github.com/user-attachments/assets/328a0a20-152e-4e3b-bb71-45cc19cce92c"
/>
<img width="706" alt="Screenshot 2025-02-01 at 02 59 13"
src="https://github.com/user-attachments/assets/d151b175-1ca4-4e40-87ee-90fa92de1f30"
/>
---
 app/assets/stylesheets/common/base/onebox.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index 7179b6f55a3..b42acf63ffa 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -857,6 +857,12 @@ aside.onebox.xkcd .onebox-body img {
     padding-left: calc(1em - 5px);
     margin-left: 5px;
   }
+
+  .badge-category-bg {
+    display: inline-block;
+    width: 0.625rem;
+    height: 0.625rem;
+  }
 }
 
 .onebox.discoursetopic {
@@ -865,6 +871,11 @@ aside.onebox.xkcd .onebox-body img {
     margin-bottom: 0.2rem !important;
   }
 
+  .topic-category {
+    color: var(--primary-high);
+    line-height: var(--line-height-medium);
+  }
+
   .discourse-tags {
     vertical-align: bottom;