Change Side Nav Toggle icon color

[hamzatahir-notell]

Unable to change the toggle icon color. Need Help @mrholek @jasperfirecai2
the css i am using for this purpose is
.sidebar {

  --cui-sidebar-color: rgba(0, 0, 0, 0.87); /* Dark text */

  --cui-sidebar-bg: #ffffff; /* White background */

  --cui-sidebar-border-width: 1px; /* Add subtle border */

  --cui-sidebar-border-color: #e0e0e0; /* Light gray border */

  --cui-sidebar-brand-color: inherit;

  --cui-sidebar-brand-bg: rgba(0, 0, 0, 0.05);

  --cui-sidebar-footer-bg: rgba(0, 0, 0, 0.05);

  --cui-sidebar-header-bg: rgba(0, 0, 0, 0.05);

  --cui-sidebar-toggler-bg: rgba(0, 0, 0, 0.05);

  --cui-sidebar-toggler-hover-bg: rgba(0, 0, 0, 0.1);

  --cui-sidebar-nav-title-color: rgba(0, 0, 0, 0.6);

  --cui-sidebar-nav-link-color: rgba(0, 0, 0, 0.7);

  --cui-sidebar-nav-link-bg: transparent;

  --cui-sidebar-nav-link-icon-color: rgba(0, 0, 0, 0.6);

  --cui-sidebar-nav-link-hover-color: rgba(0, 0, 0, 0.87);

  --cui-sidebar-nav-link-hover-bg: rgba(0, 0, 0, 0.05);

  --cui-sidebar-nav-link-hover-icon-color: rgba(0, 0, 0, 0.87);

  --cui-sidebar-nav-link-active-color: rgba(0, 0, 0, 0.87);

  --cui-sidebar-nav-link-active-bg: rgba(0, 0, 0, 0.05);

  --cui-sidebar-nav-link-active-icon-color: rgba(0, 0, 0, 0.87);

  --cui-sidebar-nav-link-disabled-color: rgba(0, 0, 0, 0.38);

  --cui-sidebar-nav-link-disabled-icon-color: rgba(0, 0, 0, 0.6);

  --cui-sidebar-nav-group-bg: rgba(0, 0, 0, 0.05);

  --cui-sidebar-nav-group-toggle-show-color: rgba(0, 0, 0, 0.6);

  --cui-sidebar-nav-group-indicator-color: rgba(0, 0, 0, 0.6);

  --cui-sidebar-nav-group-indicator-hover-color: rgba(0, 0, 0, 0.87);

  --cui-sidebar-toggler-indicator: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 11 14%27%3E%3Cpath fill=%27%238a93a2%27 d=%27M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z%27/%3E%3C/svg%3E);

  --cui-sidebar-toggler-indicator-hover: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 11 14%27%3E%3Cpath fill=%27%238a93a2%27 d=%27M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z%27/%3E%3C/svg%3E);

}