Go To style.scss (src/assets/scss/styles.scss )
if you want to change another font-family Go to the site Google Fonts And Select One font Family and import in to styles.scss file
And paste Your Selected font-family in style.scss
And add the Your Selected font-family in _customs.scss(src/assets/scss/custom/_customs.scss)
body {
font-size: 1rem;
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #{$color};
background-color: #{$background};
line-height: 1.5;
text-align: start;
overflow-x: clip;
padding: 0;
margin: 0;
}
To change Menu icons, open header.html page and go through
app-sidebar
section, in that section you will find Bootstrap icons of menu
in
i
tag, there you can replace previous icon with your icon. Example
as shown in below
Go To "src/assets/images/brand" folder and replace your logo with Previous Logos within in image size. note: Please don't increase logo sizes. Replace your logo within given image size. otherwise the logo will not fit in particular place it disturbs the template design.
To enable RTL Version you have to open index.html (src/index.html) file and add dir="rtl".
make sure to check whether localstorage is clear or not to apply this styles.
<html dir="rtl" ...
To enable Boxed Version you have to open index.html (src/index.html) file and add data-width="boxed"
make sure to check whether localstorage is clear or not to apply this styles.
<html data-width="boxed" ...
To enable Dark Theme you have to open index.html (src/index.html) file and add data-theme-mode="dark"
make sure to check whether localstorage is clear or not to apply this styles.
<html data-theme-mode="dark" ...
Open switcher.component.ts file
src/app/shared/components/switcher/switcher.component.ts
To clear LocalStorage loading functions you need to remove localStorageBackup() function in switcher.component.ts as shown below
localbackup() {
....
}
To remove complete LocalStorage saving you need to remove
all localstorage related calling functions in
switcher.component.ts
src/app/shared/components/switcher/switcher.component.ts
file.
LocalStorage related functions like localStorage.setItem, localStorage.removeItem, localStorage.getItem, localStorage.clear. Below are the some examples to find out.
localStorage.clear();
install eslint locally and globally.
npm install -g eslint
npm install eslint --save-dev
Once installation is done run the below command in you project root directory.
./node_modules/.bin/eslint --init
// If you face any issue like . is not reconiged
> cd node_modules/.bin
> eslint --init
There will some questions will appear make sure to select as per your requirement.
Once everything is done you will find .eslintrc.json / .eslintrc.js file will be created.
Step2:Download the eslint extension in Visual studio code.(ESLint by Dirk Baeumer)
Note: We are having custom rules in .eslintrc.json/ .eslintrc.js file.