Refactor categoryColour support

- cleanup .gitignore
- fix icon color for bullet style
- use simple_list in theme settings
- fix yaml linting

.gitignore

@@ -1,71 +1 @@
 .discourse-site
-# Created by https://www.toptal.com/developers/gitignore/api/eclipse
-# Edit at https://www.toptal.com/developers/gitignore?templates=eclipse
-
-### Eclipse ###
-.metadata
-bin/
-tmp/
-*.tmp
-*.bak
-*.swp
-*~.nib
-local.properties
-.settings/
-.loadpath
-.recommenders
-
-# External tool builders
-.externalToolBuilders/
-
-# Locally stored "Eclipse launch configurations"
-*.launch
-
-# PyDev specific (Python IDE for Eclipse)
-*.pydevproject
-
-# CDT-specific (C/C++ Development Tooling)
-.cproject
-
-# CDT- autotools
-.autotools
-
-# Java annotation processor (APT)
-.factorypath
-
-# PDT-specific (PHP Development Tools)
-.buildpath
-
-# sbteclipse plugin
-.target
-
-# Tern plugin
-.tern-project
-
-# TeXlipse plugin
-.texlipse
-
-# STS (Spring Tool Suite)
-.springBeans
-
-# Code Recommenders
-.recommenders/
-
-# Annotation Processing
-.apt_generated/
-.apt_generated_test/
-
-# Scala IDE specific (Scala & Java development for Eclipse)
-.cache-main
-.scala_dependencies
-.worksheet
-
-# Uncomment this line if you wish to ignore the project description file.
-# Typically, this file would be tracked if it contains build/dependency configurations:
-.project
-
-### Eclipse Patch ###
-# Spring Boot Tooling
-.sts4-cache/
-
-# End of https://www.toptal.com/developers/gitignore/api/eclipse

common/common.scss

@@ -14,6 +14,7 @@ span.category-badge-icon {
   margin-left: 0px;
 }
 
+.badge-wrapper.bullet span.category-badge-icon .d-icon,
 .categories-list .category .category-icon .d-icon {
   color: inherit;
 }

javascripts/discourse/initializers/category-icons.js

@@ -107,9 +107,13 @@ export default {
         /// Add custom category icon from theme settings
         let iconItem = getIconItem(category.slug);
         if (iconItem) {
-        let itemColor = iconItem[2] == 'categoryColour' ? `style="color: #${color}"` : iconItem[2] ? `style="color: ${iconItem[2]}"` : "";
-			let itemIcon = iconItem[1] != "" ? iconHTML(iconItem[1]) : "";
-			html += `<span ${itemColor} class="category-badge-icon">${itemIcon}</span>`;
+          let itemColor = iconItem[2]
+            ? iconItem[2] == "categoryColour"
+              ? `style="color: #${color}"`
+              : `style="color: ${iconItem[2]}"`
+            : "";
+          let itemIcon = iconItem[1] != "" ? iconHTML(iconItem[1]) : "";
+          html += `<span ${itemColor} class="category-badge-icon">${itemIcon}</span>`;
         }
         /// End custom category icon
 

settings.yml

@@ -1,12 +1,13 @@
 category_icon_list:
-  default: 'help,question-circle,#CC0000,partial|'
-  type: 'list'
+  default: "help,question-circle,#CC0000,partial|"
+  type: "list"
+  list_type: "simple"
   description: 'Enter comma-delimited configuration for categories, in the format "slug,icon,colour,match". Colour in format #123456 or "categoryColour" to use the default colour for the category (same as the Badge colour). If  match is "partial" then the slug need only partially match the category-slug, otherwise an exact match is required'
 svg_icons:
-  default: 'question-circle'
-  type: 'list'
-  list_type: 'compact'
-  description: 'List of FontAwesome 5 icons used in this theme component'
+  default: "question-circle"
+  type: "list"
+  list_type: "compact"
+  description: "List of FontAwesome 5 icons used in this theme component"
 category_lock_icon:
-  default: ''
-  description: 'Enter the name of a FontAwesome 5 icon to display instead of the lock icon next to private categories.'
+  default: ""
+  description: "Enter the name of a FontAwesome 5 icon to display instead of the lock icon next to private categories."