| 1 | pre { |
| 2 | background: #232023; |
| 3 | color: #fcfcfc; |
| 4 | padding: 1rem; |
| 5 | border-radius: 6px; |
| 6 | overflow: auto; |
| 7 | font-family: Consolas,Monaco,monospace; |
| 8 | border: 1px solid #f545f5; |
| 9 | overflow-x: auto; |
| 10 | } |
| 11 | |
| 12 | pre > code.hl { |
| 13 | color: #fcfcfc; |
| 14 | } |
| 15 | |
| 16 | code { |
| 17 | color: #b421f8; |
| 18 | line-height: 1.45; |
| 19 | } |
| 20 | |
| 21 | .hl-comment { color: #2c980c; font-style: italic; } /* dark.green */ |
| 22 | .hl-keyword { color: #2687f7; } /* medium.blue */ |
| 23 | .hl-type { color: #10c074; } /* dark.lime */ |
| 24 | .hl-builtin { color: #ecea71; } /* light.yellow */ |
| 25 | .hl-function { color: #ecea71; } /* light.yellow */ |
| 26 | .hl-string { color: #f7a717; } /* medium.orange */ |
| 27 | .hl-number { color: #6cf344; } /* light.green */ |
| 28 | .hl-constant { color: #ea79d8; } /* light.pink */ |
| 29 | .hl-preprocessor { color: #ae6bdb; } /* light.purple */ |
| 30 | .hl-attribute { color: #f8c56a; } /* light.orange */ |
| 31 | .hl-variable { color: #29d3ff; } /* medium.cyan */ |
| 32 | /* アセンブリ */ |
| 33 | .hl-instruction { color: #2687f7; } /* medium.blue */ |
| 34 | .hl-register { color: #1cbcd0; } /* dark.cyan */ |
| 35 | .hl-directive { color: #f545f5; } /* medium.pink */ |
| 36 | .hl-label { color: #ecea71; } /* light.yellow */ |