svelte-rune-highlight
Version:
A highlight library for Svelte 5 with Rune
98 lines (91 loc) • 2.21 kB
CSS
pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
code.hljs {
padding: 3px 5px;
}
/*
PureBASIC native IDE style ( version 1.0 - April 2016 )
by Tristano Ajmone <tajmone@gmail.com>
Public Domain
NOTE_1: PureBASIC code syntax highlighting only applies the following classes:
.hljs-comment
.hljs-function
.hljs-keywords
.hljs-string
.hljs-symbol
Other classes are added here for the benefit of styling other languages with the look and feel of PureBASIC native IDE style.
If you need to customize a stylesheet for PureBASIC only, remove all non-relevant classes -- PureBASIC-related classes are followed by
a "--- used for PureBASIC ... ---" comment on same line.
NOTE_2: Color names provided in comments were derived using "Name that Color" online tool:
http://chir.ag/projects/name-that-color
*/
.hljs {
background: #ffffdf; /* Half and Half (approx.) */
}
/* --- used for PureBASIC base color --- */
/* --- used for PureBASIC Procedures return type --- */
/* --- used for wrapping PureBASIC Procedures definitions --- */
.hljs,
.hljs-type,
.hljs-function,
.hljs-name,
.hljs-number,
.hljs-attr,
.hljs-params,
.hljs-subst {
color: #000000; /* Black */
}
/* --- used for PureBASIC Comments --- */
.hljs-comment,
.hljs-regexp,
.hljs-section,
.hljs-selector-pseudo,
.hljs-addition {
color: #00aaaa; /* Persian Green (approx.) */
}
/* --- used for PureBASIC Keywords --- */
.hljs-keyword,
.hljs-class,
.hljs-meta .hljs-keyword,
.hljs-selector-class,
.hljs-built_in {
color: #006666;
/* Blue Stone (approx.) */
font-weight: bold;
}
/* --- used for PureBASIC Procedures Names --- */
.hljs-title,
.hljs-tag,
.hljs-variable,
.hljs-code {
color: #006666; /* Blue Stone (approx.) */
}
/* --- used for PureBASIC Strings --- */
.hljs-string,
.hljs-selector-attr {
color: #0080ff; /* Azure Radiance (approx.) */
}
/* --- used for PureBASIC Constants --- */
.hljs-symbol,
.hljs-link,
.hljs-deletion,
.hljs-attribute {
color: #924b72; /* Cannon Pink (approx.) */
}
.hljs-meta,
.hljs-literal,
.hljs-selector-id {
color: #924b72;
/* Cannon Pink (approx.) */
font-weight: bold;
}
.hljs-strong,
.hljs-name {
font-weight: bold;
}
.hljs-emphasis {
font-style: italic;
}