changed button text/changed button text color

women-who-software · Oct 28, 2022 · 385c3f9 · 385c3f9
1 parent da1af07
commit 385c3f9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/cards/AlliesCard/AlliesCard.jsx b/src/cards/AlliesCard/AlliesCard.jsx
@@ -49,7 +49,7 @@ function AlliesCard() {
             darkMode ? "dark" : "light"
           }AllieDarkButton`}
         >
-          Dark Mode
+          {darkMode ? "Light Mode" : "Dark Mode"}
         </button>
       </div>
     </div>

diff --git a/src/cards/AlliesCard/AlliesCard.scss b/src/cards/AlliesCard/AlliesCard.scss
@@ -70,7 +70,7 @@
 .allieDarkButton {
   border-radius: 2rem;
   font-size: 0.8rem;
-  width: 5rem;
+  width: auto;
   height: 1.5rem;
 }
 
@@ -92,4 +92,5 @@
 
 .darkAllieDarkButton:hover {
   background-color: rgb(51, 206, 226);
+  color: black;
 }