@use '../functions'; /** * Based on the GHColors theme by Avi Aryan (http://aviaryan.in) * Inspired by GitHub syntax coloring */ code[class*="language-"], pre[class*="language-"] { background-color: var(--sl-color--code-bg); hyphens: none; word-break: normal; word-spacing: normal; tab-size: 4; text-align: left; } .token { color: var(--sl-color--code-text); } .token table td { padding: functions.sl-px-to-rem(5px); } .token table pre { margin: 0; } .token.comment, .token.prolog, .token.doctype, .token.cdata { --sl-color--code-text: #656556; font-style: italic; } [class*="language-css"] { & .token.comment { --sl-color--code-text: #006666; } } .token.namespace { opacity: 0.7; } .token.string, .token.attr-value { --sl-color--code-text: #df1144; } .token.punctuation, .token.operator { --sl-color--code-text: #393A34; /* no highlight */ font-weight: bold; } .token.entity, .token.url, .token.symbol, .token.number, .token.boolean, .token.constant, .token.property, .token.regex, .token.inserted { --sl-color--code-text: #990000; font-weight: bold; } .token.atrule, .token.keyword, .token.attr-name, .language-autohotkey .token.selector { --sl-color--code-text: #000000; font-weight: bold; } .token.function, .token.deleted, .language-autohotkey .token.tag { --sl-color--code-text: #9a050f; } .token.tag, .token.selector, .language-autohotkey .token.keyword { --sl-color--code-text: #445588; font-weight: bold; } .token.important, .token.function, .token.bold { font-weight: bold; } [class*="language-shell"] { & .token.function { --sl-color--code-text: unset; font-weight: normal; } } .token.italic { font-style: italic; } .token.variable, .token[class*="placeholder"] { --sl-color--code-text: #006666; font-weight: normal; }