Footer contrast

alexdredmon · Apr 21, 2024 · 57c3d0f · 57c3d0f
1 parent ae2df47
commit 57c3d0f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/web/public/img/ghmark_dark.png b/web/public/img/ghmark_dark.png
diff --git a/web/src/components/Layout/index.js b/web/src/components/Layout/index.js
@@ -49,7 +49,7 @@ const Layout = props => {
         </div>
         <div className={styles.viewSource}>
           <a href="https://github.com/alexdredmon/notchbegone" target="_blank"  rel="noreferrer">
-            <img src="img/ghmark.png" className={styles.ghmark} alt="GitHub" />
+            <img src="img/ghmark_dark.png" className={styles.ghmark} alt="GitHub" />
             View source
           </a>
         </div>

diff --git a/web/src/components/Layout/styles.module.css b/web/src/components/Layout/styles.module.css
@@ -14,15 +14,17 @@ body {
 .ghmark {
   margin-right:  5px;
   width:  18px;
+  position: relative;
+  top: 2px;
 }
 .madeBy a, .viewSource a {
-  color: #86d6df !important;
+  color: #04414a !important;
   font-family: "Bebas Neue";
   text-decoration:  none;
   font-size: 20px;
 }
 .footer {
-  width:  calc(100vw - 45px);
+  width:  calc(100vw - 50px);
   display: flex;
   flex-direction: row;
   align-items: center;