Highlight.js -> Hugo's chromastyles (#1364)

* remove hljs

* rename var --hljs-bg to --code-block-bg

* bundle chroma-styles from css/includes/chroma-styles.css

* add compatibility fixes for papermod <-> chroma

* fix line-num and line padding and set width for line container to 100%

* After a lot of experimentation this compatiblity should work well

* fix inline line highlights not working

* Use catppuccin-macchiato as default theme with highlightStyle 'bg:#474733'

- hugo gen chromastyles --style catppuccin-macchiato --highlightStyle 'bg:#474733' > assets/css/includes/chroma-styles.css

assets/css/includes/chroma-mod.css

@@ -0,0 +1,24 @@
+.chroma {
+    background-color: unset !important;
+}
+
+.chroma .hl {
+    display: flex;
+}
+
+.chroma .lnt {
+    padding: 0 0 0 12px;
+}
+
+.highlight pre.chroma code {
+    padding: 8px 0;
+}
+
+.highlight pre.chroma .line .cl,
+.chroma .ln {
+    padding: 0 10px;
+}
+
+.chroma .lntd:last-of-type {
+    width: 100%;
+}