highlight-it
Version:
A lightweight syntax highlighting library with themes, line numbers, and copy functionality
232 lines (179 loc) • 2.88 kB
CSS
pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
code.hljs {
padding: 3px 5px;
}
:root {
color: #aaaaaa;
}
.hljs-emphasis {
color: #a8a8a2;
}
.hljs-literal {
color: #ff55ff;
}
.hljs-code .hljs-selector-class {
color: #aaaaff;
}
.hljs-type {
font-style: italic;
}
.hljs-name {
color: #ffff55;
}
.hljs-title {
color: #aaaaaa;
}
.hljs-attribute {
color: #ff5555;
}
.hljs-class .hljs-title {
color: #8888ff;
}
.hljs-link {
color: #ff55ff;
}
.hljs-deletion {
color: #55ffff;
}
.highlightit-theme-light {
color: #000000;
.hljs-emphasis {
color: #000000;
}
.hljs-literal {
color: #000080;
}
.hljs-code .hljs-selector-class {
color: #800080;
}
.hljs-type {
font-style: italic;
}
.hljs-name {
color: #808000;
}
.hljs-title {
color: #000000;
}
.hljs-attribute {
color: #800000;
}
.hljs-class .hljs-title {
color: #0055af;
}
.hljs-link {
color: #008000;
}
.hljs-deletion {
color: #008000;
}
}
@media (prefers-color-scheme: light) {
:root.highlightit-theme-auto {
color: #000000;
.hljs-emphasis {
color: #000000;
}
.hljs-literal {
color: #000080;
}
.hljs-code .hljs-selector-class {
color: #800080;
}
.hljs-type {
font-style: italic;
}
.hljs-name {
color: #808000;
}
.hljs-title {
color: #000000;
}
.hljs-attribute {
color: #800000;
}
.hljs-class .hljs-title {
color: #0055af;
}
.hljs-link {
color: #008000;
}
.hljs-deletion {
color: #008000;
}
}
}
.highlightit-container[data-theme='light'],
.highlightit-container pre[data-theme='light'],
.highlightit-container code[data-theme='light'] {
color: #000000;
.hljs-emphasis {
color: #000000;
}
.hljs-literal {
color: #000080;
}
.hljs-code .hljs-selector-class {
color: #800080;
}
.hljs-type {
font-style: italic;
}
.hljs-name {
color: #808000;
}
.hljs-title {
color: #000000;
}
.hljs-attribute {
color: #800000;
}
.hljs-class .hljs-title {
color: #0055af;
}
.hljs-link {
color: #008000;
}
.hljs-deletion {
color: #008000;
}
}
.highlightit-container[data-theme='dark'],
.highlightit-container pre[data-theme='dark'],
.highlightit-container code[data-theme='dark'] {
color: #aaaaaa;
.hljs-emphasis {
color: #a8a8a2;
}
.hljs-literal {
color: #ff55ff;
}
.hljs-code .hljs-selector-class {
color: #aaaaff;
}
.hljs-type {
font-style: italic;
}
.hljs-name {
color: #ffff55;
}
.hljs-title {
color: #aaaaaa;
}
.hljs-attribute {
color: #ff5555;
}
.hljs-class .hljs-title {
color: #8888ff;
}
.hljs-link {
color: #ff55ff;
}
.hljs-deletion {
color: #55ffff;
}
}