Reinstate colour on 'try this extension' button, so it is visible

quarkusio · Apr 17, 2024 · e69f92d · e69f92d
1 parent 301f9d4
commit e69f92d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git 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
@@ -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,15 +55,20 @@ 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;
         --unlisted-outline-color: #DCDCDC;
         --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 */