The following process will be used to apply theme in your site.

• Install Tailwind CSS: Begin by installing the latest version of Tailwind CSS in your Angular JS project. You can do this by referring to the official guide for Angular JS at https://tailwindcss.com/docs/guides/angular.

• Configuration File: Copy the tailwind.config.js file from the theme and add it to the root of your Angular JS project. This configuration file allows you to customize various aspects of the Tailwind CSS framework to match the theme.

• CSS Folder: Copy the css folder from src/assets/css of the theme and add it to your Angular JS project's src directory. This folder contains the necessary CSS files for the theme.

• Google Font Link: In the head tag of your Angular JS project's index.html file, include the link to the Google Font used in the theme:

  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap" rel="stylesheet" />

• CSS Import: In your Angular JS project's angular.json file, import the theme's CSS file: styles: [ "src/assets/css/app.css" ],

• Development Mode: During development, run the following command in your Angular JS project's terminal to start the development server: npm start

• Production Build: When you're ready to build your Angular JS project for production, run the following command: npm run build