prism-theme.css•2.1 kB
/* Custom Prism.js theme for SFCC Development MCP Server docs */
/* Override default Prism styles with a clean, modern theme */
pre[class*="language-"] {
  background: transparent;
  margin: 0;
  padding: 0;
  overflow: visible;
}
code[class*="language-"] {
  background: transparent;
  text-shadow: none;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #374151; /* slate-700 */
}
/* Tokens */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #6b7280; /* slate-500 */
  font-style: italic;
}
.token.punctuation {
  color: #6b7280; /* slate-500 */
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #dc2626; /* red-600 */
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #059669; /* emerald-600 */
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #7c3aed; /* violet-600 */
}
.token.atrule,
.token.attr-value,
.token.keyword {
  color: #2563eb; /* blue-600 */
}
.token.function,
.token.class-name {
  color: #ea580c; /* orange-600 */
}
.token.regex,
.token.important,
.token.variable {
  color: #dc2626; /* red-600 */
}
.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
/* JSON specific */
.token.key {
  color: #2563eb; /* blue-600 */
}
/* YAML specific */
.token.title {
  color: #2563eb; /* blue-600 */
}
/* Bash/Shell specific */
.token.command {
  color: #059669; /* emerald-600 */
}
.token.parameter {
  color: #dc2626; /* red-600 */
}
/* JSX/TSX specific */
.token.tag .token.punctuation {
  color: #6b7280; /* slate-500 */
}
.token.tag .token.script-punctuation {
  color: #6b7280; /* slate-500 */
}
.token.attr-value .token.punctuation {
  color: #059669; /* emerald-600 */
}
.token.attr-value .token.punctuation:first-child {
  color: #059669; /* emerald-600 */
}