OLD | NEW |
(Empty) | |
| 1 /** |
| 2 * prism.js Dark theme for JavaScript, CSS and HTML |
| 3 * Based on the slides of the talk “/Reg(exp){2}lained/” |
| 4 * @author Lea Verou |
| 5 */ |
| 6 |
| 7 code[class*="language-"], |
| 8 pre[class*="language-"] { |
| 9 color: white; |
| 10 text-shadow: 0 -.1em .2em black; |
| 11 font-family: Consolas, Monaco, 'Andale Mono', monospace; |
| 12 direction: ltr; |
| 13 text-align: left; |
| 14 white-space: pre; |
| 15 word-spacing: normal; |
| 16 word-break: normal; |
| 17 line-height: 1.5; |
| 18 |
| 19 -moz-tab-size: 4; |
| 20 -o-tab-size: 4; |
| 21 tab-size: 4; |
| 22 |
| 23 -webkit-hyphens: none; |
| 24 -moz-hyphens: none; |
| 25 -ms-hyphens: none; |
| 26 hyphens: none; |
| 27 } |
| 28 |
| 29 @media print { |
| 30 code[class*="language-"], |
| 31 pre[class*="language-"] { |
| 32 text-shadow: none; |
| 33 } |
| 34 } |
| 35 |
| 36 pre[class*="language-"], |
| 37 :not(pre) > code[class*="language-"] { |
| 38 background: hsl(30, 20%, 25%); |
| 39 } |
| 40 |
| 41 /* Code blocks */ |
| 42 pre[class*="language-"] { |
| 43 padding: 1em; |
| 44 margin: .5em 0; |
| 45 overflow: auto; |
| 46 border: .3em solid hsl(30, 20%, 40%); |
| 47 border-radius: .5em; |
| 48 box-shadow: 1px 1px .5em black inset; |
| 49 } |
| 50 |
| 51 /* Inline code */ |
| 52 :not(pre) > code[class*="language-"] { |
| 53 padding: .15em .2em .05em; |
| 54 border-radius: .3em; |
| 55 border: .13em solid hsl(30, 20%, 40%); |
| 56 box-shadow: 1px 1px .3em -.1em black inset; |
| 57 } |
| 58 |
| 59 .token.comment, |
| 60 .token.prolog, |
| 61 .token.doctype, |
| 62 .token.cdata { |
| 63 color: hsl(30, 20%, 50%); |
| 64 } |
| 65 |
| 66 .token.punctuation { |
| 67 opacity: .7; |
| 68 } |
| 69 |
| 70 .namespace { |
| 71 opacity: .7; |
| 72 } |
| 73 |
| 74 .token.property, |
| 75 .token.tag, |
| 76 .token.boolean, |
| 77 .token.number, |
| 78 .token.constant, |
| 79 .token.symbol { |
| 80 color: hsl(350, 40%, 70%); |
| 81 } |
| 82 |
| 83 .token.selector, |
| 84 .token.attr-name, |
| 85 .token.string, |
| 86 .token.char, |
| 87 .token.builtin, |
| 88 .token.inserted { |
| 89 color: hsl(75, 70%, 60%); |
| 90 } |
| 91 |
| 92 .token.operator, |
| 93 .token.entity, |
| 94 .token.url, |
| 95 .language-css .token.string, |
| 96 .style .token.string, |
| 97 .token.variable { |
| 98 color: hsl(40, 90%, 60%); |
| 99 } |
| 100 |
| 101 .token.atrule, |
| 102 .token.attr-value, |
| 103 .token.keyword { |
| 104 color: hsl(350, 40%, 70%); |
| 105 } |
| 106 |
| 107 .token.regex, |
| 108 .token.important { |
| 109 color: #e90; |
| 110 } |
| 111 |
| 112 .token.important, |
| 113 .token.bold { |
| 114 font-weight: bold; |
| 115 } |
| 116 .token.italic { |
| 117 font-style: italic; |
| 118 } |
| 119 |
| 120 .token.entity { |
| 121 cursor: help; |
| 122 } |
| 123 |
| 124 .token.deleted { |
| 125 color: red; |
| 126 } |
OLD | NEW |