Change color for buttons and menu to "sub pink".

views/dashboardPage/dashboard.css

@@ -105,13 +105,13 @@ Multi-strand use classes
     }
 
     .choosable:hover{
-        background: rgb(201, 201, 201);
+        background: rgb(179, 191, 209);
         color: black;
     }
 
     .choosable.active{
-        background: rgb(179, 191, 209);
-        color: white;
+        background: rgb(240, 252, 255);
+        color: black;
     }
 
 .searchBar{

views/dashboardPage/sidebars.css

@@ -35,7 +35,7 @@
     .menuHead a{
         display: flex;
         align-items: center;
-        color: white;
+        color: rgb(255, 99, 107);
         text-decoration: none;
         width: 80%;
     }
@@ -66,7 +66,7 @@
         align-items: center;
         background: none;
         border-style: none;
-        color: white;
+        color: rgb(255, 99, 107);
         font-size: 18px;
         margin: 15px 0;
         padding-left: 15px;
@@ -90,31 +90,27 @@
 
         .menuButton:hover{
             background: rgb(179, 191, 209);
-            color: black;
-            fill: black;
+            /* color: black; */
+            /* fill: black; */
         }
 
         .menuButton:hover svg{
-            stroke: black;
+            /* stroke: black; */
         }
 
-    .menu a{
-        color: white;
-    }
-
     .menu > .active{
         background: rgb(240, 252, 255);
-        color: black;
+        /* color: black; */
         cursor: default;
     }
 
     .menu > .active:hover{
         background: rgb(240, 252, 255);
-        color: black;
+        /* color: black; */
     }
 
     .menu > .active:hover svg{
-        stroke: black;
+        /* stroke: black; */
     }
 
 /* Minimized menu */

views/shared/shared.css

@@ -181,14 +181,12 @@ button::-moz-focus-inner{
 
 .button{
     display: initial;
-    background: rgb(255, 99, 107);
+    background: rgb(0, 27, 45);
     border: none;
     text-decoration: none;
-    border-radius: 4px;
-    padding: 10px;
-    color: white;
+    padding: 2px 10px;
+    color: rgb(255, 99, 107);
     cursor: pointer;
-    transition: 0.3s;
     text-align: center;
     font-size: 20px;
     font-weight: bold;
@@ -198,8 +196,11 @@ button::-moz-focus-inner{
 }
 
     .button:hover{
-        background: rgb(243, 77, 86);
-        color: white;
+        background: rgb(179, 191, 209);
+    }
+
+    .button:active{
+        background: rgb(240, 252, 255);
     }
 
 .button-small{