diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index b3f9a9148f..7ff0a066d3 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -7,7 +7,12 @@
 
 /* You can override the default Infima variables here. */
 :root {
-    --color-unleash-purple: #635dc5;
+    --unleash-color-purple: #635dc5;
+
+    --unleash-color-admonition-background: #ecebeb;
+    --unleash-color-admonition-border: #999;
+    --unleash-color-admonition-text: #2b2b2b;
+
     --ifm-color-primary: #39535b;
     --ifm-color-primary-dark: #334b52;
     --ifm-color-primary-darker: #30474d;
@@ -17,12 +22,8 @@
     --ifm-color-primary-lightest: #4a6c76;
     --ifm-code-font-size: 90%;
     --ifm-font-size-base: 15px;
-    --ifm-link-color: var(--color-unleash-purple);
+    --ifm-link-color: var(--unleash-color-purple);
     --navbar-link-color: #122d33;
-
-    --unleash-color-admonition-background: #ecebeb;
-    --unleash-color-admonition-border: #999;
-    --unleash-color-admonition-text: #2b2b2b;
 }
 
 footer {
@@ -37,7 +38,7 @@ li.theme-doc-sidebar-item-category-level-1 > div::before {
     width: 0.3em;
     height: 100%;
     content: ' ';
-    background-color: var(--color-unleash-purple);
+    background-color: var(--unleash-color-purple);
     border-radius: 2px;
     position: absolute;
 }