GeezerVison is showing github.com — doc: update hljs with the latest styles · nodejs/node@1f3634e
File treeExpand file treeCollapse file tree Open diff view settings Expand file treeCollapse file tree Open diff view settings Collapse file Copy file name to clipboard +179-40Lines changed: 179 additions & 40 deletions | Original file line number | Diff line number | Diff line change |
|---|
| 1 | | -.hljs { | 2 | | - font-weight: normal; | 3 | | - font-style: normal; | | 1 | +:not(.dark-mode) { | | 2 | + pre code.hljs { | | 3 | + display: block; | | 4 | + overflow-x: auto; | | 5 | + padding: 1em; | | 6 | + } | | 7 | + code.hljs { | | 8 | + padding: 3px 5px; | | 9 | + } | | 10 | + /* | | 11 | + | | 12 | + Visual Studio-like style based on original C# coloring by Jason Diamond <[email protected]> | | 13 | + | | 14 | + */ | | 15 | + .hljs { | | 16 | + background: white; | | 17 | + color: black; | | 18 | + } | | 19 | + .hljs-comment, | | 20 | + .hljs-quote, | | 21 | + .hljs-variable { | | 22 | + color: #008000; | | 23 | + } | | 24 | + .hljs-keyword, | | 25 | + .hljs-selector-tag, | | 26 | + .hljs-built_in, | | 27 | + .hljs-name, | | 28 | + .hljs-tag { | | 29 | + color: #00f; | | 30 | + } | | 31 | + .hljs-string, | | 32 | + .hljs-title, | | 33 | + .hljs-section, | | 34 | + .hljs-attribute, | | 35 | + .hljs-literal, | | 36 | + .hljs-template-tag, | | 37 | + .hljs-template-variable, | | 38 | + .hljs-type, | | 39 | + .hljs-addition { | | 40 | + color: #a31515; | | 41 | + } | | 42 | + .hljs-deletion, | | 43 | + .hljs-selector-attr, | | 44 | + .hljs-selector-pseudo, | | 45 | + .hljs-meta { | | 46 | + color: #2b91af; | | 47 | + } | | 48 | + .hljs-doctag { | | 49 | + color: #808080; | | 50 | + } | | 51 | + .hljs-attr { | | 52 | + color: #f00; | | 53 | + } | | 54 | + .hljs-symbol, | | 55 | + .hljs-bullet, | | 56 | + .hljs-link { | | 57 | + color: #00b0e8; | | 58 | + } | | 59 | + .hljs-emphasis { | | 60 | + font-style: italic; | | 61 | + } | | 62 | + .hljs-strong { | | 63 | + font-weight: bold; | | 64 | + } | 4 | 65 | } | 5 | 66 |
| 6 | | -.hljs-symbol { | 7 | | - color: #333; | 8 | | -} | | 67 | +.dark-mode { | 9 | 68 |
| 10 | | -.hljs-attribute, | 11 | | -.hljs-keyword, | 12 | | -.hljs-type { | 13 | | - color: #338; | 14 | | -} | | 69 | + pre code.hljs { | | 70 | + display: block; | | 71 | + overflow-x: auto; | | 72 | + padding: 1em; | | 73 | + } | 15 | 74 |
| 16 | | -.hljs-string, | 17 | | -.hljs-regexp, | 18 | | -.hljs-number { | 19 | | - color: #cf350d; | 20 | | -} | | 75 | + code.hljs { | | 76 | + padding: 3px 5px; | | 77 | + } | 21 | 78 |
| 22 | | -.hljs-doctag { | 23 | | - color: #040404; | 24 | | -} | | 79 | + /* | | 80 | + * Visual Studio 2015 dark style | | 81 | + | | 82 | + */ | | 83 | + .hljs { | | 84 | + background: #1E1E1E; | | 85 | + color: #DCDCDC; | | 86 | + } | 25 | 87 |
| 26 | | -.hljs-doctag .hljs-type, | 27 | | -.hljs-doctag .hljs-variable, | 28 | | -.hljs-comment { | 29 | | - color: #666; | 30 | | - font-weight: lighter; | 31 | | -} | | 88 | + .hljs-keyword, | | 89 | + .hljs-literal, | | 90 | + .hljs-symbol, | | 91 | + .hljs-name { | | 92 | + color: #569CD6; | | 93 | + } | 32 | 94 |
| 33 | | -.dark-mode .hljs-number, | 34 | | -.dark-mode .hljs-string, | 35 | | -.dark-mode .hljs-regexp { | 36 | | - color: var(--green4); | 37 | | -} | | 95 | + .hljs-link { | | 96 | + color: #569CD6; | | 97 | + text-decoration: underline; | | 98 | + } | 38 | 99 |
| 39 | | -.dark-mode .hljs-attribute, | 40 | | -.dark-mode .hljs-doctag, | 41 | | -.dark-mode .hljs-keyword, | 42 | | -.dark-mode .hljs-type { | 43 | | - color: #66d9ef; | 44 | | -} | | 100 | + .hljs-built_in, | | 101 | + .hljs-type { | | 102 | + color: #4EC9B0; | | 103 | + } | | 104 | + | | 105 | + .hljs-number, | | 106 | + .hljs-class { | | 107 | + color: #B8D7A3; | | 108 | + } | | 109 | + | | 110 | + .hljs-string, | | 111 | + .hljs-meta .hljs-string { | | 112 | + color: #D69D85; | | 113 | + } | | 114 | + | | 115 | + .hljs-regexp, | | 116 | + .hljs-template-tag { | | 117 | + color: #9A5334; | | 118 | + } | | 119 | + | | 120 | + .hljs-subst, | | 121 | + .hljs-function, | | 122 | + .hljs-title, | | 123 | + .hljs-params, | | 124 | + .hljs-formula { | | 125 | + color: #DCDCDC; | | 126 | + } | | 127 | + | | 128 | + .hljs-comment, | | 129 | + .hljs-quote { | | 130 | + color: #57A64A; | | 131 | + font-style: italic; | | 132 | + } | | 133 | + | | 134 | + .hljs-doctag { | | 135 | + color: #608B4E; | | 136 | + } | | 137 | + | | 138 | + .hljs-meta, | | 139 | + .hljs-meta .hljs-keyword, | | 140 | + .hljs-tag { | | 141 | + color: #9B9B9B; | | 142 | + } | | 143 | + | | 144 | + .hljs-variable, | | 145 | + .hljs-template-variable { | | 146 | + color: #BD63C5; | | 147 | + } | | 148 | + | | 149 | + .hljs-attr, | | 150 | + .hljs-attribute { | | 151 | + color: #9CDCFE; | | 152 | + } | | 153 | + | | 154 | + .hljs-section { | | 155 | + color: gold; | | 156 | + } | | 157 | + | | 158 | + .hljs-emphasis { | | 159 | + font-style: italic; | | 160 | + } | | 161 | + | | 162 | + .hljs-strong { | | 163 | + font-weight: bold; | | 164 | + } | | 165 | + | | 166 | + /*.hljs-code { | | 167 | + font-family:'Monospace'; | | 168 | + }*/ | | 169 | + .hljs-bullet, | | 170 | + .hljs-selector-tag, | | 171 | + .hljs-selector-id, | | 172 | + .hljs-selector-class, | | 173 | + .hljs-selector-attr, | | 174 | + .hljs-selector-pseudo { | | 175 | + color: #D7BA7D; | | 176 | + } | | 177 | + | | 178 | + .hljs-addition { | | 179 | + background-color: #144212; | | 180 | + display: inline-block; | | 181 | + width: 100%; | | 182 | + } | 45 | 183 |
| 46 | | -.dark-mode .hljs-doctag .hljs-type, | 47 | | -.dark-mode .hljs-doctag .hljs-variable, | 48 | | -.dark-mode .hljs-comment { | 49 | | - color: var(--gray7); | | 184 | + .hljs-deletion { | | 185 | + background-color: #600; | | 186 | + display: inline-block; | | 187 | + width: 100%; | | 188 | + } | 50 | 189 | } |
|