diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index cc1863b0d7..a87c4bb121 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -113,7 +113,7 @@ body.td-404 main .error-details {
 
   // mermaid diagram - sequence diagram
   .actor {
-    fill: #326ce5 !important;
+    fill: $primary !important;
   }
   text.actor {
     font-size: 18px !important;
@@ -413,7 +413,7 @@ body.cid-community {
     display: inline-block;
     vertical-align: top;
     position: relative;
-    background-color: #326ce5; // Kubernetes blue
+    background-color: $primary;
     color: #fff;
     padding: 0;
     margin: 0;
@@ -527,9 +527,9 @@ body.cid-partners {
         border-radius: 6px;
         padding: 0 20px;
         line-height: 40px;
-        color: #ffffff;
         font-size: 16px;
-        background-color: #326ce5;
+        background-color: $primary;
+        color: $white;
         text-decoration: none;
      }
 
diff --git a/assets/scss/_documentation.scss b/assets/scss/_documentation.scss
index 5278bf0f20..1998855a5c 100644
--- a/assets/scss/_documentation.scss
+++ b/assets/scss/_documentation.scss
@@ -162,7 +162,7 @@ body {
 
     > .feature-state-name::before {
       content: 'ⓘ  ';
-      color: #326ce5; // Kubernetes blue
+      color: $primary;
     }
     > .feature-state-name {
       display: inline-block;