[data-theme="wireframe"] {
  .prose pre[class*="language-"] {
    code {
      color: #2e2e2e;
    }
    .token.string {
      color: #587e20;
    }
    .token.attr-value {
      color: #587e20;
    }
    .token.operator {
      color: #00449b;
    }
    .token.punctuation {
      color: #00449b;
    }
    .token.attr-name {
      color: #cd7302;
    }
  }
}
[data-theme="pastel"] {
  .prose pre[class*="language-"] {
    .token.punctuation {
      color: #2b477c;
    }
    .token.tag {
      color: #810c47;
    }
    .token.attr-value {
      color: #155211;
    }
    .token.attr-name {
      color: #8d4e0b;
    }
  }
}
[data-theme="valentine"] {
  .prose pre[class*="language-"] {
    .token.tag {
      color: #ffa2a2;
    }
  }
}
[data-theme="pastel"] {
  .prose pre[class*="language-"] {
    .token.property {
      color: #00ffe7;
    }
    .token.operator {
      color: #ffffff;
    }
    .token.boolean {
      color: #9a00ff;
    }
    .token.function {
      color: #9a00ff;
    }
  }
}

.prose pre[class*="language-"] {
  .token.comment {
    color: var(--fallback-nc, oklch(var(--nc) / 0.5));
  }
}

.prose pre .token.prefix {
  user-select: none;
  display: none;
}
.prose pre .token.deleted-sign,
.prose pre .token.inserted-sign {
  position: relative;
  border-radius: var(--rounded-btn);
  padding: 0.2rem 0.5rem;
  inset-inline-start: -0.5rem;
}
.prose pre .token.deleted {
  color: oklch(var(--erc));
  background: oklch(var(--er));
}
.prose pre .token.inserted {
  color: oklch(var(--suc));
  background: oklch(var(--su));
}
