Description
Version
1.0.2
Reproduction link
https://demos.creative-tim.com/soft-ui-dashboard/pages/dashboard.html
Operating System
Win 10
Device
Desktop
Browser & Version
Chrome 90.0.4430.212 and all
Steps to reproduce
In Side Navigation of Soft UI Dashboard,
Nav Link's icons are given with , but if we use for placing icons, color of icon is not matching with Soft UI Dashboard's theme.
Color Styling of only SVG icons i.e are given. No Color styling for other icons which uses are given.
What is expected?
Icons other than tags should have color which are matching with theme.
.navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link .icon i {
color : _ _ _ _ _ _ ;
}
What is actually happening?
In Side Navigation of Soft UI Dashboard.
Color Styling of only SVG icons i.e are given. No Color styling for other icons which uses are given.
So, if we use other icons,
color of icon is matching with Side-bar theme.
Solution
Add color styling in CSS Stylesheet
{ assets/css/soft-ui-dashboard.css }
.navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link .icon i {
color: #141727;
}
after
.navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link .icon svg .color-foreground { }