Mercurial
comparison third_party/highlight/styles/stackoverflow-dark.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 Theme: StackOverflow Dark | |
| 11 Description: Dark theme as used on stackoverflow.com | |
| 12 Author: stackoverflow.com | |
| 13 Maintainer: @Hirse | |
| 14 Website: https://github.com/StackExchange/Stacks | |
| 15 License: MIT | |
| 16 Updated: 2021-05-15 | |
| 17 | |
| 18 Updated for @stackoverflow/stacks v0.64.0 | |
| 19 Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less | |
| 20 Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less | |
| 21 */ | |
| 22 .hljs { | |
| 23 /* var(--highlight-color) */ | |
| 24 color: #ffffff; | |
| 25 /* var(--highlight-bg) */ | |
| 26 background: #1c1b1b | |
| 27 } | |
| 28 .hljs-subst { | |
| 29 /* var(--highlight-color) */ | |
| 30 color: #ffffff | |
| 31 } | |
| 32 .hljs-comment { | |
| 33 /* var(--highlight-comment) */ | |
| 34 color: #999999 | |
| 35 } | |
| 36 .hljs-keyword, | |
| 37 .hljs-selector-tag, | |
| 38 .hljs-meta .hljs-keyword, | |
| 39 .hljs-doctag, | |
| 40 .hljs-section { | |
| 41 /* var(--highlight-keyword) */ | |
| 42 color: #88aece | |
| 43 } | |
| 44 .hljs-attr { | |
| 45 /* var(--highlight-attribute); */ | |
| 46 color: #88aece | |
| 47 } | |
| 48 .hljs-attribute { | |
| 49 /* var(--highlight-symbol) */ | |
| 50 color: #c59bc1 | |
| 51 } | |
| 52 .hljs-name, | |
| 53 .hljs-type, | |
| 54 .hljs-number, | |
| 55 .hljs-selector-id, | |
| 56 .hljs-quote, | |
| 57 .hljs-template-tag { | |
| 58 /* var(--highlight-namespace) */ | |
| 59 color: #f08d49 | |
| 60 } | |
| 61 .hljs-selector-class { | |
| 62 /* var(--highlight-keyword) */ | |
| 63 color: #88aece | |
| 64 } | |
| 65 .hljs-string, | |
| 66 .hljs-regexp, | |
| 67 .hljs-symbol, | |
| 68 .hljs-variable, | |
| 69 .hljs-template-variable, | |
| 70 .hljs-link, | |
| 71 .hljs-selector-attr { | |
| 72 /* var(--highlight-variable) */ | |
| 73 color: #b5bd68 | |
| 74 } | |
| 75 .hljs-meta, | |
| 76 .hljs-selector-pseudo { | |
| 77 /* var(--highlight-keyword) */ | |
| 78 color: #88aece | |
| 79 } | |
| 80 .hljs-built_in, | |
| 81 .hljs-title, | |
| 82 .hljs-literal { | |
| 83 /* var(--highlight-literal) */ | |
| 84 color: #f08d49 | |
| 85 } | |
| 86 .hljs-bullet, | |
| 87 .hljs-code { | |
| 88 /* var(--highlight-punctuation) */ | |
| 89 color: #cccccc | |
| 90 } | |
| 91 .hljs-meta .hljs-string { | |
| 92 /* var(--highlight-variable) */ | |
| 93 color: #b5bd68 | |
| 94 } | |
| 95 .hljs-deletion { | |
| 96 /* var(--highlight-deletion) */ | |
| 97 color: #de7176 | |
| 98 } | |
| 99 .hljs-addition { | |
| 100 /* var(--highlight-addition) */ | |
| 101 color: #76c490 | |
| 102 } | |
| 103 .hljs-emphasis { | |
| 104 font-style: italic | |
| 105 } | |
| 106 .hljs-strong { | |
| 107 font-weight: bold | |
| 108 } | |
| 109 .hljs-formula, | |
| 110 .hljs-operator, | |
| 111 .hljs-params, | |
| 112 .hljs-property, | |
| 113 .hljs-punctuation, | |
| 114 .hljs-tag { | |
| 115 /* purposely ignored */ | |
| 116 | |
| 117 } |