/* Pick your colors once */
:root,
[data-md-color-scheme="slate"] {
  --sidebar-header-bg: #000;
  --sidebar-header-fg: #00ff66;
}

/* Title text + optional solid bg on the label itself */
.md-sidebar--primary .md-nav__title,
.md-sidebar--secondary .md-nav__title {
  color: var(--sidebar-header-fg) !important;
  background: var(--sidebar-header-bg) !important;
}

/* Replace the gradient/fade bar behind the titles (v9–v10 selectors) */
.md-sidebar--primary .md-sidebar__scrollwrap::before,
.md-sidebar--secondary .md-sidebar__scrollwrap::before,
.md-sidebar--primary .md-sidebar__inner::before,
.md-sidebar--secondary .md-sidebar__inner::before {
  content: "";
  background: var(--sidebar-header-bg) !important;
  box-shadow: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* (Optional) remove the bottom fade entirely */
.md-sidebar--primary .md-sidebar__scrollwrap::after,
.md-sidebar--secondary .md-sidebar__scrollwrap::after,
.md-sidebar--primary .md-sidebar__inner::after,
.md-sidebar--secondary .md-sidebar__inner::after {
  content: none !important;
}

/* Remove the gradient (it's the box-shadow on the sticky title) */
.md-nav--primary .md-nav__title,
.md-nav--secondary .md-nav__title,
.md-sidebar--primary .md-nav__title,
.md-sidebar--secondary .md-nav__title {
  box-shadow: none !important;
  background: #000 !important;   /* optional: your solid bar */
  color: #00ff66 !important;      /* optional: your text color */
}

.md-sidebar--primary, .md-sidebar--secondary {background: none;}

[data-md-color-scheme="slate"] { --md-default-bg-color: #000; }


/* Make the site name in the top header green (only the first topic) */
html[data-md-color-scheme="slate"] [data-md-component="header-title"] .md-header__topic:first-child .md-ellipsis {
  color: #00ff66 !important;
}

.md-header__topic {color: #00ff66 !important;}
.md-search__icon {color: #00ff66 !important;}