feat(categories): change background color of uncollapsed Category

Author: talha131

static/css/elegant.css

@@ -261,7 +261,8 @@ a.category-link {
 a.category-link:hover {
   text-decoration: none;
 }
-a.category-title-inside-accordion:hover {
+a.category-title-inside-accordion:hover,
+a:not(.collapsed).accordion-toggle.category-title-inside-accordion {
   background-color: #08c;
   border-radius: var(--borderRadius);
   color: #fff;

templates/categories.html

@@ -44,7 +44,7 @@ <h1><a href="{{ SITEURL }}/{{ CATEGORIES_URL }}">All Categories</a></h1>
             {% for category, articles in categories %}
             <div class="accordion-group">
                 <div class="accordion-heading">
-                    <a class="accordion-toggle category-title-inside-accordion" data-toggle="collapse" data-parent="#accordion2" href="#{{ category.slug }}-ref">
+                    <a class="accordion-toggle category-title-inside-accordion collapsed" data-toggle="collapse" data-parent="#accordion2" href="#{{ category.slug }}-ref">
                         {% set num = articles|count %}
                         {{ category }}<span>{{ num }}</span>
                     </a>