recolor

Author: maxchistt

src/Cards/AddCard.js

@@ -57,7 +57,7 @@ function AddCard({ onCreate, onDeleteAll }) {
         </div>
 
         <div className="col-lg-1 col-md-1 col-sm-3 col-4 p-1">
-          <Palette setColor={setColor} className={`btn btn-outline-secondary palitra-btn ${blackOnHover() ? "palitra-blackOnHover" : ""}`} style={{ width: "100%", background: color }}></Palette>
+          <Palette setColor={setColor} className={`btn btn-outline-secondary palitra-btn ${blackOnHover() ? "palitra-blackOnHover" : "palitra-lightOnHover"}`} style={{ width: "100%", background: color }}></Palette>
         </div>
 
         <div className="col-lg-2 col-md-1 col p-1">

src/Cards/palette/palette.css

@@ -6,6 +6,15 @@
   border-color: lightgray !important;
 }
 
+.palitra-lightOnHover {
+  border-color: #868e96 !important;
+  color: #495057 !important;
+}
+
+.palitra-lightOnHover:hover {
+  color: white !important;
+}
+
 .palitra-btn:focus {
   box-shadow: 0 0 0 0.2rem rgb(216 217 219 / 50%) !important;
 }