Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Aside Menu - Colors (Texts & Icons)


Hello, i need to change my ASIDE menu colors (using light theme).
* Im using Laravel Theme and Light Theme.
I need my aside menu background light, and i change it in my SCSS file (_variables.custom.scss) using variable = $app-sidebar-dark-bg-color, but the colors of the fonts and icon is light and i need it dark.
How can i change the colors of the text and icon but not affecting my light theme?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (9)


Explore the wonders of the UAE capital with our Abu Dhabi City Tour! Visit iconic attractions like the Sheikh Zayed Grand Mosque, Emirates Palace, and the Corniche, all while enjoying expert insights into Abu Dhabi’s rich culture and modern marvels. Book now for a memorable journey through this stunning city!



Shop effective hyaluronic acid serum in Pakistan with OneSkin, renowned for hydrating and plumping skincare benefits. Experience smoother, more radiant skin with our premium hyaluronic acid formulas. Trust OneSkin for superior quality and visible results in Pakistani skincare.



Discover the most beautiful pakistani versatile dresses for your Eid Collection. Our collection offers fine craftsmanship, ranging from traditional to modern styles. Find the perfect bridal outfit by shopping now.



Team
KeenThemes.

Can u delete all spam? and "close" the ticket?, im receiving a lot of email spam

Thanks



Hi Rodrigo Romero,

Apologies for the delay. Does the answer from this link help your issue above?

https://devs.keenthemes.com/question/lateral-menu-colors

Thanks



I'm using LARAVEL only exist one demo Starter Kit
Thanks for the tip, if i override using Developer Tools (in Browser) its works, but i need to change this in configuration (i suppose) ?
By the way, i need to customize the colors of the text and icon and maybe de bg of sidebar menu (not complete white), i dont know what vars i need to override.

Thanks.



Hi,

If you are using the latest Metronic 8.2.x and demo1 you can apply the build-in Light Sidebar layout by adding data-kt-app-layout="light-sidebar" attribute to the body tag of your page.

If you are using another demo please let us know which demo you are using and we will guide you further. In this case, we will need more info, like your Metronice version and demo.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(