svelte-highlight/styles/rose-pine.js

Svelte component library for highlighting code using highlight.js

const rosePine = `<style>pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs-meta,
.hljs-comment{color:#6e6a86}.hljs-tag,
.hljs-doctag,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-template-tag,
.hljs-selector-pseudo,
.hljs-selector-attr,
.hljs-variable.language_,
.hljs-deletion{color:#eb6f92}.hljs-variable,
.hljs-template-variable,
.hljs-number,
.hljs-literal,
.hljs-type,
.hljs-params,
.hljs-link{color:#ebbcba}.hljs-built_in,
.hljs-attribute{color:#f6c177}.hljs-selector-tag{color:#31748f}.hljs-keyword,
.hljs-title.function_,
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-subst,
.hljs-property,.hljs-selector-tag{color:#9ccfd8}.hljs-quote,
.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-addition{color:#31748f}.hljs-code,
.hljs-formula,
.hljs-section{color:#ebbcba}.hljs-name,
.hljs-keyword,
.hljs-operator,
.hljs-keyword,
.hljs-char.escape_,
.hljs-attr{color:#c4a7e7}.hljs-punctuation{color:#e0def4}.hljs{background:#191724;color:#6e6a86}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}</style>`;

export default rosePine;