Mercurial
comparison third_party/highlight/styles/cybertopia-dimmer.css @ 173:827c6ac504cd hg-web
Merged in default here.
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Mon, 19 Jan 2026 18:59:10 -0800 |
| parents | 2db6253f355d |
| children |
comparison
equal
deleted
inserted
replaced
| 151:c033667da5f9 | 173:827c6ac504cd |
|---|---|
| 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: Cybertopia Dimmer | |
| 11 Author: Alexandre ZANNI (noraj) | |
| 12 Repository: https://github.com/noraj/cybertopia-highlightjs | |
| 13 */ | |
| 14 :root { | |
| 15 --hljs-bg: #101010; | |
| 16 --hljs-mono-1: #abb2bf; | |
| 17 --hljs-mono-3: #5c6370; | |
| 18 --hljs-hue-1: #97C502; | |
| 19 --hljs-hue-2: #469EBE; | |
| 20 --hljs-hue-3: #A246BE; | |
| 21 --hljs-hue-4: #02c797; | |
| 22 --hljs-hue-5: #C50233; | |
| 23 --hljs-hue-6: #BE6446; | |
| 24 --hljs-hue-6-2: #c5bb02; | |
| 25 --hljs-hue-7: #64BE46 | |
| 26 } | |
| 27 .hljs { | |
| 28 color: var(--hljs-mono-1); | |
| 29 background: var(--hljs-bg) | |
| 30 } | |
| 31 .hljs-comment, | |
| 32 .hljs-quote, | |
| 33 .hljs-code { | |
| 34 color: var(--hljs-mono-3); | |
| 35 font-style: italic | |
| 36 } | |
| 37 .hljs-doctag, | |
| 38 .hljs-keyword, | |
| 39 .hljs-formula, | |
| 40 .hljs-meta .hljs-keyword { | |
| 41 color: var(--hljs-hue-3) | |
| 42 } | |
| 43 .hljs-section, | |
| 44 .hljs-name, | |
| 45 .hljs-selector-tag, | |
| 46 .hljs-deletion, | |
| 47 .hljs-subst { | |
| 48 color: var(--hljs-hue-5) | |
| 49 } | |
| 50 .hljs-literal { | |
| 51 color: var(--hljs-hue-1) | |
| 52 } | |
| 53 .hljs-string, | |
| 54 .hljs-regexp, | |
| 55 .hljs-addition, | |
| 56 .hljs-attribute, | |
| 57 .hljs-meta .hljs-string { | |
| 58 color: var(--hljs-hue-4) | |
| 59 } | |
| 60 .hljs-attr, | |
| 61 .hljs-variable, | |
| 62 .hljs-template-variable, | |
| 63 .hljs-type, | |
| 64 .hljs-selector-class, | |
| 65 .hljs-selector-attr, | |
| 66 .hljs-selector-pseudo, | |
| 67 .hljs-number, | |
| 68 .hljs-punctuation, | |
| 69 .hljs-variable.language_ { | |
| 70 color: var(--hljs-hue-6) | |
| 71 } | |
| 72 .hljs-symbol, | |
| 73 .hljs-bullet, | |
| 74 .hljs-link, | |
| 75 .hljs-meta, | |
| 76 .hljs-selector-id, | |
| 77 .hljs-title, | |
| 78 .hljs-title.function_, | |
| 79 .hljs-property, | |
| 80 .hljs-tag, | |
| 81 .hljs-char.escape_ { | |
| 82 color: var(--hljs-hue-2) | |
| 83 } | |
| 84 .hljs-built_in, | |
| 85 .hljs-title.class_, | |
| 86 .hljs-title.class_.inherited__, | |
| 87 .hljs-class .hljs-title { | |
| 88 color: var(--hljs-hue-6-2) | |
| 89 } | |
| 90 .hljs-emphasis { | |
| 91 font-style: italic | |
| 92 } | |
| 93 .hljs-strong { | |
| 94 font-weight: bold | |
| 95 } | |
| 96 .hljs-link { | |
| 97 text-decoration: underline | |
| 98 } | |
| 99 .hljs-params, | |
| 100 .hljs-operator, | |
| 101 .hljs-template-tag { | |
| 102 color: var(--hljs-hue-7) | |
| 103 } |