Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

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 (24)


Stay cool and stylish in our selection of summer dresses. Whether you're looking for casual day dresses or elegant evening gowns, we have something for every occasion.



Embark on an unforgettable adventure with Cultural Heritage's yacht tours. Explore pristine waters and breathtaking vistas aboard our luxurious yachts.



Find the perfect necklace and earring set for women at Zymal. Enhance your jewelry collection with our stunning pieces.



Ensure a safe and enjoyable experience for your patrons with the
Best Club Security Guard in Garland, TX. These guards are trained to manage crowds, handle disputes, and maintain a secure environment in high-energy settings.



Keep your business powered and secure with dependable commercial electrical services in Georgia.



Streamline your business with expert NetSuite ERP implementation by Cloud Nexus Lab. As a trusted solution provider, we deliver tailored strategies to optimize workflows, enhance efficiency, and ensure seamless integration. Transform your operations with our end-to-end NetSuite services, designed to meet your unique business needs. Partner with us for scalable, future-ready ERP solutions.



Experience the essence of style with OPIA By LOGO exclusive women shoes. Designed for elegance and comfort, our collection offers versatile options for every occasion. From graceful heels to every day flats, each pair combines premium quality with timeless appeal. Redefine your look with footwear that is uniquely yours. OPIA By LOGO – your destination for sophisticated fashion. Explore now and step into unparalleled style!



Izel Apparel offers the best new Bottoms design online in Pakistan. Our collection features only the finest materials to ensure the highest level of quality for our customers. With our wide selection and fast delivery, Izel Apparel will be the best destination for your online shopping needs.



Discover stylish and comfortable men’s shoes designed for every occasion. From classic formal options to trendy casual styles, our collection offers quality, durability, and timeless designs. Perfectly crafted to meet your style needs, our shoes ensure a perfect fit and all-day comfort. Upgrade your footwear with our exclusive range and step confidently into any event. Find the perfect pair with our trusted brand. Shop now and walk in style!



Professional Packing Services Near Pacific Beach
Experience top-quality packing with our Professional Packing Services Near Pacific Beach. Our skilled team ensures your items are packed with care and precision for the move.

Ecomatives provides top-notch digital graphic design services, ensuring your online presence is visually engaging and professionally designed to attract more customers.



Discover Alizeh Fashion's exquisite collection of stitched dresses, crafted with high-quality fabrics and intricate embroidery. Perfect for any occasion, our stylish designs blend tradition with modern elegance.



Streamline your business with expert NetSuite cloud implementation by Cloud Nexus Lab, a trusted solution provider. From seamless deployment to customized solutions, we ensure a smooth transition to the cloud, boosting efficiency and scalability. Unlock the power of NetSuite with tailored services designed to meet your unique business needs. Start your journey to success today!



Experience superior water purification with our 6-stage RO system! Aquafiltrum provides state-of-the-art systems designed for clean water in every setting.



Ensure pure and safe water with our advanced water purification solutions. Aquafiltrum specializes in providing high-performance systems that deliver safe drinking water for every household.



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  :(