offcanvas and mobile menu icon color

Author: hiteshaggarwal

astroid/astroid-template-zero/astroid/options/colors.xml

@@ -67,6 +67,10 @@
 			</field>
 			<field astroidgroup="off_canvas" name="mobile_menu_active_bg_color" type="astroidcolor" large="true" label="TPL_ASTROID_ACTIVE_BACKGROUND_COLOR_LABEL" description="TPL_ASTROID_OFF_CANVAS_ACTIVE_BGCOLOR_DESC">
 			</field>
+			<field astroidgroup="off_canvas" name="mobile_menu_icon_color" type="astroidcolor" large="true" default="" label="Toggle Icon Color" description="">
+			</field>
+			<field astroidgroup="off_canvas" name="mobile_menu_active_icon_color" type="astroidcolor" large="true" default="" label="Active Toggle Icon Color" description="">
+			</field>
 		</fieldset>
 	</fields>
 </form>

astroid/astroid-template-zero/frontend/colors.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @package   Astroid Framework
  * @author    JoomDev https://www.joomdev.com
@@ -53,6 +54,8 @@
 $mobile_hover_background_color = $template->params->get('mobile_hover_background_color', '');
 $mobile_active_link_color = $template->params->get('mobile_menu_active_link_color', '');
 $mobile_active_background_color = $template->params->get('mobile_menu_active_bg_color', '');
+$mobile_menu_icon_color = $template->params->get('mobile_menu_icon_color', '');
+$mobile_menu_active_icon_color = $template->params->get('mobile_menu_active_icon_color', '');
 
 //Miscellaneous -> Contact Us
 $icon_color = $template->params->get('icon_color', '');
@@ -173,6 +176,12 @@
 if (!empty($mobile_active_background_color)) {
    $mobilemenu_styles[] = '.astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active, .menu-go-back { background-color: ' . $mobile_active_background_color . ' !important;}';
 }
+if (!empty($mobile_menu_icon_color)) {
+   $mobilemenu_styles[] = '.burger-menu-button .inner, .burger-menu-button .inner::before, .burger-menu-button .inner::after{background-color: ' . $mobile_menu_icon_color . ';}';
+}
+if (!empty($mobile_menu_active_icon_color)) {
+   $mobilemenu_styles[] = '.astroid-mobilemenu-open .burger-menu-button .inner, .astroid-mobilemenu-open .burger-menu-button .inner::before, .astroid-mobilemenu-open .burger-menu-button .inner::after, .astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after{background-color: ' . $mobile_menu_active_icon_color . ';}';
+}
 ?>
 
 <?php
@@ -184,11 +193,11 @@
 ?>
 
 <?php
-   $template->addStyledeclaration(implode('', $body_styles));
-   $template->addStyledeclaration(implode('', $header_styles));
-   $template->addStyledeclaration(implode('', $sticky_header_styles));
-   $template->addStyledeclaration(implode('', $main_menu_styles));
-   $template->addStyledeclaration(implode('', $dropdown_styles));
-   $template->addStyledeclaration(implode('', $mobilemenu_styles));
-   $template->addStyledeclaration($contact_icon_color);
+$template->addStyledeclaration(implode('', $body_styles));
+$template->addStyledeclaration(implode('', $header_styles));
+$template->addStyledeclaration(implode('', $sticky_header_styles));
+$template->addStyledeclaration(implode('', $main_menu_styles));
+$template->addStyledeclaration(implode('', $dropdown_styles));
+$template->addStyledeclaration(implode('', $mobilemenu_styles));
+$template->addStyledeclaration($contact_icon_color);
 ?>