567652b0e3
* Create migrate-colors-primer-18.js * Update colors round 1 * upgrade primer packages * Update index.scss * Replace auto colors * remove btn-primary-matte * Turns out the class names and variables names DONT LINE UP... ugh.... * Check for allowed var colors
101 lines
1.4 KiB
SCSS
101 lines
1.4 KiB
SCSS
/*
|
|
|
|
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
|
|
from https://unpkg.com/highlight.js@9.15.8/styles/github.css
|
|
|
|
*/
|
|
|
|
.hljs {
|
|
display: block;
|
|
overflow-x: auto;
|
|
padding: 0.5em;
|
|
color: var(--color-fg-default);
|
|
background: var(--color-canvas-subtle);
|
|
}
|
|
|
|
.hljs-comment,
|
|
.hljs-quote {
|
|
color: var(--color-fg-muted);
|
|
font-style: italic;
|
|
}
|
|
|
|
.hljs-keyword,
|
|
.hljs-selector-tag,
|
|
.hljs-subst {
|
|
color: var(--color-fg-default);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-number,
|
|
.hljs-literal,
|
|
.hljs-variable,
|
|
.hljs-template-variable,
|
|
.hljs-tag .hljs-attr {
|
|
color: var(--color-success-fg);
|
|
}
|
|
|
|
.hljs-string,
|
|
.hljs-doctag {
|
|
color: var(--color-accent-fg);
|
|
}
|
|
|
|
.hljs-title,
|
|
.hljs-section,
|
|
.hljs-selector-id {
|
|
color: var(--color-danger-fg);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-subst {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.hljs-type,
|
|
.hljs-class .hljs-title {
|
|
color: var(--color-accent-fg);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-tag,
|
|
.hljs-name,
|
|
.hljs-attribute {
|
|
color: var(--color-accent-fg);
|
|
font-weight: normal;
|
|
}
|
|
|
|
.hljs-regexp,
|
|
.hljs-link {
|
|
color: var(--color-success-fg);
|
|
}
|
|
|
|
.hljs-symbol,
|
|
.hljs-bullet {
|
|
color: var(--color-done-fg);
|
|
}
|
|
|
|
.hljs-built_in,
|
|
.hljs-builtin-name {
|
|
color: var(--color-accent-fg);
|
|
}
|
|
|
|
.hljs-meta {
|
|
color: var(--color-fg-subtle);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-deletion {
|
|
background: var(--color-danger-subtle);
|
|
}
|
|
|
|
.hljs-addition {
|
|
background: var(--color-success-subtle);
|
|
}
|
|
|
|
.hljs-emphasis {
|
|
font-style: italic;
|
|
}
|
|
|
|
.hljs-strong {
|
|
font-weight: bold;
|
|
}
|