From 9d891a32c59046b34f81a744124dd93e96eb77e6 Mon Sep 17 00:00:00 2001
From: Georgi Matev <gmatev@alcion.ai>
Date: Thu, 15 Dec 2022 13:32:29 -0800
Subject: [PATCH] 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?

- [ ] :white_check_mark: Yes, it's included
- [ ] :clock1: Yes, but in a later PR
- [x] :no_entry: No

## Type of change

<!--- Please check the type of change your PR introduces: --->
- [ ] :sunflower: Feature
- [x] :bug: Bugfix
- [ ] :world_map: Documentation
- [ ] :robot: Test
- [ ] :computer: CI/Deployment
- [x] :hamster: Trivial/Minor

## Issue(s)

## Test Plan

<!-- How will this be tested prior to merging.-->
- [x] :muscle: Manual
- [ ] :zap: Unit test
- [ ] :green_heart: E2E
---
 website/src/css/custom.scss | 35 ++++++++++++++++-------------------
 1 file changed, 16 insertions(+), 19 deletions(-)

diff --git a/website/src/css/custom.scss b/website/src/css/custom.scss
index c90e8327a..8c47605eb 100644
--- a/website/src/css/custom.scss
+++ b/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;
+* {
+  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 {
-          width: 5%;
+      >.cliShortCol {
+        width: 5%;
       }
 
-      > .cliDefaultCol {
+      >.cliDefaultCol {
         width: 20%;
       }
 
-      > .cliHelpCol {
-          width: 55%;
+      >.cliHelpCol {
+        width: 55%;
       }
 
-
-
     }
 
     tr th {
@@ -241,6 +237,7 @@ html[data-theme='dark'] {
     }
 
     div[class*="codeBlockContainer"] {
+
       &,
       & pre {
         margin-bottom: 0;
@@ -341,4 +338,4 @@ html[class*='docs-doc-id-cli'] .markdown table thead tr {
   :nth-of-type(4) {
     width: 50%;
   }
-}
+}
\ No newline at end of file