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