123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- /**
- * prism.js Dark theme for JavaScript, CSS and HTML
- * Based on the slides of the talk “/Reg(exp){2}lained/”
- * @author Lea Verou
- */
- code[class*="language-"],
- pre[class*="language-"] {
- color: white;
- text-shadow: 0 -.1em .2em black;
- font-family: Consolas, Monaco, 'Andale Mono', monospace;
- direction: ltr;
- text-align: left;
- white-space: pre;
- word-spacing: normal;
- word-break: 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;
- }
- @media print {
- code[class*="language-"],
- pre[class*="language-"] {
- text-shadow: none;
- }
- }
- pre[class*="language-"],
- :not(pre) > code[class*="language-"] {
- background: hsl(30, 20%, 25%);
- }
- /* Code blocks */
- pre[class*="language-"] {
- padding: 1em;
- margin: .5em 0;
- overflow: auto;
- border: .3em solid hsl(30, 20%, 40%);
- border-radius: .5em;
- box-shadow: 1px 1px .5em black inset;
- }
- /* Inline code */
- :not(pre) > code[class*="language-"] {
- padding: .15em .2em .05em;
- border-radius: .3em;
- border: .13em solid hsl(30, 20%, 40%);
- box-shadow: 1px 1px .3em -.1em black inset;
- }
- .token.comment,
- .token.prolog,
- .token.doctype,
- .token.cdata {
- color: hsl(30, 20%, 50%);
- }
- .token.punctuation {
- opacity: .7;
- }
- .namespace {
- opacity: .7;
- }
- .token.property,
- .token.tag,
- .token.boolean,
- .token.number,
- .token.constant,
- .token.symbol {
- color: hsl(350, 40%, 70%);
- }
- .token.selector,
- .token.attr-name,
- .token.string,
- .token.char,
- .token.builtin,
- .token.inserted {
- color: hsl(75, 70%, 60%);
- }
- .token.operator,
- .token.entity,
- .token.url,
- .language-css .token.string,
- .style .token.string,
- .token.variable {
- color: hsl(40, 90%, 60%);
- }
- .token.atrule,
- .token.attr-value,
- .token.keyword {
- color: hsl(350, 40%, 70%);
- }
- .token.regex,
- .token.important {
- color: #e90;
- }
- .token.important,
- .token.bold {
- font-weight: bold;
- }
- .token.italic {
- font-style: italic;
- }
- .token.entity {
- cursor: help;
- }
- .token.deleted {
- color: red;
- }
|