highlight.css
| 1 | /* |
| 2 | * SPDX-FileCopyrightText: 2020, 2021 Julien Lepiller <julien@lepiller.eu> |
| 3 | * |
| 4 | * SPDX-License-Identifier: CC0-1.0 |
| 5 | */ |
| 6 | |
| 7 | :root { |
| 8 | --comment: #777; |
| 9 | --string: rgb(235, 87, 83); |
| 10 | --number: rgb(254, 62, 83); |
| 11 | --keyword: rgb(78, 137, 167); |
| 12 | --keyword2: rgb(52, 183, 178); |
| 13 | --special: rgb(179,177,57); |
| 14 | --special2: rgb(219, 100, 154); |
| 15 | --special3: rgb(154, 100, 219); |
| 16 | --special4: rgb(217, 143, 109);; |
| 17 | --special5: rgb(189, 52, 78);; |
| 18 | |
| 19 | --error-bg: rgb(223, 65, 91); |
| 20 | --error-fg: #fff; |
| 21 | } |
| 22 | |
| 23 | /* syntax highlighting */ |
| 24 | .syntax-comment { |
| 25 | color: var(--comment); |
| 26 | } |
| 27 | |
| 28 | .syntax-string { |
| 29 | color: var(--string); |
| 30 | } |
| 31 | |
| 32 | .syntax-keyword, .syntax-builtin { |
| 33 | color: var(--keyword2); |
| 34 | font-weight: bold; |
| 35 | } |
| 36 | |
| 37 | .syntax-variable { |
| 38 | color: var(--keyword); |
| 39 | } |
| 40 | |
| 41 | .syntax-number { |
| 42 | color: var(--number); |
| 43 | } |
| 44 | |
| 45 | /* language-specific */ |
| 46 | |
| 47 | /*** |
| 48 | * SCHEME * |
| 49 | * ***/ |
| 50 | |
| 51 | .language-scheme .syntax-special { |
| 52 | color: var(--keyword); |
| 53 | font-weight: bold; |
| 54 | } |
| 55 | |
| 56 | .language-scheme .syntax-open + .syntax-symbol { |
| 57 | font-weight: bold; |
| 58 | } |
| 59 | |
| 60 | .language-scheme .syntax-open, .language-scheme .syntax-close { |
| 61 | color: var(--comment); |
| 62 | } |
| 63 | |
| 64 | /*** |
| 65 | * GITIGNORE * |
| 66 | * ***/ |
| 67 | .language-gitignore .syntax-special { |
| 68 | color: var(--keyword); |
| 69 | } |
| 70 | |
| 71 | |
| 72 | /*** |
| 73 | * CSS * |
| 74 | * ***/ |
| 75 | .language-css .syntax-color { |
| 76 | color: var(--number); |
| 77 | } |
| 78 | |
| 79 | .language-css .syntax-selector { |
| 80 | color: var(--special); |
| 81 | } |
| 82 | |
| 83 | .language-css .syntax-class { |
| 84 | color: var(--special2); |
| 85 | } |
| 86 | |
| 87 | .language-css .syntax-builtin-property { |
| 88 | color: var(--special3); |
| 89 | } |
| 90 | |
| 91 | .language-css .syntax-id { |
| 92 | color: var(--special4); |
| 93 | } |
| 94 | |
| 95 | .language-css .syntax-important { |
| 96 | background: var(--error-bg); |
| 97 | color: var(--error-fg); |
| 98 | display: inline-block; |
| 99 | font-weight: bold; |
| 100 | padding: 0.2em 0; |
| 101 | margin: -0.2em 0; |
| 102 | } |
| 103 | |
| 104 | .language-css .syntax-prelude { |
| 105 | color: var(--special5); |
| 106 | } |
| 107 |