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 {