Folder Structure

Below is the socialdash - Bootstrap5 HTML Admin & Dashboard Template folder structure.

├── src
│   ├── img/
│   ├── maps ( contains the sourcemap files of scss )
│   ├── assets
│       ├── vendor_assets (third party plugins ans assets)
│       │   ├── css
│       │   │    ├── bootstrap
│       │   │    ├── config.bs.scss (This file controls the style configuration of the entire theme)
│       │   ├── js
│       │   ├── Fonts
│       │
│       ├── theme_assets (Themes own assets)
│       │   ├── sass (This directry contains all the styles of this theme)
│       │       ├── css-variables.scss (This file controls the Color configuration of the entire theme)
│       │   ├── js (Custom script and initialization)
│
├── .gitignore
├── gulpfile.js
├── package.json
├── package-lock.json
    

Important We do not recommend to change core JS & CSS/SCSS file of Materialize Framework & Template. Always use the custom.css/scss and custom.js files to write your own custom css and js code to avoid template future updates conflicts. You can also create your own custom theme under scss/themes/ folder to customize template using the framework variables.