changed button text/changed button text color

alefever39 · alefever39 · commit 385c3f9a8425 · 2022-10-28T13:56:34.000-06:00
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;
 }

Original file line number	Diff line number	Diff line change
`@@ -49,7 +49,7 @@ function AlliesCard() {`
`49`	`49`	`darkMode ? "dark" : "light"`
`50`	`50`	}AllieDarkButton`}
`51`	`51`	`>`
`52`		`- Dark Mode`
	`52`	`+ {darkMode ? "Light Mode" : "Dark Mode"}`
`53`	`53`	`</button>`
`54`	`54`	`</div>`
`55`	`55`	`</div>`