Open-source by Keenthemes!Support our KtUI and ReUI open-source projects and help with growth.
Star on Github 
Menu link text color
Hello!
We want to change the default white color of menu link in sidebar to black
https://preview.keenthemes.com/metronic8/demo38/index.html?mode=light
See the "Default" text of selected item in sidebar
How to achieve this with _variables.custom.css or other way?
Thanks in advance.
Elieser
Replies (1)
Hi,
Sorry for the late reply.
You can change the sidebar styles via SASS variables here:
"src/sass/layout/_variables.custom.scss":
$app-sidebar-light-scrollbar-color-hover: $gray-200;
$app-sidebar-light-scrollbar-color-hover-dark: $gray-200-dark;
$app-sidebar-light-menu-heading-color: #B5B5C3;
$app-sidebar-light-menu-heading-color-dark: $gray-500-dark;
$app-sidebar-light-menu-link-bg-color-active:#F7F8FB;
$app-sidebar-light-menu-link-bg-color-active-dark:#2A2A3C;
$app-sidebar-light-menu-link-color: #252F4A;
$app-sidebar-light-menu-link-color-dark: $gray-300;
$app-sidebar-light-menu-link-icon-color: #99A1B7;
$app-sidebar-light-menu-link-icon-color-dark: #7F8194;
$app-sidebar-light-header-menu-link-bg-color-active: #F7F8FB;
$app-sidebar-light-header-menu-link-bg-color-active-dark: $gray-100-dark;Then you can recompile the assets via Gulp/Webpack tools of your choose.
For more info: https://preview.keenthemes.com/html/metronic/docs/getting-started/build/gulp
Regards,
Sean
