[data-md-color-scheme="slate"] {
  /* background colors */
  --md-default-bg-color:         #151515;
  --md-default-bg-color--light:  #252526;
  --md-default-bg-color--lighter:#2d2d30;


  /* header colors */
  --md-primary-fg-color:         #dcd8c2;
  --md-primary-bg-color:         #1e1e1e;

  /* Code Blocks */
  --md-code-bg-color:            #252526; /* Background */
  --md-code-fg-color:            #cccccc; /* Light grey text */
}

/* Force the color of the titles/headers in the dark theme */
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4 {
  color: #cecece !important; 
  font-weight: bold;
}

/* Change the text highlight color */
[data-md-color-scheme="slate"] ::selection {
  background-color: #404040;
}

/* When switching to Light Mode (default), invert the logo color */
[data-md-color-scheme="default"] .md-header .md-logo img {
  filter: invert(1); 
}