Adjust sidebar title styles (#2315)

* Adjust sidebar title styles

* make important

Author: alexandratran

src/components/SidebarSectionDropdown/SidebarSectionDropdown.module.css

@@ -6,8 +6,6 @@
   top: var(--ifm-navbar-height);
   z-index: 100;
   font-family: var(--ifm-font-family-base);
-  box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
-  backdrop-filter: blur(8px);
   border-right: 1px solid var(--ifm-toc-border-color);
 }
 
@@ -22,7 +20,7 @@
   font-size: 2rem;
   font-weight: 500;
   line-height: 1.3;
-  color: var(--ifm-color-emphasis-600);
+  color: var(--ifm-color-emphasis-1000);
   white-space: nowrap;
   text-align: left;
   width: var(--doc-sidebar-width);
@@ -31,7 +29,7 @@
   align-items: center;
   cursor: pointer;
   user-select: none;
-  padding: 0.8rem 2.4rem;
+  padding: 1rem 2.4rem !important;
   margin: 0;
   background: var(--ifm-background-color);
   transition: all 0.2s ease-in-out;
@@ -48,7 +46,6 @@
 
 .sectionItem:hover {
   background: var(--ifm-hover-overlay);
-  color: var(--ifm-navbar-link-hover-color, var(--ifm-color-primary));
 }
 
 .label {
@@ -79,7 +76,7 @@
   font-size: 2rem;
   font-weight: 500;
   line-height: 1.3;
-  color: var(--ifm-color-emphasis-600);
+  color: var(--ifm-color-emphasis-1000);
   white-space: nowrap;
   text-align: left;
   padding: 0;
@@ -96,14 +93,14 @@
   box-shadow: 0 6px 16px rgb(0 0 0 / 15%);
   backdrop-filter: blur(8px);
   margin-top: 0.3rem;
-  padding-bottom: 1rem;
+  padding-bottom: 0.4rem;
   z-index: 100;
   width: 100%;
   min-width: 180px;
 }
 
 .menuItem {
-  padding: 0.6rem 2rem;
+  padding: 0.6rem 2rem 1rem;
   font-size: 1.5rem;
   font-weight: 400;
   cursor: pointer;
@@ -128,7 +125,7 @@
   font-weight: 500;
   line-height: 1.4;
   color: var(--ifm-color-emphasis-700);
-  margin: 0.2rem 0;
+  margin-bottom: 0.2rem;
 }
 
 .menuItem:hover {
@@ -166,7 +163,6 @@
 
 [data-theme='dark'] .sectionItem:hover {
   background: var(--ifm-hover-overlay) !important;
-  color: var(--ifm-navbar-link-hover-color, var(--ifm-color-primary)) !important;
 }
 
 [data-theme='dark'] .dropdown {
@@ -176,7 +172,7 @@
 }
 
 [data-theme='dark'] .title {
-  color: var(--ifm-color-emphasis-600) !important;
+  color: var(--ifm-color-emphasis-800) !important;
 }
 
 [data-theme='dark'] .label {

src/components/SidebarVersionDropdown/SidebarVersionDropdown.module.css

@@ -2,7 +2,7 @@
   position: relative;
   font-family: var(--ifm-font-family-base);
   border-bottom: 1px solid var(--ifm-toc-border-color);
-  padding: 0.4rem 0;
+  padding: 0.2rem 0 !important;
 }
 
 .versionItem {

src/components/SubNavBar/SubNavBar.module.css

@@ -23,7 +23,7 @@
   font-size: 2rem;
   font-weight: 500;
   line-height: 1.3;
-  color: var(--ifm-color-emphasis-600);
+  color: var(--ifm-color-emphasis-1000);
   white-space: nowrap;
   border-right: 1px solid var(--ifm-toc-border-color);
   width: var(--doc-sidebar-width);
@@ -131,7 +131,7 @@
 }
 
 [data-theme='dark'] .sectionHeading {
-  color: var(--ifm-color-emphasis-600);
+  color: var(--ifm-color-emphasis-800);
   border-right-color: var(--ifm-color-emphasis-300);
 }