/* VSCode Dark+ Theme for highlight.js */

.hljs {
  background: #1e1e1e !important;
  color: #d4d4d4 !important;
  --el-scrollbar-opacity: 0.3;
  --el-scrollbar-bg-color: var(--el-text-color-secondary);
  --el-scrollbar-hover-opacity: 0.5;
  --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
}

/* 滚动条样式 */
.hljs::-webkit-scrollbar {
  width: 6px !important;
}

.hljs::-webkit-scrollbar-thumb {
  background-color: var(--el-scrollbar-bg-color) !important;
  opacity: var(--el-scrollbar-opacity) !important;
  border-radius: 3px !important;
}

.hljs::-webkit-scrollbar-thumb:hover {
  background-color: var(--el-scrollbar-hover-bg-color) !important;
  opacity: var(--el-scrollbar-hover-opacity) !important;
}

.hljs::-webkit-scrollbar-track {
  background-color: transparent !important;
}

.hljs-keyword {
  color: #569cd6 !important;
}

.hljs-built_in {
  color: #4ec9b0 !important;
}

.hljs-type {
  color: #4ec9b0 !important;
}

.hljs-literal {
  color: #569cd6 !important;
}

.hljs-number {
  color: #b5cea8 !important;
}

.hljs-regexp {
  color: #d16969 !important;
}

.hljs-string {
  color: #ce9178 !important;
}

.hljs-subst {
  color: #d4d4d4 !important;
}

.hljs-symbol {
  color: #d4d4d4 !important;
}

.hljs-class {
  color: #4ec9b0 !important;
}

.hljs-function {
  color: #dcdcaa !important;
}

.hljs-title {
  color: #dcdcaa !important;
}

.hljs-params {
  color: #d4d4d4 !important;
}

.hljs-comment {
  color: #6a9955 !important;
}

.hljs-doctag {
  color: #608b4e !important;
}

.hljs-meta,
.hljs-meta .hljs-keyword {
  color: #9b9b9b !important;
}

.hljs-meta .hljs-string {
  color: #ce9178 !important;
}

.hljs-attr {
  color: #9cdcfe !important;
}

.hljs-attribute {
  color: #9cdcfe !important;
}

.hljs-name {
  color: #569cd6 !important;
}

.hljs-section {
  color: #d4d4d4 !important;
}

.hljs-tag {
  color: #569cd6 !important;
}

.hljs-variable {
  color: #9cdcfe !important;
}

.hljs-template-variable {
  color: #9cdcfe !important;
}

.hljs-template-tag {
  color: #569cd6 !important;
}

/* 添加代码块样式 */
pre code.hljs {
  display: block !important;
  padding: 1em !important;
  overflow-x: auto !important;
  border-radius: 6px !important;
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
