documentation

Steps: Locate the sidebar menu file:

Search for a menu item like:

blade Copy Edit <span class="menu-heading">Documentation</span> Or:

blade Copy Edit <a href="documentation/..." class="menu-link">...</a> Remove or comment out the block for the Documentation menu. It usually looks like:

blade Copy Edit

2. Change the Colors and Main Theme in Metronic Metronic uses SASS (SCSS) for styling and comes with a powerful theme configuration system.

🛠 Steps to Change the Theme Colors: Option 1: Use Metronic Theme Settings via SCSS (Best Way) Go to:

swift Copy Edit resources/assets/sass/core/_variables.custom.scss Or (depending on your version):

bash Copy Edit resources/assets/sass/style.scss Find and update color variables:

scss Copy Edit $primary: #3E97FF; // Change to your desired primary color $success: #50CD89; $warning: #FFC700; $danger: #F1416C; Compile assets: Run:

arduino Copy Edit npm run dev Or for production:

arduino Copy Edit npm run prod Option 2: Edit the Theme Config File (Metronic Demo Config) If you're using a specific Metronic demo (e.g., Demo 1), go to:

swift Copy Edit resources/assets/sass/themes/layout/dark/header.scss resources/assets/sass/themes/layout/light/menu.scss Update those files as needed for different sections like header, menu, brand, etc.

Bonus: Change Theme Dynamically? If you want to allow users to switch themes or colors dynamically, you’ll need to:

Use CSS variables (preferred for dynamic).

Or use JS to change classes dynamically and load pre-built CSS themes.

You can modify colour in the sass files;

resources/assets/demo1/sass/components/_variables.custom.scss

Thanks

Hi Mohammed Abutaki.

You can remove the documentation button from this file
resources/views/layout/demo1/aside/_base.blade.php

<img src=" alt="image" border="0">

Thanks