.dnb-code {
  background-color: var(--sb-color-blue-light-3);
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.0625rem var(--sb-color-blue-light-2);
}

.dnb-pre {
  // Pre is using syntax highlighting to determine the text color, this property works as a fallback color in case of no highlighting
  color: var(--color-mint-green-12);
  background-color: #222;

  &.dnb-pre--focus {
    @include fakeBorder(var(--sb-color-green), 0.25rem);
  }
}