docs: add additional language styles

docs/docs/configuration.md

@@ -51,7 +51,7 @@ repositories:
 
 The config file can be overriden/defined through env vars.
 
-```
+```bash
 GILT_GILTFILE=Giltfile.yaml \
 GILT_GILTDIR=~/.gilt/clone \
 GILT_DEBUG=false \
@@ -62,7 +62,7 @@ go-gilt overlay
 
 The config file and/or env vars can be overriden/defined through cli flags.
 
-```
+```bash
 go-gilt \
  --gilt-file=Giltfile.yaml \
  --gilt-dir=~/.gilt/clone \

docs/docs/installation.md

@@ -6,12 +6,12 @@ sidebar_position: 2
 
 ## Homebrew Tap
 
-```
+```bash
 brew install retr0h/tap/go-gilt
 ```
 
 ## Go Install
 
-```
+```bash
 go install github.com/retr0h/go-gilt@latest
 ```

docs/docs/testing.md

@@ -6,24 +6,24 @@ sidebar_position: 5
 
 Check installed dependencies:
 
-```
+```bash
 task deps:check
 ```
 
 To execute tests:
 
-```
+```bash
 task test
 ```
 
 Auto format code:
 
-```
+```bash
 task fmt
 ```
 
 List helpful targets:
 
-```
+```bash
 task
 ```

docs/docs/usage.md

@@ -10,15 +10,15 @@ sidebar_position: 4
 
 Overlay a remote repository into the destination provided.
 
-```
+```bash
 gilt overlay
 ```
 
 ### Debug
 
 Display the git commands being executed.
 
-```
+```bash
 gilt --debug overlay
 ```
 

docs/docusaurus.config.js

@@ -47,7 +47,10 @@ const config = {
  blog: {},
  pages: {},
  theme: {
- customCss: './src/css/custom.css',
+ customCss: [
+ './src/css/custom.css',
+ './src/css/prism-rose-pine-moon.css',
+ ],
  },
  }),
  ],
@@ -107,6 +110,7 @@ const config = {
  prism: {
  theme: prismThemes.github,
  darkTheme: prismThemes.dracula,
+ additionalLanguages: ['bash', 'json', 'yaml'],
  },
  colorMode: {
  defaultMode: 'dark',

docs/src/css/prism-rose-pine-moon.css

@@ -0,0 +1,201 @@
+/**
+ * MIT License
+ * Rosé Pine Theme
+ * https://github.com/rose-pine
+ * Ported for PrismJS by fvrests [@fvrests]
+ */
+
+ code[class*="language-"],
+ pre[class*="language-"] {
+ color: #e0def4;
+ background: #232136;
+ font-family: "Cartograph CF", ui-monospace, SFMono-Regular, Menlo, Monaco,
+ Consolas, "Liberation Mono", "Courier New", monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+
+ @media print {
+ text-shadow: none;
+ }
+ }
+
+ /* Selection */
+ code[class*="language-"]::-moz-selection,
+ pre[class*="language-"]::-moz-selection,
+ code[class*="language-"] ::-moz-selection,
+ pre[class*="language-"] ::-moz-selection {
+ background: #312f44;
+ }
+
+ code[class*="language-"]::selection,
+ pre[class*="language-"]::selection,
+ code[class*="language-"] ::selection,
+ pre[class*="language-"] ::selection {
+ background: #312f44;
+ }
+
+ /* Code (block & inline) */
+ :not(pre) > code[class*="language-"],
+ pre[class*="language-"] {
+ color: #e0def4;
+ background: #232136;
+ }
+
+ /* Code blocks */
+ pre[class*="language-"] {
+ padding: 1em;
+ margin: 0.5em 0;
+ overflow: auto;
+ }
+
+ /* Inline code */
+ :not(pre) > code[class*="language-"] {
+ padding: 0.1em;
+ border-radius: 0.3em;
+ white-space: normal;
+ color: #e0def4;
+ background: #232136;
+ }
+
+ /* Text style & opacity */
+ .token.entity {
+ cursor: help;
+ }
+
+ .token.important,
+ .token.bold {
+ font-weight: bold;
+ }
+
+ .token.italic,
+ .token.selector,
+ .token.doctype,
+ .token.attr-name,
+ .token.inserted,
+ .token.deleted,
+ .token.comment,
+ .token.prolog,
+ .token.cdata,
+ .token.constant,
+ .token.parameter,
+ .token.url {
+ font-style: italic;
+ }
+
+ .token.url {
+ text-decoration: underline;
+ }
+
+ .namespace {
+ opacity: 0.7;
+ }
+
+ /* Syntax highlighting */
+ .token.constant {
+ color: #e0def4;
+ }
+
+ .token.comment,
+ .token.prolog,
+ .token.cdata,
+ .token.punctuation {
+ color: #59546d;
+ }
+
+ .token.delimiter,
+ .token.important,
+ .token.atrule,
+ .token.operator,
+ .token.keyword {
+ color: #3e8fb0;
+ }
+
+ .token.tag,
+ .token.tag .punctuation,
+ .token.doctype,
+ .token.variable,
+ .token.regex,
+ .token.class-name,
+ .token.selector,
+ .token.inserted {
+ color: #9ccfd8;
+ }
+
+ .token.boolean,
+ .token.entity,
+ .token.number,
+ .token.symbol,
+ .token.function {
+ color: #ea9a97;
+ }
+
+ .token.string,
+ .token.char,
+ .token.property,
+ .token.attr-value,
+ .token.attr-value .punctuation {
+ color: #f6c177;
+ }
+
+ .token.parameter,
+ .token.url,
+ .token.name,
+ .token.attr-name,
+ .token.builtin {
+ color: #c4a7e7;
+ }
+
+ .token.deleted {
+ color: #eb6f92;
+ }
+
+ /* Insertions & deletions */
+ .token.inserted {
+ background: rgba(156 207 216 0.12);
+ }
+
+ .token.deleted {
+ background: rgba(235 111 146 0.12);
+ }
+
+ /* Line highlighting */
+ pre[data-line] {
+ position: relative;
+ }
+
+ pre[class*="language-"] > code[class*="language-"] {
+ position: relative;
+ z-index: 1;
+ }
+
+ .line-highlight,
+ .highlight-lines .highlighted {
+ position: absolute;
+ left: 0;
+ right: 0;
+ padding: inherit 0;
+ margin-top: 1em;
+
+ background: #312f44;
+ box-shadow: inset 5px 0 0 #e0def4;
+
+ z-index: 0;
+
+ pointer-events: none;
+
+ line-height: inherit;
+ white-space: pre;
+ }