UX: Show a warning on the category edit page when category style is none and colors are disabled. (#11742)

app/assets/javascripts/discourse/app/templates/components/edit-category-general.hbs

@@ -50,8 +50,13 @@
     </section>
   {{/if}}
 
-  {{#unless noCategoryStyle}}
-    <section class="field">
+  <section class="field">
+    {{#if noCategoryStyle}}
+      <label>
+        {{d-icon "exclamation-triangle"}}
+        {{i18n "category.colors_disabled"}}
+      </label>
+    {{else}}
       <label>{{i18n "category.badge_colors"}}</label>
       <div class="category-color-editor">
         {{html-safe categoryBadgePreview}}
@@ -72,6 +77,6 @@
           </div>
         </div>
       </div>
-    </section>
-  {{/unless}}
+    {{/if}}
+  </section>
 </form>

config/locales/client.en.yml

@@ -3085,6 +3085,7 @@ en:
       list_filters:
         all: "all topics"
         none: "no subcategories"
+      colors_disabled: "You can’t select colors because you have a category style of none."
 
     flagging:
       title: "Thanks for helping to keep our community civil!"