ac65aa80c6
This PR removes storybook and adds docfy and uses docfy to render our existing README files. This now means we can keep adding README documentation without committing any specific format or framework. If we eventually move to storybook then fine, or if we just want to remove docfy for whatever reason then fine - we will still have a full set of README files viewable via GitHub.
318 lines
6.2 KiB
SCSS
318 lines
6.2 KiB
SCSS
/**
|
|
* Coldark Theme for Prism.js
|
|
* Theme variation: Dark
|
|
* Tested with HTML, CSS, JS, JSON, PHP, YAML, Bash script
|
|
* @author Armand Philippot <contact@armandphilippot.com>
|
|
* @homepage https://github.com/ArmandPhilippot/coldark-prism
|
|
* @license MIT
|
|
*/
|
|
code[class*='language-'],
|
|
pre[class*='language-'] {
|
|
color: #e3eaf2;
|
|
background: none;
|
|
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|
text-align: left;
|
|
white-space: pre;
|
|
word-spacing: normal;
|
|
word-break: normal;
|
|
word-wrap: normal;
|
|
line-height: 1.5;
|
|
-moz-tab-size: 4;
|
|
-o-tab-size: 4;
|
|
tab-size: 4;
|
|
-webkit-hyphens: none;
|
|
-moz-hyphens: none;
|
|
-ms-hyphens: none;
|
|
hyphens: none;
|
|
}
|
|
|
|
pre[class*='language-']::-moz-selection,
|
|
pre[class*='language-'] ::-moz-selection,
|
|
code[class*='language-']::-moz-selection,
|
|
code[class*='language-'] ::-moz-selection {
|
|
background: #3c526d;
|
|
}
|
|
|
|
pre[class*='language-']::selection,
|
|
pre[class*='language-'] ::selection,
|
|
code[class*='language-']::selection,
|
|
code[class*='language-'] ::selection {
|
|
background: #3c526d;
|
|
}
|
|
|
|
/* Code blocks */
|
|
pre[class*='language-'] {
|
|
padding: 1em;
|
|
margin: 0.5em 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
:not(pre) > code[class*='language-'],
|
|
pre[class*='language-'] {
|
|
background: #111b27;
|
|
}
|
|
|
|
/* Inline code */
|
|
:not(pre) > code[class*='language-'] {
|
|
padding: 0.1em 0.3em;
|
|
border-radius: 0.3em;
|
|
white-space: normal;
|
|
}
|
|
|
|
.token.comment,
|
|
.token.prolog,
|
|
.token.doctype,
|
|
.token.cdata {
|
|
color: #8da1b9;
|
|
}
|
|
|
|
.token.punctuation {
|
|
color: #e3eaf2;
|
|
}
|
|
|
|
.token.delimiter.important,
|
|
.token.selector .parent,
|
|
.token.tag,
|
|
.token.tag .token.punctuation {
|
|
color: #66cccc;
|
|
}
|
|
|
|
.token.attr-name,
|
|
.token.boolean,
|
|
.token.boolean.important,
|
|
.token.number,
|
|
.token.constant,
|
|
.token.selector .token.attribute {
|
|
color: #e6d37a;
|
|
}
|
|
|
|
.token.class-name,
|
|
.token.key,
|
|
.token.parameter,
|
|
.token.property,
|
|
.token.property-access,
|
|
.token.variable {
|
|
color: #6cb8e6;
|
|
}
|
|
|
|
.token.attr-value,
|
|
.token.inserted,
|
|
.token.color,
|
|
.token.selector .token.value,
|
|
.token.string,
|
|
.token.string .token.url-link {
|
|
color: #91d076;
|
|
}
|
|
|
|
.token.builtin,
|
|
.token.keyword-array,
|
|
.token.package,
|
|
.token.regex {
|
|
color: #f4adf4;
|
|
}
|
|
|
|
.token.function,
|
|
.token.selector .token.class,
|
|
.token.selector .token.id {
|
|
color: #c699e3;
|
|
}
|
|
|
|
.token.atrule .token.rule,
|
|
.token.combinator,
|
|
.token.keyword,
|
|
.token.operator,
|
|
.token.pseudo-class,
|
|
.token.pseudo-element,
|
|
.token.selector,
|
|
.token.unit {
|
|
color: #e9ae7e;
|
|
}
|
|
|
|
.token.deleted,
|
|
.token.important {
|
|
color: #cd6660;
|
|
}
|
|
|
|
.token.keyword-this,
|
|
.token.this {
|
|
color: #6cb8e6;
|
|
}
|
|
|
|
.token.important,
|
|
.token.keyword-this,
|
|
.token.this,
|
|
.token.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.token.delimiter.important {
|
|
font-weight: inherit;
|
|
}
|
|
|
|
.token.italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
.token.entity {
|
|
cursor: help;
|
|
}
|
|
|
|
.language-markdown .token.title,
|
|
.language-markdown .token.title .token.punctuation {
|
|
color: #6cb8e6;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.language-markdown .token.blockquote.punctuation {
|
|
color: #f4adf4;
|
|
}
|
|
|
|
.language-markdown .token.code {
|
|
color: #66cccc;
|
|
}
|
|
|
|
.language-markdown .token.hr.punctuation {
|
|
color: #6cb8e6;
|
|
}
|
|
|
|
.language-markdown .token.url .token.content {
|
|
color: #91d076;
|
|
}
|
|
|
|
.language-markdown .token.url-link {
|
|
color: #e6d37a;
|
|
}
|
|
|
|
.language-markdown .token.list.punctuation {
|
|
color: #f4adf4;
|
|
}
|
|
|
|
.language-markdown .token.table-header {
|
|
color: #e3eaf2;
|
|
}
|
|
|
|
.language-json .token.operator {
|
|
color: #e3eaf2;
|
|
}
|
|
|
|
.language-scss .token.variable {
|
|
color: #66cccc;
|
|
}
|
|
|
|
/* overrides color-values for the Show Invisibles plugin
|
|
* https://prismjs.com/plugins/show-invisibles/
|
|
*/
|
|
.token.tab:not(:empty):before,
|
|
.token.cr:before,
|
|
.token.lf:before,
|
|
.token.space:before {
|
|
color: #8da1b9;
|
|
}
|
|
|
|
/* overrides color-values for the Toolbar plugin
|
|
* https://prismjs.com/plugins/toolbar/
|
|
*/
|
|
div.code-toolbar > .toolbar a,
|
|
div.code-toolbar > .toolbar button {
|
|
color: #111b27;
|
|
background: #6cb8e6;
|
|
}
|
|
|
|
div.code-toolbar > .toolbar a:hover,
|
|
div.code-toolbar > .toolbar a:focus,
|
|
div.code-toolbar > .toolbar button:hover,
|
|
div.code-toolbar > .toolbar button:focus {
|
|
color: #111b27;
|
|
background: #6cb8e6da;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.code-toolbar > .toolbar span,
|
|
div.code-toolbar > .toolbar span:hover,
|
|
div.code-toolbar > .toolbar span:focus {
|
|
color: #111b27;
|
|
background: #8da1b9;
|
|
}
|
|
|
|
/* overrides color-values for the Line Highlight plugin
|
|
* http://prismjs.com/plugins/line-highlight/
|
|
*/
|
|
.line-highlight {
|
|
background: #3c526d5f;
|
|
background: linear-gradient(to right, #3c526d5f 70%, #3c526d55);
|
|
}
|
|
|
|
.line-highlight:before,
|
|
.line-highlight[data-end]:after {
|
|
background-color: #8da1b9;
|
|
color: #111b27;
|
|
box-shadow: 0 1px #3c526d;
|
|
}
|
|
|
|
pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
|
|
background-color: #8da1b918;
|
|
}
|
|
|
|
/* overrides color-values for the Line Numbers plugin
|
|
* http://prismjs.com/plugins/line-numbers/
|
|
*/
|
|
.line-numbers .line-numbers-rows {
|
|
border-right: 1px solid #0b121b;
|
|
background: #0b121b7a;
|
|
}
|
|
|
|
.line-numbers-rows > span:before {
|
|
color: #8da1b9da;
|
|
}
|
|
|
|
/* overrides color-values for the Match Braces plugin
|
|
* https://prismjs.com/plugins/match-braces/
|
|
*/
|
|
.rainbow-braces .token.punctuation.brace-level-1,
|
|
.rainbow-braces .token.punctuation.brace-level-5,
|
|
.rainbow-braces .token.punctuation.brace-level-9 {
|
|
color: #e6d37a;
|
|
}
|
|
|
|
.rainbow-braces .token.punctuation.brace-level-2,
|
|
.rainbow-braces .token.punctuation.brace-level-6,
|
|
.rainbow-braces .token.punctuation.brace-level-10 {
|
|
color: #f4adf4;
|
|
}
|
|
|
|
.rainbow-braces .token.punctuation.brace-level-3,
|
|
.rainbow-braces .token.punctuation.brace-level-7,
|
|
.rainbow-braces .token.punctuation.brace-level-11 {
|
|
color: #6cb8e6;
|
|
}
|
|
|
|
.rainbow-braces .token.punctuation.brace-level-4,
|
|
.rainbow-braces .token.punctuation.brace-level-8,
|
|
.rainbow-braces .token.punctuation.brace-level-12 {
|
|
color: #c699e3;
|
|
}
|
|
|
|
/* overrides color-values for the Diff Highlight plugin
|
|
* https://prismjs.com/plugins/diff-highlight/
|
|
*/
|
|
pre.diff-highlight > code .token.deleted:not(.prefix),
|
|
pre > code.diff-highlight .token.deleted:not(.prefix) {
|
|
background-color: #cd66601f;
|
|
}
|
|
|
|
pre.diff-highlight > code .token.inserted:not(.prefix),
|
|
pre > code.diff-highlight .token.inserted:not(.prefix) {
|
|
background-color: #91d0761f;
|
|
}
|
|
|
|
/* overrides color-values for the Command Line plugin
|
|
* https://prismjs.com/plugins/command-line/
|
|
*/
|
|
.command-line-prompt {
|
|
border-right: 1px solid #0b121b;
|
|
}
|
|
|
|
.command-line-prompt > span:before {
|
|
color: #8da1b9da;
|
|
}
|