From 9a13b860b1cc133bdfe669dae88e43832faa47f3 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Thu, 13 Aug 2020 17:30:25 -0700
Subject: [PATCH] feat: add dark-mode aware background color

---
 src/components/RelatedContentModules/Contribute.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/RelatedContentModules/Contribute.js b/src/components/RelatedContentModules/Contribute.js
index 4d4b1a6b3..e7cb72262 100644
--- a/src/components/RelatedContentModules/Contribute.js
+++ b/src/components/RelatedContentModules/Contribute.js
@@ -26,10 +26,13 @@ const Contribute = ({ pageContext }) => {
   return (
     <Section
       css={css`
-        background-color: #edeeee;
+        background-color: var(--color-neutrals-100);
+
+        .dark-mode & {
+          background-color: var(--color-dark-300);
+        }
       `}
     >
-      <Title>Contribute</Title>
       <Button
         as={ExternalLink}
         href={`${repository}/issues/new/choose`}
@@ -65,14 +68,15 @@ const Contribute = ({ pageContext }) => {
         css={css`
           margin-top: 0.5rem;
           margin-bottom: 0;
-          font-size: 0.8rem;
+          font-size: 0.75rem;
           display: block;
+          text-align: center;
         `}
       >
-        Read our
+        Read our{' '}
         <a href="https://github.com/newrelic/developer-website/blob/main/CONTRIBUTING.md">
           guide
-        </a>
+        </a>{' '}
         on how to contribute
       </p>
     </Section>