docs: touchups for a better Lighthouse score (#4167)

* fix: touchups for a better Lighthouse score * fix: px it is
typescript-eslint · Nov 17, 2021 · e734a74 · e734a74
1 parent 5a326e4
commit e734a74
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/packages/website/docusaurus.config.js b/packages/website/docusaurus.config.js
@@ -67,8 +67,9 @@ const config = {
         // hideOnScroll: true,
         logo: {
           alt: 'TypeScript ESLint',
+          height: '32px',
           src: 'img/logo.svg',
-          // srcDark: 'img/logo-dark.svg',
+          width: '32px',
         },
         // style: 'primary',
         items: [

diff --git a/packages/website/src/css/custom.css b/packages/website/src/css/custom.css
@@ -16,6 +16,8 @@
   --ifm-color-primary-lightest: #80aaef;
   --ifm-code-font-size: 95%;
 
+  --ifm-color-info: var(--ifm-color-primary-dark);
+
   --code-line-decoration: rgba(0, 0, 0, 0.1);
 }
 
@@ -31,6 +33,9 @@ html[data-theme='dark'] {
 
   --ifm-code-background: rgb(40, 42, 54);
   --ifm-code-color: rgb(248, 248, 242);
+  --ifm-color-info: var(--ifm-color-primary-light);
+  --ifm-menu-color-active: var(--ifm-color-primary-light);
+  --ifm-navbar-link-hover-color: var(--ifm-color-primary-light);
 
   --code-line-decoration: rgba(255, 255, 255, 0.1);
 

diff --git a/packages/website/src/pages/index.tsx b/packages/website/src/pages/index.tsx
@@ -28,9 +28,9 @@ const features: FeatureItem[] = [
             />
           </div>
           <div className="col col--8">
-            <h4 className="text--justify">
+            <h3 className="text--justify">
               <b>ESLint</b> is an awesome linter for JavaScript code.
-            </h4>
+            </h3>
             <p className="text--justify">
               ESLint statically analyzes your code to quickly find problems. It
               allows creating a series of assertions called lint rules around
@@ -49,10 +49,10 @@ const features: FeatureItem[] = [
             />
           </div>
           <div className="col col--8">
-            <h4 className="text--justify">
+            <h3 className="text--justify">
               <b>TypeScript</b> is a strongly typed programming language that
               builds on JavaScript.
-            </h4>
+            </h3>
             <p className="text--justify">
               TypeScript adds additional syntax to JavaScript that allows you to
               declare the shapes of objects and functions in code. It provides a

diff --git a/packages/website/src/pages/styles.module.css b/packages/website/src/pages/styles.module.css
@@ -73,8 +73,10 @@
   border: none;
 }
 .tier-sponsor img {
+  max-height: 90px;
   width: 90px;
 }
 .tier-supporter img {
+  max-height: 60px;
   width: 60px;
 }