From e69f92d26fd5bc2236a40391c10721e7bc1aaf86 Mon Sep 17 00:00:00 2001
From: Holly Cummins <hcummins@redhat.com>
Date: Wed, 17 Apr 2024 11:22:12 +0100
Subject: [PATCH] Reinstate colour on 'try this extension' button, so it is
 visible

---
 src/components/extensions-display/code-link.js |  8 ++++++--
 src/style.css                                  | 13 +++++++++++--
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/extensions-display/code-link.js b/src/components/extensions-display/code-link.js
index fea2af0ac4ea..04b126226540 100644
--- a/src/components/extensions-display/code-link.js
+++ b/src/components/extensions-display/code-link.js
@@ -10,18 +10,22 @@ const Button = styled(props => <a {...props} />)`
 
   white-space: nowrap;
 
-  background-color: var(--quarkus-blue);
+  background-color: var(--cta-background-color);
   border-radius: var(--border-radius);
 
   padding: 0.5rem 2rem;
 
+  :link {
+    color: var(--navbar-text-color);
+  }
+
   &:visited {
     color: var(--navbar-text-color);
   }
 
   &:hover {
     color: var(--navbar-text-color);
-    background-color: var(--dark-red);
+    background-color: var(--cta-hover-color);
   }
 `
 const CallToAction = styled.span`
diff --git a/src/style.css b/src/style.css
index 4d4fdc71f910..53bd23efaa29 100644
--- a/src/style.css
+++ b/src/style.css
@@ -23,6 +23,10 @@ html {
 
     --controls-outline-color: #555555;
 
+    /* not in the main site additions */
+
+    --cta-background-color: #4695EB;
+    --cta-hover-color: #cc0000;
     --code-background-color: #EFEFEF; /* not in the main site */
     --code-border-color: #EFEFEF; /* not in the main site */
     --code-text-color: #333333; /* not in the main site */
@@ -51,8 +55,7 @@ html {
         --title-background-color: #0e0e0e;
         --breadcrumb-background-color: #0d1c2c;
 
-        --code-background-color: #333333; /* not in the main site */
-        --code-border-color: #222222; /* not in the main site */
+
         --code-text-color: #B5B5B5;
 
         --card-outline: #555555;
@@ -60,6 +63,12 @@ html {
         --unlisted-text-color: #CCCCCC;
         --card-background-color-hover: #333333;
         --card-background-color: #0f0f0f;
+
+        /* not in the main site additions */
+        --code-background-color: #333333;
+        --code-border-color: #222222;
+
+        --cta-background-color: #0B58AB;
     }
 
     /* code highlighting overrides */