@import './transformers/twoslash/index.css';

/*
 * Shiki renders the light palette as the inline default and stores the dark
 * palette in custom properties. This selector also covers snippets whose
 * highlighted HTML is inserted without the outer `.shiki` element.
 */
[data-theme='dark'] span[style*='--shiki-dark'] {
  color: var(--shiki-dark) !important;
  background-color: var(--shiki-dark-bg) !important;
  font-style: var(--shiki-dark-font-style) !important;
  font-weight: var(--shiki-dark-font-weight) !important;
  text-decoration: var(--shiki-dark-text-decoration) !important;
}
