137 lines
2.3 KiB
SCSS
137 lines
2.3 KiB
SCSS
/**
|
|
* Prism Essence Theme, based on Material Theme.
|
|
*
|
|
* Author: Leo Nguyen
|
|
*/
|
|
$prism-bg: hsl(220, 25%, 25%);
|
|
$prism-gray: hsl(230, 40%, 70%);
|
|
$prism-red: hsl(0, 100%, 80%);
|
|
$prism-orange: hsl(15, 90%, 70%);
|
|
$prism-yellow: hsl(50, 100%, 75%);
|
|
$prism-green: hsl(100, 80%, 80%);
|
|
$prism-cyan: hsl(200, 100%, 80%);
|
|
$prism-blue: hsl(230, 100%, 80%);
|
|
$prism-purple: hsl(275, 100%, 80%);
|
|
|
|
pre {
|
|
margin: 0.5rem 0 1rem;
|
|
padding: 1.5rem;
|
|
border-radius: 0.5rem;
|
|
background: $prism-bg;
|
|
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
font-size: 1rem;
|
|
line-height: 1.5;
|
|
overflow: auto;
|
|
white-space: pre;
|
|
word-spacing: normal;
|
|
word-break: normal;
|
|
word-wrap: normal;
|
|
tab-size: 4;
|
|
hyphens: none;
|
|
|
|
code {
|
|
padding: 0;
|
|
color: #fff;
|
|
background: $prism-bg;
|
|
|
|
}
|
|
}
|
|
|
|
/* Purple (keyword) */
|
|
.token.keyword,
|
|
.token.important,
|
|
.token.builtin,
|
|
.token.atrule {
|
|
color: $prism-purple;
|
|
}
|
|
|
|
/* Yellow (entity, class) */
|
|
.token.entity,
|
|
.token.class,
|
|
.token.name,
|
|
.token.class-name,
|
|
.token.package,
|
|
.token.scope,
|
|
.token.attr-name {
|
|
color: $prism-yellow;
|
|
}
|
|
|
|
/* Blue (function) */
|
|
.token.function-name,
|
|
.token.function {
|
|
color: $prism-blue;
|
|
}
|
|
|
|
/* Red (tag) */
|
|
.token.tag,
|
|
.token.namespace,
|
|
.token.selector,
|
|
.token.deleted {
|
|
color: $prism-red;
|
|
}
|
|
|
|
/* Green (string, attribute) */
|
|
.token.string,
|
|
.token.char,
|
|
.token.property,
|
|
.token.attr-value,
|
|
.token.regex {
|
|
color: $prism-green;
|
|
}
|
|
|
|
/* Orange (number, literal) */
|
|
.token.number,
|
|
.token.boolean,
|
|
.token.constant {
|
|
color: $prism-orange;
|
|
}
|
|
|
|
/* Cyan (sign) */
|
|
.token.symbol,
|
|
.token.punctuation,
|
|
.token.operator,
|
|
.token.url,
|
|
.token.unit,
|
|
.token.hexcode,
|
|
.token.doctype-tag {
|
|
color: $prism-cyan;
|
|
}
|
|
|
|
/* White (variable, CSS pseudo class) */
|
|
.token.variable,
|
|
.token.pseudo-class {
|
|
color: #fff;
|
|
}
|
|
|
|
/* Gray (comment) */
|
|
.token.comment,
|
|
.token.block-comment,
|
|
.token.prolog,
|
|
.token.doctype,
|
|
.token.cdata {
|
|
color: $prism-gray;
|
|
}
|
|
|
|
.token.important,
|
|
.token.bold {
|
|
font-weight: bold;
|
|
}
|
|
.token.italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
.token.entity {
|
|
cursor: help;
|
|
}
|
|
|
|
.token.inserted {
|
|
color: green;
|
|
}
|
|
|
|
div.code-toolbar > .toolbar > .toolbar-item > a, div.code-toolbar > .toolbar > .toolbar-item > button, div.code-toolbar > .toolbar > .toolbar-item > span {
|
|
padding: 0.5em 1em;
|
|
margin: 0.25em 0.5em;
|
|
font-size: 0.9em;
|
|
color: #eee;
|
|
}
|