fixex children highlight and changed bold to color

src/frontend/styles/components/aside.pcss

@@ -81,5 +81,5 @@
 }
 
 .current-page {
-  font-weight: 900;
+  color: var(--color-page-active)!important;
 }

src/frontend/styles/vars.pcss

@@ -5,6 +5,7 @@
   --color-link-active: #2071cc;
   --color-button-danger: #ff5159;
   --color-bg-light: #f8f7fa;
+  --color-page-active: #ff1767;
 
   /**
    * Site layout sizes

src/views/components/aside.twig

@@ -5,7 +5,7 @@
     {% for firstLevelPage in menu %}
       <section class="docs-aside__section">
         <a
-          {% if page._id == firstLevelPage._id %}
+          {% if page._id == firstLevelPage._id%}
             class="current-page docs-aside__section-title "
           {% else %}
             class="docs-aside__section-title "
@@ -22,6 +22,9 @@
             {% for child in firstLevelPage.children %}
               <li>
                 <a
+                {% if page._id == child._id %}
+                  class="current-page"
+                {% endif %}
                 {% if child.uri %}
                   href="/{{ child.uri }}"
                 {% else %}