custom.css

/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --primary-color-50: rgb(232 237 248);
  --primary-color-100: rgb(210 218 241);
  --primary-color-200: rgb(164 181 228);
  --primary-color-300: rgb(119 144 214);
  --primary-color-400: rgb(73 107 201);
  --primary-color-500: rgb(28 70 187);
  --primary-color-600: rgb(22 56 150);
  --primary-color-700: rgb(17 42 112);
  --primary-color-800: rgb(11 28 75);
  --primary-color-900: rgb(6 14 37);

  --ifm-color-primary: var(--primary-color-400);
  --ifm-color-primary-dark: var(--primary-color-500);
  --ifm-color-primary-darker: var(--primary-color-600);
  --ifm-color-primary-darkest: var(--primary-color-700);
  --ifm-color-primary-light: var(--primary-color-300);
  --ifm-color-primary-lighter: var(--primary-color-200);
  --ifm-color-primary-lightest: var(--primary-color-100);
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-color-primary: var(--primary-color-300);
  --ifm-color-primary-dark: var(--primary-color-400);
  --ifm-color-primary-darker: var(--primary-color-500);
  --ifm-color-primary-darkest: var(--primary-color-600);
  --ifm-color-primary-light: var(--primary-color-300);
  --ifm-color-primary-lighter: var(--primary-color-200);
  --ifm-color-primary-lightest: var(--primary-color-100);
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

.navbar {
  border-bottom: 1px solid var(--ifm-color-emphasis-300);
  box-shadow: none!important;
}

.theme-doc-sidebar-container {
  border-right: 0!important;
}

.menu {
  font-size: .875rem;
}

.menu__list .menu__list {
  padding-left: 0;
}

.theme-doc-sidebar-item-category {
  margin-top: 1.5rem!important;
  .menu__list-item-collapsible:hover {
    background: none;
  }
}


.theme-doc-sidebar-item-category > .menu__list-item-collapsible > .menu__link {
  text-transform: uppercase;
  font-weight: bold;
}