Assets Override Workflow

To override assets (such as logos, icons, or images) in your project, follow these steps:

1. Identify the Asset to Override

   • Determine which asset (logo, icon, image, etc.) you want to replace in your project.
   • Use your browser's inspect element tool to locate the asset path or variable.

2. Replace or Override the Asset

   • Go to your project’s assets directory (commonly found at project-repo/src/shared/assets/). If the directory does not exist, create it. and place your assets in this directory.

   • Go to your project's design.css file (usually at project-repo/src/design.css).

   • Add the same assets variable and provide your overridden value with the !important keyword.

   • Example design.css screenshot:

     

3. Run the Project

   • Start your project with:

     yarn start

   • You should now see the updated assets.