diff --git a/app/assets/stylesheets/color_definitions.scss b/app/assets/stylesheets/color_definitions.scss
index 6c1b9939cf0..664413282da 100644
--- a/app/assets/stylesheets/color_definitions.scss
+++ b/app/assets/stylesheets/color_definitions.scss
@@ -111,7 +111,7 @@
   --hljs-attribute: #{$hljs-attribute};
   --hljs-symbol: #{$hljs-symbol};
   --hljs-bg: #{$hljs-bg};
-
+  --hljs-builtin-name: #{$hljs-builtin-name};
   --google: #{$google};
   --google-hover: #{$google-hover};
   --instagram: #{$instagram};
diff --git a/app/assets/stylesheets/common/base/code_highlighting.scss b/app/assets/stylesheets/common/base/code_highlighting.scss
index c7361576762..f659e35d51d 100644
--- a/app/assets/stylesheets/common/base/code_highlighting.scss
+++ b/app/assets/stylesheets/common/base/code_highlighting.scss
@@ -90,7 +90,7 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
 .lisp .hljs-title,
 .clojure .hljs-built_in,
 .hljs-builtin-name {
-  color: var(--tertiary-high);
+  color: var(--hljs-builtin-name);
 }
 
 .meta {
diff --git a/app/assets/stylesheets/common/foundation/color_transformations.scss b/app/assets/stylesheets/common/foundation/color_transformations.scss
index ed24ed6f2f6..df73cfdb683 100644
--- a/app/assets/stylesheets/common/foundation/color_transformations.scss
+++ b/app/assets/stylesheets/common/foundation/color_transformations.scss
@@ -154,3 +154,7 @@ $hljs-attribute: dark-light-choose(
 ) !default;
 $hljs-symbol: dark-light-choose(unquote("#990073"), unquote("#fbe")) !default;
 $hljs-bg: dark-light-choose(unquote("#f8f8f8"), unquote("#333")) !default;
+$hljs-builtin-name: dark-light-choose(
+  $tertiary-high,
+  unquote("#65b9db")
+) !default;