Prettier CLI use to correct code format

Signed-off-by: Gervais, Raymond <raymond.gervais@rbc.com>

microsite/docusaurus.config.ts

@@ -101,23 +101,23 @@ const config: Config = {
           sidebarPath: 'sidebars.ts',
           ...(useVersionedDocs
             ? {
-              includeCurrentVersion: true,
-              lastVersion: 'stable',
-              versions: {
-                stable: {
-                  label: 'Stable',
-                  path: '/',
-                  banner: 'none',
-                  badge: false,
+                includeCurrentVersion: true,
+                lastVersion: 'stable',
+                versions: {
+                  stable: {
+                    label: 'Stable',
+                    path: '/',
+                    banner: 'none',
+                    badge: false,
+                  },
+                  current: {
+                    label: 'Next',
+                    path: '/next',
+                    banner: 'unreleased',
+                    badge: true,
+                  },
                 },
-                current: {
-                  label: 'Next',
-                  path: '/next',
-                  banner: 'unreleased',
-                  badge: true,
-                },
-              },
-            }
+              }
             : undefined),
           docItemComponent: '@theme/ApiItem',
         },
@@ -344,13 +344,13 @@ const config: Config = {
 
     colorMode: {
       disableSwitch: false,
-      respectPrefersColorScheme: true
+      respectPrefersColorScheme: true,
     },
     navbar: {
       logo: {
         alt: 'Backstage Software Catalog and Developer Platform',
         src: 'img/logo-black.svg',
-        srcDark: 'img/logo.svg'
+        srcDark: 'img/logo.svg',
       },
       items: [
         {
@@ -395,11 +395,11 @@ const config: Config = {
         },
         ...(useVersionedDocs
           ? [
-            {
-              type: 'docsVersionDropdown',
-              position: 'right' as const,
-            },
-          ]
+              {
+                type: 'docsVersionDropdown',
+                position: 'right' as const,
+              },
+            ]
           : []),
       ],
     },

microsite/src/theme/customTheme.scss

@@ -6,12 +6,36 @@
   --ifm-color-primary-dark: #31a792;
   --ifm-color-primary-darker: #2e9e8a;
   --ifm-color-primary-darkest: #268271;
-  --ifm-grey-background-light: linear-gradient(90.49deg, #e0e0e0 15.36%,  #f5f5f5 70.44%);
-  --ifm-grey-background-dark: linear-gradient(90.49deg, #121212 15.36%, #282828 70.44%);
-  --ifm-green-gradient-background-light: linear-gradient(70.44deg, #e0f7f4 55%, #a3d9d2);
-  --ifm-green-gradient-background-dark: linear-gradient(70.44deg, #121212 55%, #5d817b);
-  --ifm-bullet-line-dark: linear-gradient( 89.75deg, #9bf0e1 -1.5%,  rgba(155, 240, 225, 0) 111.48%);
-  --ifm-bullet-line-light: linear-gradient( 89.75deg, var(--ifm-color-primary-dark) -1.5%,  rgba(155, 240, 225, 0) 111.48%);
+  --ifm-grey-background-light: linear-gradient(
+    90.49deg,
+    #e0e0e0 15.36%,
+    #f5f5f5 70.44%
+  );
+  --ifm-grey-background-dark: linear-gradient(
+    90.49deg,
+    #121212 15.36%,
+    #282828 70.44%
+  );
+  --ifm-green-gradient-background-light: linear-gradient(
+    70.44deg,
+    #e0f7f4 55%,
+    #a3d9d2
+  );
+  --ifm-green-gradient-background-dark: linear-gradient(
+    70.44deg,
+    #121212 55%,
+    #5d817b
+  );
+  --ifm-bullet-line-dark: linear-gradient(
+    89.75deg,
+    #9bf0e1 -1.5%,
+    rgba(155, 240, 225, 0) 111.48%
+  );
+  --ifm-bullet-line-light: linear-gradient(
+    89.75deg,
+    var(--ifm-color-primary-dark) -1.5%,
+    rgba(155, 240, 225, 0) 111.48%
+  );
 }
 
 // for docs and releases

microsite/src/theme/variables.scss

@@ -1,20 +1,20 @@
 $xlUpBreakpoint: 1441px;
 $desktopUpBreakpoint: 997px;
 
-html[data-theme='dark']{
-    --ifm-grey-background: var(--ifm-grey-background-dark);
-    --ifm-green-gradient-background: var(--ifm-green-gradient-background-dark);
-    --backstage-logo: url(/img/logo.svg);
-    --bullet-line-color: var(--ifm-bullet-line-dark);
-    --ifm-button-border-color: var(--ifm-color-primary-darker);
+html[data-theme='dark'] {
+  --ifm-grey-background: var(--ifm-grey-background-dark);
+  --ifm-green-gradient-background: var(--ifm-green-gradient-background-dark);
+  --backstage-logo: url(/img/logo.svg);
+  --bullet-line-color: var(--ifm-bullet-line-dark);
+  --ifm-button-border-color: var(--ifm-color-primary-darker);
 }
 
-html[data-theme='light']{
-    --ifm-grey-background: var(--ifm-grey-background-light);
-    --ifm-green-gradient-background: var(--ifm-green-gradient-background-light);
-    --ifm-breadcrumb-color-active: var(--ifm-color-primary-darker);
-    --ifm-menu-color-active: var(--ifm-color-primary-darker);
-    --ifm-link-color: var(--ifm-color-primary-darker);
-    --backstage-logo: url(/img/logo-black.svg);
-    --bullet-line-color: var(--ifm-bullet-line-light);
+html[data-theme='light'] {
+  --ifm-grey-background: var(--ifm-grey-background-light);
+  --ifm-green-gradient-background: var(--ifm-green-gradient-background-light);
+  --ifm-breadcrumb-color-active: var(--ifm-color-primary-darker);
+  --ifm-menu-color-active: var(--ifm-color-primary-darker);
+  --ifm-link-color: var(--ifm-color-primary-darker);
+  --backstage-logo: url(/img/logo-black.svg);
+  --bullet-line-color: var(--ifm-bullet-line-light);
 }