tweak typography and styling

Author: satya164

src/css/custom.css

@@ -87,7 +87,7 @@
 
   --ifm-code-padding-horizontal: 0.3em;
 
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.07);
+  --docusaurus-highlighted-code-line-bg: hsla(45, 97%, 72%, 0.3);
 
   --codeblock-background-color: #f6f8fa;
 }
@@ -139,14 +139,19 @@
   --ifm-home-color-highlight: hsl(var(--primary-hue), 100%, 78.6%);
   --ifm-home-color-border: #f7f7ff;
 
-  --docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.07);
+  --docusaurus-highlighted-code-line-bg: hsla(45, 77%, 25%, 0.3);
 
   --codeblock-background-color: #282a35;
 }
 
+:not([data-theme='dark']) body {
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+}
+
 h1 {
   font-family: var(--ifm-heading-font-family);
-  font-size: 2.75rem;
+  font-size: 2rem;
   letter-spacing: -0.022em;
   margin-top: 0;
   margin-bottom: 0.5rem;
@@ -157,7 +162,7 @@ h1 {
 
 h2 {
   font-family: var(--ifm-heading-font-family);
-  font-size: 2rem;
+  font-size: 1.5rem;
   letter-spacing: -0.018em;
   margin-top: 2.25rem;
   margin-bottom: 0.5rem;
@@ -170,7 +175,7 @@ h2 {
 
 h3 {
   font-family: var(--ifm-heading-font-family);
-  font-size: 1.5rem;
+  font-size: 1.25rem;
   letter-spacing: -0.014em;
   margin-top: 2rem;
   margin-bottom: 0.5rem;
@@ -180,7 +185,7 @@ h3 {
 
 h4 {
   font-family: var(--ifm-heading-font-family);
-  font-size: 1.25rem;
+  font-size: 1.125rem;
   letter-spacing: -0.012em;
   margin-top: 1.75rem;
   margin-bottom: 0.5rem;
@@ -190,7 +195,7 @@ h4 {
 
 h5 {
   font-family: var(--ifm-heading-font-family);
-  font-size: 1.125rem;
+  font-size: 1.0625rem;
   letter-spacing: -0.01em;
   margin-top: 1.5rem;
   margin-bottom: 0.5rem;
@@ -265,6 +270,8 @@ article p {
 .navbar {
   padding: 0;
   background-color: transparent;
+  box-shadow: none;
+  border-bottom: 1px solid var(--ifm-toc-border-color);
 }
 
 .navbar::before {
@@ -370,6 +377,10 @@ article p {
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E");
 }
 
+.theme-doc-sidebar-menu {
+  margin-right: var(--ifm-menu-link-padding-horizontal);
+}
+
 .menu {
   font-size: 87.5%;
   font-weight: var(--ifm-font-weight-normal);
@@ -432,9 +443,8 @@ article p {
   color: var(--ifm-color-emphasis-1000);
 }
 
-.menu__link {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+.menu__link--active {
+  font-weight: var(--ifm-font-weight-semibold);
 }
 
 .menu__link--sublist-caret:after {
@@ -724,8 +734,6 @@ pre code:has(.code-block-diff-remove-line) {
 
 code {
   border-width: 1px;
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
 }
 
 .blog-wrapper .container aside nav {