Fix styles broken and semantics

Author: gnbm

docs/intro/vscode-extension.md

@@ -7,7 +7,7 @@ title: VS Code Extension
   <meta name="description" content="Using the Ionic/Ionic-Framework VS Code Extension" />
 </head>
 
-The [WebNative Visual Studio Code extension](https://marketplace.visualstudio.com/items?itemName=webnative.webnative) is a community-maintained plugin that helps you perform common Ionic Framework development tasks without needing to remember CLI commands.
+The [WebNative Visual Studio Code extension](https://marketplace.visualstudio.com/items?itemName=WebNative.webnative) is a community-maintained plugin that helps you perform common Ionic Framework development tasks without needing to remember CLI commands.
 
 If you have VS Code on this computer click Install below. You can also find the extension by searching for "WebNative".
 

src/styles/custom.scss

@@ -35,7 +35,7 @@
     'Segoe UI emoji';
   --ifm-font-family-monospace: 'SFMono-Regular', 'Roboto Mono', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
 
-  --ifm-menu-link-sublist-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik08Ljk5OTg4IDVMNC45OTk4OCAxTDAuOTk5ODc4IDUiIHN0cm9rZT0iIzAzMDYwQiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
+  --ifm-menu-link-sublist-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04Ljk5OTg4IDVMNC45OTk4OCAxTDAuOTk5ODc4IDUiIHN0cm9rZT0iIzAzMDYwQiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
 
   //#region ----------- Z Indices ------------
   --z-sidebar: 2000;
@@ -61,6 +61,7 @@ html[data-theme='light'] {
 
   --ifm-code-background: var(--c-indigo-10);
   --ifm-font-color-base: var(--c-carbon-90);
+  --ifm-info-color-bg: var(--c-carbon-90);
 }
 
 html[data-theme='dark'] {
@@ -82,6 +83,7 @@ html[data-theme='dark'] {
   --ifm-font-color-base: var(--c-carbon-10);
   --ifm-background-color: var(--token-primary-bg-c);
   --ifm-dropdown-background-color: var(--token-secondary-bg-c);
+  --ifm-info-color-bg: var(--c-carbon-10);
 
   --ifm-menu-link-sublist-icon-filter: invert(100%);
 }
@@ -227,7 +229,7 @@ iframe {
 }
 
 .install-button {
-  background-color: var(--ifm-font-color-base);
+  background-color: var(--ifm-info-color-bg);
   border:2px solid var(--ifm-font-color-base);
   border-radius: 100px;
   color: var(--admonition-info-c-bg);