diff --git a/docusaurus.config.js b/docusaurus.config.js
index 41423df2dae..09603acadca 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -324,7 +324,7 @@ module.exports = {
     prism: {
       theme: { plain: {}, styles: [] },
       // https://github.com/FormidableLabs/prism-react-renderer/blob/e6d323332b0363a633407fabab47b608088e3a4d/packages/generate-prism-languages/index.ts#L9-L25
-      additionalLanguages: ['shell-session', 'http'],
+      additionalLanguages: ['shell-session', 'http', 'diff'],
     },
     algolia: {
       appId: 'O9QSL985BS',
diff --git a/src/styles/components/_code.scss b/src/styles/components/_code.scss
index 667af512822..eb161f1d8d6 100644
--- a/src/styles/components/_code.scss
+++ b/src/styles/components/_code.scss
@@ -137,8 +137,7 @@ pre[class*='language-'] {
 .token.selector,
 .token.char,
 .token.function,
-.token.builtin,
-.token.inserted {
+.token.builtin {
   color: #ff6810;
 }
 
@@ -149,7 +148,8 @@ pre[class*='language-'] {
 .token.attr-value,
 .language-css .token.string,
 .style .token.string,
-.token.variable {
+.token.variable,
+.token.inserted {
   color: #42b983;
 }