Mercurial
comparison third_party/highlight/styles/hybrid.css @ 157:2db6253f355d
[ThirdParty] Added highlight library for better readability on blog.
| author | June Park <parkjune1995@gmail.com> |
|---|---|
| date | Tue, 13 Jan 2026 19:18:47 -0800 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| 156:cd35e600ae34 | 157:2db6253f355d |
|---|---|
| 1 pre code.hljs { | |
| 2 display: block; | |
| 3 overflow-x: auto; | |
| 4 padding: 1em | |
| 5 } | |
| 6 code.hljs { | |
| 7 padding: 3px 5px | |
| 8 } | |
| 9 /* | |
| 10 | |
| 11 vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid) | |
| 12 | |
| 13 */ | |
| 14 .hljs { | |
| 15 background: #1d1f21; | |
| 16 color: #c5c8c6 | |
| 17 } | |
| 18 /*selection color*/ | |
| 19 .hljs::selection, | |
| 20 .hljs span::selection { | |
| 21 background: #373b41 | |
| 22 } | |
| 23 .hljs::-moz-selection, | |
| 24 .hljs span::-moz-selection { | |
| 25 background: #373b41 | |
| 26 } | |
| 27 /*color: fg_yellow*/ | |
| 28 .hljs-title, | |
| 29 .hljs-name { | |
| 30 color: #f0c674 | |
| 31 } | |
| 32 /*color: fg_comment*/ | |
| 33 .hljs-comment, | |
| 34 .hljs-meta, | |
| 35 .hljs-meta .hljs-keyword { | |
| 36 color: #707880 | |
| 37 } | |
| 38 /*color: fg_red*/ | |
| 39 .hljs-number, | |
| 40 .hljs-symbol, | |
| 41 .hljs-literal, | |
| 42 .hljs-deletion, | |
| 43 .hljs-link { | |
| 44 color: #cc6666 | |
| 45 } | |
| 46 /*color: fg_green*/ | |
| 47 .hljs-string, | |
| 48 .hljs-doctag, | |
| 49 .hljs-addition, | |
| 50 .hljs-regexp, | |
| 51 .hljs-selector-attr, | |
| 52 .hljs-selector-pseudo { | |
| 53 color: #b5bd68 | |
| 54 } | |
| 55 /*color: fg_purple*/ | |
| 56 .hljs-attribute, | |
| 57 .hljs-code, | |
| 58 .hljs-selector-id { | |
| 59 color: #b294bb | |
| 60 } | |
| 61 /*color: fg_blue*/ | |
| 62 .hljs-keyword, | |
| 63 .hljs-selector-tag, | |
| 64 .hljs-bullet, | |
| 65 .hljs-tag { | |
| 66 color: #81a2be | |
| 67 } | |
| 68 /*color: fg_aqua*/ | |
| 69 .hljs-subst, | |
| 70 .hljs-variable, | |
| 71 .hljs-template-tag, | |
| 72 .hljs-template-variable { | |
| 73 color: #8abeb7 | |
| 74 } | |
| 75 /*color: fg_orange*/ | |
| 76 .hljs-type, | |
| 77 .hljs-built_in, | |
| 78 .hljs-quote, | |
| 79 .hljs-section, | |
| 80 .hljs-selector-class { | |
| 81 color: #de935f | |
| 82 } | |
| 83 .hljs-emphasis { | |
| 84 font-style: italic | |
| 85 } | |
| 86 .hljs-strong { | |
| 87 font-weight: bold | |
| 88 } |