colors

frontend/src/components/Banner.vue

@@ -26,7 +26,7 @@ export default {
 
 <style>
 .banner {
-  background-color: #150578;
+  background-color: #912F56;
   flex-direction: row;
   vertical-align: middle;
   display: flex;
@@ -35,7 +35,7 @@ export default {
 }
 .name {
   text-align: left;
-  background-color: #150578;
+  background-color: #912F56;
   flex-direction: row;
   vertical-align: middle;
   display: flex;

frontend/src/components/BurgerMenu.vue

@@ -55,7 +55,7 @@ export default {
 <style scoped>
 /* ******************** NAV BAR ******************** */
 .topnav {
-  background-color: #150578;
+  background-color: #912F56;
   display: flex;
   align-items: center;
   width: 100%;

frontend/src/components/Footer.vue

@@ -14,7 +14,7 @@ export default {
 .footer {
   text-align: center;
   display: flex;
-  background-color: #150578;
+  background-color: #912F56;
   color: white;
   justify-content: center;
   margin-top: 20px;

frontend/src/components/MovieType.vue

@@ -26,7 +26,7 @@
     display: flex;
     flex-direction: column;
     margin-left: 20px;
-    background-color: #449DD1;
+    background-color: #912F56;
     width: 200px;
     border-radius: 20px;
     color:white;

frontend/src/views/Users.vue

@@ -35,7 +35,7 @@
 .like {
   text-align: center;
   display: flex;
-  background-color: #449DD1;
+  background-color: #912F56;
   color: white;
   max-height: 100px;
   justify-content: center;