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'));
   }
 
+  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");
+  }
 
   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