Prisma Documentation Dark Mode CSS

theme.css

/* global */
#___gatsby {
  background:#111;
  color:#fff;
}

blockquote {
  color:#ccc !important;
}

#___gatsby a {
  color: #93cbff !important;
}

h1, h2, h3, h4, label {
  color:#eee !important;
}

.inline-code,
inlinecode {
  background:#444 !important;
  color:#fff !important;
}

[class^="tip__Wrapper"] {
  background:#152258;
}

/* formatted code blocks */
pre[class^="code__Pre"] {
  background:none !important;
}
[class^="code__CodeWrapper"] code {
  background:#000;
}
[class^="code__CodeWrapper"] .plain {
  color:#eee;
}
/* attempt to target highlighted code block lines */
[class^="code__CodeWrapper"] [class^="code__Line"][style^="b"] {
  background: #052a0a !important;
}
[class^="code__CodeWrapper"] .punctuation {
  color:#ff9c52 !important;
}


/* header */
[class^="header__SecondLevelHeader"] {
  background: #222;
}

[class^="header__NavLink"].active-item {
  background:#334;
}

/* footer */
[class^="footer__FooterWrapper"] > div {
  background: #333;
  border-top:1px solid #333;
  box-shadow:inset 0 0 10px #000;
  color:#fff;
}