135 lines
2.5 KiB
CSS
135 lines
2.5 KiB
CSS
/*
|
|
* CSS file for highlightjs, with support for (DaisyUI) themes
|
|
*
|
|
* Do not edit this file, edit the theme configuration instead
|
|
*/
|
|
|
|
/* The div wrapping the code block */
|
|
div.hljs {
|
|
background: var(--code-background-color);
|
|
border-color: var(--code-border-color);
|
|
border-width: var(--code-border-width);
|
|
border-style: var(--code-border-style);
|
|
padding: var(--code-outer-padding);
|
|
color: var(--code-color);
|
|
border-radius: var(--code-border-radius);
|
|
}
|
|
|
|
/* The code block inside the wrapping div */
|
|
div.hljs > pre {
|
|
background: var(--code-bg);
|
|
color: var(--code-color);
|
|
padding: var(--code-inner-padding);
|
|
font-family: var(--code-font-family);
|
|
}
|
|
|
|
/*
|
|
* Fix for the tailwind typography plugin (aka prose) that
|
|
* adds padding to code that makes it look like there's a
|
|
* extra space on the first line
|
|
*/
|
|
div.hljs > pre > code { padding: 0; }
|
|
|
|
/*
|
|
* CSS for highlighted code: keyword
|
|
*/
|
|
.hljs-doctag,
|
|
.hljs-keyword,
|
|
.hljs-meta .hljs-keyword,
|
|
.hljs-template-tag,
|
|
.hljs-template-variable,
|
|
.hljs-type,
|
|
.hljs-variable.language_ {
|
|
color: var(--code-color-keyword);
|
|
font-weight: var(--code-font-weight-keyword);
|
|
}
|
|
|
|
/*
|
|
* CSS for highlighted code: entity
|
|
*/
|
|
.hljs-title,
|
|
.hljs-title.class_,
|
|
.hljs-title.class_.inherited__,
|
|
.hljs-title.function_ {
|
|
color: var(--code-color-entity);
|
|
font-weight: var(--code-font-weight-entity);
|
|
}
|
|
|
|
/*
|
|
* CSS for highlighted code: constant
|
|
*/
|
|
.hljs-attr,
|
|
.hljs-attribute,
|
|
.hljs-literal,
|
|
.hljs-meta,
|
|
.hljs-number,
|
|
.hljs-operator,
|
|
.hljs-variable,
|
|
.hljs-selector-attr,
|
|
.hljs-selector-class,
|
|
.hljs-selector-id {
|
|
color: var(--code-color-constant);
|
|
}
|
|
|
|
/*
|
|
* CSS for highlighted code: string
|
|
*/
|
|
.hljs-regexp,
|
|
.hljs-string,
|
|
.hljs-meta .hljs-string {
|
|
color: var(--code-color-string);
|
|
font-style: var(--code-font-style-string);
|
|
}
|
|
|
|
/*
|
|
* CSS for highlighted code: variable
|
|
*/
|
|
.hljs-built_in,
|
|
.hljs-symbol {
|
|
color: var(--code-color-variable);
|
|
}
|
|
|
|
/*
|
|
* CSS for highlighted code: comment
|
|
*/
|
|
.hljs-comment,
|
|
.hljs-code,
|
|
.hljs-formula {
|
|
color: var(--code-color-comment);
|
|
}
|
|
|
|
/*
|
|
* CSS for highlighted code: tag
|
|
*/
|
|
.hljs-name,
|
|
.hljs-quote,
|
|
.hljs-selector-tag,
|
|
.hljs-selector-pseudo {
|
|
color: var(--code-color-tag);
|
|
}
|
|
|
|
/*
|
|
* CSS for highlighted code: property
|
|
*/
|
|
.hljs-property {
|
|
color: var(--code-color-property);
|
|
font-weight: var(--code-font-weight-property);
|
|
}
|
|
|
|
/*
|
|
* CSS for highlighted code: other
|
|
*/
|
|
.hljs-addition,
|
|
.hljs-bullet,
|
|
.hljs-char.escape_,
|
|
.hljs-deletion,
|
|
.hljs-emphasis,
|
|
.hljs-link,
|
|
.hljs-params,
|
|
.hljs-punctuation,
|
|
.hljs-section,
|
|
.hljs-strong,
|
|
.hljs-subst,
|
|
.hljs-tag {
|
|
/* Currently not using these */
|
|
}
|