diff --git a/docs/usage/configuration.md b/docs/usage/configuration.md
index f6556f44..d3dbe2df 100644
--- a/docs/usage/configuration.md
+++ b/docs/usage/configuration.md
@@ -229,9 +229,9 @@ Parameter name | Docker variable | Description
         </td>
         <td><em>Unavailable</em></td>
         <td><code>String=["agate"*, "arta", "monokai", "nord", "obsidian",
-            "tomorrow-night"]</code>. <a
+            "tomorrow-night", "idea"]</code>. <a
                 href="https://highlightjs.org/static/demo/" rel="nofollow">Highlight.js</a>
-            syntax coloring theme to use. (Only these 6 styles are available.)
+            syntax coloring theme to use. (Only these 7 styles are available.)
         </td>
     </tr>
     <tr>
diff --git a/src/core/syntax-highlighting.js b/src/core/syntax-highlighting.js
index 86f79bd0..fcca99b1 100644
--- a/src/core/syntax-highlighting.js
+++ b/src/core/syntax-highlighting.js
@@ -14,6 +14,7 @@ import monokai from "react-syntax-highlighter/dist/esm/styles/hljs/monokai"
 import nord from "react-syntax-highlighter/dist/esm/styles/hljs/nord"
 import obsidian from "react-syntax-highlighter/dist/esm/styles/hljs/obsidian"
 import tomorrowNight from "react-syntax-highlighter/dist/esm/styles/hljs/tomorrow-night"
+import idea from "react-syntax-highlighter/dist/esm/styles/hljs/idea"
 
 SyntaxHighlighter.registerLanguage("json", json)
 SyntaxHighlighter.registerLanguage("js", js)
@@ -24,7 +25,7 @@ SyntaxHighlighter.registerLanguage("bash", bash)
 SyntaxHighlighter.registerLanguage("powershell", powershell)
 SyntaxHighlighter.registerLanguage("javascript", javascript)
 
-const styles = {agate, arta, monokai, nord, obsidian, "tomorrow-night": tomorrowNight}
+const styles = {agate, arta, monokai, nord, obsidian, "tomorrow-night": tomorrowNight, idea}
 export const availableStyles = Object.keys(styles)
 
 export const getStyle = name => {