UX: Support for `none` style of category badge

app/assets/javascripts/discourse/helpers/category-link.js.es6

@@ -43,17 +43,17 @@ export function categoryBadgeHTML(category, opts) {
     parentCat = Discourse.Category.findById(get(category, 'parent_category_id'));
   }
 
-  if (parentCat && parentCat !== category) {
-    html += categoryStripe(get(parentCat,'color'), "badge-category-parent-bg");
+  const categoryStyle = opts.categoryStyle || Discourse.SiteSettings.category_style;
+  if (categoryStyle !== "none") {
+    if (parentCat && parentCat !== category) {
+      html += categoryStripe(get(parentCat,'color'), "badge-category-parent-bg");
+    }
+    html += categoryStripe(color, "badge-category-bg");
   }
 
-  html += categoryStripe(color, "badge-category-bg");
-
   let classNames = "badge-category clear-badge";
   if (restricted) { classNames += " restricted"; }
 
-  const categoryStyle = opts.categoryStyle || Discourse.SiteSettings.category_style;
-
   let style = "";
   if (categoryStyle === "box") {
     style = `style="color: #${get(category, 'text_color')};"`;

app/assets/stylesheets/common/components/badges.scss

@@ -51,6 +51,11 @@
     }
   }
 
+  &.none { // no category style
+    color: $primary;
+    margin-right: 5px;
+  }
+
   &.bullet { //bullet category style
     display: inline-flex;
     align-items: baseline;
@@ -209,6 +214,9 @@
           max-width: 100px;
         }
       }
+      &.none {
+        padding: 5px;
+      }
       &.bullet {
         padding: 5px;
         width: 100%;

config/site_settings.yml

@@ -182,6 +182,7 @@ basic:
       - bar
       - box
       - bullet
+      - none
   enable_mobile_theme:
     client: true
     default: true