Fix some style issues in quick start docs

wso2 · Dec 5, 2024 · 1cf2105 · 1cf2105
1 parent 2fbe463
commit 1cf2105
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 66 deletions.
diff --git a/en/asgardeo/docs/quick-starts/angular.md b/en/asgardeo/docs/quick-starts/angular.md
@@ -42,74 +42,54 @@ 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. 
 
 === "npm"
 
     ``` bash
-
     npm install angular-oauth2-oidc
-
     ```
 
 === "yarn"
 
     ``` bash
-
     yarn add angular-oauth2-oidc
-
     ```
 
 === "pnpm"
 
     ``` bash
-
     pnpm add angular-oauth2-oidc
-
     ```
 
-&nbsp;
-&nbsp;
-&nbsp;
-
 ## 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.
 <button *ngIf="isAuthorized" (click)="logout()">Logout</button>
 
 ```
-
-
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
@@ -42,75 +42,54 @@ 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"
     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. 
 
 === "npm"
 
     ``` bash
-
     npm install angular-oauth2-oidc
-
     ```
 
 === "yarn"
 
     ``` bash
-
     yarn add angular-oauth2-oidc
-
     ```
 
 === "pnpm"
 
     ``` bash
-
     pnpm add angular-oauth2-oidc
-
     ```
 
-&nbsp;
-&nbsp;
-&nbsp;
-
 ## 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.
 <button *ngIf="isAuthorized" (click)="logout()">Logout</button>
 
 ```
-
-
diff --git 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 {