style(frontend): change button background colors

codingben · Sep 20, 2024 · e61a706 · e61a706
1 parent e85c127
commit e61a706
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/src/frontend/src/components/App/App.jsx b/src/frontend/src/components/App/App.jsx
@@ -90,7 +90,11 @@ function Footer() {
     <div className="footer">
       <h4>
         Made with <span style={{ color: "#E91E63" }}>&#x2764;</span> by{" "}
-        <a href="https://codingben.io" target="_blank">
+        <a
+          href="https://codingben.io"
+          target="_blank"
+          style={{ textDecoration: "none" }}
+        >
           Ben Oukhanov
         </a>
       </h4>

diff --git a/src/frontend/src/components/App/app.css b/src/frontend/src/components/App/app.css
@@ -15,7 +15,7 @@
 }
 
 .fullscreen-button {
-  background-color: white;
+  background-color: transparent;
   background-repeat: no-repeat;
   border: none;
   cursor: pointer;
@@ -27,12 +27,13 @@
   margin: 26px 115px;
   font-size: 23px;
   font-family: Arial;
-  color: black;
+  font-weight: bold;
+  color: white;
   border-radius: 12px;
 }
 
 .fullscreen-button:hover {
-  color: darkgrey;
+  color: #D3D3D3;
 }
 
 /* .login-button {
@@ -56,7 +57,7 @@
 } */
 
 .github-button {
-  background-color: white;
+  background-color: transparent;
   background-repeat: no-repeat;
   border: none;
   cursor: pointer;
@@ -68,12 +69,13 @@
   margin: 26px 20px;
   font-size: 23px;
   font-family: Arial;
-  color: black;
+  font-weight: bold;
+  color: white;
   border-radius: 12px;
 }
 
 .github-button:hover {
-  color: darkgrey;
+  color: #D3D3D3;
 }
 
 /* Loader */