diff --git a/en/asgardeo/docs/quick-starts/angular.md b/en/asgardeo/docs/quick-starts/angular.md
index 1ef585ed76..d13dcec5cf 100644
--- a/en/asgardeo/docs/quick-starts/angular.md
+++ b/en/asgardeo/docs/quick-starts/angular.md
@@ -42,42 +42,32 @@ prerequisites:
## Create an Angular app
-Create an Angular app using Angular CLI.
-
-
+Create an Angular app using Angular CLI.
``` bash
-
- ng new asgardeo-angular
+ng new asgardeo-angular
```
!!! tip "Tip"
To run the command above, you need to have Angular CLI installed. You can install it using the following command.
+
=== "npm"
``` bash
-
- npm install -g @angular/cli@17
-
+ npm install -g @angular/cli@17
```
=== "yarn"
``` bash
-
- yarn global add @angular/cli@17
-
+ yarn global add @angular/cli@17
```
=== "pnpm"
``` bash
-
- pnpm add -g @angular/cli@17
-
+ pnpm add -g @angular/cli@17
```
-
-
## Install angular-oauth2-oidc
The [Angular OAuth2 OIDC SDK](https://www.npmjs.com/package/angular-oauth2-oidc){:target="_blank"} is a production-ready OIDC SDK that simplifies integrating {{product_name}} into your Angular applications. To get started, simply add the Angular OAuth2 OIDC SDK to the project. Make sure to stop the dev server started in the previous step.
@@ -85,31 +75,21 @@ The [Angular OAuth2 OIDC SDK](https://www.npmjs.com/package/angular-oauth2-oidc)
=== "npm"
``` bash
-
npm install angular-oauth2-oidc
-
```
=== "yarn"
``` bash
-
yarn add angular-oauth2-oidc
-
```
=== "pnpm"
``` bash
-
pnpm add angular-oauth2-oidc
-
```
-
-
-
-
## Configure `AuthConfig` in your app
The `AuthConfig` object holds the configuration necessary for connecting your app to {{product_name}}.
@@ -160,7 +140,6 @@ export const appConfig: ApplicationConfig = {
]
};
-
```
!!! Important
@@ -219,10 +198,6 @@ Next, replace the existing content of the `app.component.html` file with followi
```
-
-
-
-
Visit your app's homepage at [http://localhost:4200](http://localhost:4200).
!!! Important
@@ -257,5 +232,3 @@ Modify the `app.component.html` file with the following code.
```
-
-
diff --git a/en/identity-server/7.0.0/docs/quick-starts/angular.md b/en/identity-server/7.0.0/docs/quick-starts/angular.md
index 92eb45644e..292b318115 100644
--- a/en/identity-server/7.0.0/docs/quick-starts/angular.md
+++ b/en/identity-server/7.0.0/docs/quick-starts/angular.md
@@ -42,14 +42,11 @@ prerequisites:
## Create an Angular app
-Create an Angular app using Angular CLI.
-
-
-
+Create an Angular app using Angular CLI.
``` bash
- ng new wso2is-angular
+ng new wso2is-angular
```
!!! tip "Tip"
@@ -57,28 +54,20 @@ Create an Angular app using Angular CLI.
=== "npm"
``` bash
-
- npm install -g @angular/cli@17
-
+ npm install -g @angular/cli@17
```
=== "yarn"
``` bash
-
- yarn global add @angular/cli@17
-
+ yarn global add @angular/cli@17
```
=== "pnpm"
``` bash
-
- pnpm add -g @angular/cli@17
-
+ pnpm add -g @angular/cli@17
```
-
-
## Install angular-oauth2-oidc
The [Angular OAuth2 OIDC SDK](https://www.npmjs.com/package/angular-oauth2-oidc){:target="_blank"} is a production-ready OIDC SDK that simplifies integrating {{product_name}} into your Angular applications. To get started, simply add the Angular OAuth2 OIDC SDK to the project. Make sure to stop the dev server started in the previous step.
@@ -86,31 +75,21 @@ The [Angular OAuth2 OIDC SDK](https://www.npmjs.com/package/angular-oauth2-oidc)
=== "npm"
``` bash
-
npm install angular-oauth2-oidc
-
```
=== "yarn"
``` bash
-
yarn add angular-oauth2-oidc
-
```
=== "pnpm"
``` bash
-
pnpm add angular-oauth2-oidc
-
```
-
-
-
-
## Configure `AuthConfig` in your app
The `AuthConfig` object holds the configuration necessary for connecting your app to {{product_name}}.
@@ -161,7 +140,6 @@ export const appConfig: ApplicationConfig = {
]
};
-
```
!!! Important
@@ -220,10 +198,6 @@ Next, replace the existing content of the `app.component.html` file with followi
```
-
-
-
-
Visit your app's homepage at [http://localhost:4200](http://localhost:4200).
!!! Important
@@ -258,5 +232,3 @@ Modify the `app.component.html` file with the following code.
```
-
-
diff --git a/en/theme/material/assets/css/theme.css b/en/theme/material/assets/css/theme.css
index 9852a1a59e..065cc54778 100644
--- a/en/theme/material/assets/css/theme.css
+++ b/en/theme/material/assets/css/theme.css
@@ -132,6 +132,7 @@
border-top-left-radius: var(--md-code-block-radius);
border-top-right-radius: var(--md-code-block-radius);
background-color: var(--md-code-tab-bg-color);
+ color: var(--md-code-fg-color);
}
.highlighttable .linenos {