Fix navbar transparency in light mode and some scss linter issues (#1827)

## Description

Fix navbar transparency in light mode and some scss linter issues

See separate commits for transparency and linter issues

## Does this PR need a docs update or release note?

- [ ] ✅ Yes, it's included
- [ ] 🕐 Yes, but in a later PR
- [x] ⛔ No 

## Type of change

<!--- Please check the type of change your PR introduces: --->
- [ ] 🌻 Feature
- [x] 🐛 Bugfix
- [ ] 🗺️ Documentation
- [ ] 🤖 Test
- [ ] 💻 CI/Deployment
- [x] 🐹 Trivial/Minor

## Issue(s)

## Test Plan

<!-- How will this be tested prior to merging.-->
- [x] 💪 Manual
- [ ] ⚡ Unit test
- [ ] 💚 E2E

website/src/css/custom.scss

@@ -2,13 +2,13 @@
 CUSTOM TO THE NEW HOME PAGE
  */
 
- @import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
 
-*{
+* {
   font-family: 'Nunito', sans-serif !important;
 }
 
-html{
+html {
   scroll-behavior: smooth !important;
 }
 
@@ -35,13 +35,14 @@ html{
   background-image: url("../../static/assets/download_blue.svg");
   transform: rotate(-180deg);
 }
+
 .accordion-button-custom:not(.collapsed) {
   color: #2563eb;
   background-color: #fff;
   box-shadow: inset 0 -1px 0 #e5e7eb;
 }
 
- .link-underline {
+.link-underline {
   border-bottom-width: 0;
   background-image: linear-gradient(transparent, transparent), linear-gradient(#4f46E5, #4f46E5);
   background-size: 0 2px;
@@ -69,7 +70,7 @@ html{
   }
 }
 
-.custom-bg_{
+.custom-bg_ {
   background: url("../../static/assets/images/cta.jpg")
 }
 
@@ -105,13 +106,10 @@ html{
 
 html[data-theme='dark'] {
   --ifm-background-color: #111629;
+  --ifm-navbar-background-color: #111629;
   --ifm-link-color: #087EA4;
 }
 
-.navbar {
-  background-color: var(--ifm-background-color);
-}
-
 .footer {
   --ifm-footer-background-color: #1b2131;
 }
@@ -161,24 +159,22 @@ html[data-theme='dark'] {
       background-color: var(--divider);
       border: 0;
 
-      > .cliFlagsCol {
+      >.cliFlagsCol {
         width: 20%;
       }
 
-      > .cliShortCol {
+      >.cliShortCol {
         width: 5%;
       }
 
-      > .cliDefaultCol {
+      >.cliDefaultCol {
         width: 20%;
       }
 
-      > .cliHelpCol {
+      >.cliHelpCol {
         width: 55%;
       }
 
-
-
     }
 
     tr th {
@@ -241,6 +237,7 @@ html[data-theme='dark'] {
     }
 
     div[class*="codeBlockContainer"] {
+
       &,
       & pre {
         margin-bottom: 0;