Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

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?
R
Rodrigo Romero 2 years ago
Laravel
26 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (26)

R
Rodrigo Romero 2 years ago

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.


user
Sean Author 2 years ago

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(