Nav Button Highlighter component - now working

NateDhaliwal · November 19, 2025, 2:44am

@Drew-ART Have you looked at Objects type for theme setting? Perhaps then it can be used to add many CSS rules, perhaps using nesting to add things like background color and padding to each rule. SCSS has a each loop that you may be able to use.

Perhaps this may help?

github.com/Arkshine/discourse-banner-featured-links

scss/functions.scss

ce190f66a


      
            @return $result;
          }
          
          /**
           * Parses a string of ruby-like key-value pairs into a map.
           * Format: [{"key1"=>"value1", "key2"=>"value2"}, {"key1"=>"value1","key2"=>"value2"}]
           *
           * @param {String} $string - The string of key-value pairs.
           * @return {Map} - The map of key-value pairs.
           */
          @function parseObjectSettings($string) {
            $string: str-slice($string, 2, -2);
            $items: str-split($string, "}, {");
          
            $parsedItems: ();
          
            @each $item in $items {
              $item: str-replace($item, "{", "");
              $item: str-replace($item, "}", "");
              $item: str-trim($item);

Topic		Replies	Views
First component attempt. I've had a go at creating a Nav Button Highlighter. Not working as yet Dev	1	45	November 11, 2025
Highlighter Composer Button Theme component	22	1301	September 5, 2023
Composer Highlighted Button Theme component	6	665	October 21, 2025
Fast Highlight Dev	49	2304	September 30, 2023
MD Composer extras Theme component	70	8697	July 8, 2025

Nav Button Highlighter component - now working

Related topics