titles colors

js/src/common.scss

@@ -185,18 +185,18 @@ a {
 .title {
   margin: 1rem auto 1.5rem !important;
 }
-
+h1,h2,h3,h4,h5,h6{
+  background: transparent;
+  color : $chapril_blue;
+  span{
+    background: $chapril_blue ;
+    color : $white ;
+  }
+}
 .setting-title {
   margin-top: 2rem;
   margin-bottom: 1rem;
-  h1,h2,h3,h4,h5,h6{
-    background: $secondary;
-    color : $white;
-    span{
-      background: $secondary !important;
-      color : $white !important;
-    }
-  }
+
   h2 {
     display: inline;
 
@@ -269,6 +269,12 @@ a {
 footer
 
  */
+footer{
+  padding-bottom:2em;
+  ul, .content{
+    margin-bottom: 0.5em;
+  }
+}
 footer.footer[data-v-40ab164b] span.select select{
   background: $chapril_blue_light;
   color: #000;

js/src/components/Event/DateCalendarIcon.vue

@@ -43,14 +43,13 @@ export default class DateCalendarIcon extends Vue {
 
 <style lang="scss" scoped>
 time.datetime-container {
-  background: $primary-dark;
-  border: 1px solid $borders;
-  color: $white;
+  background: $chapril_blue_light;
+  border: 1px solid $chapril_blue_light;
+  color: $chapril_blue;
   border-radius: 8px;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  /*height: 50px;*/
   width: 50px;
   padding: 8px;
   text-align: center;
@@ -60,7 +59,6 @@ time.datetime-container {
     font-weight: 600;
 
     &.month {
-      color: $white;
       padding: 2px 0;
       font-size: 12px;
       line-height: 12px;
@@ -68,7 +66,7 @@ time.datetime-container {
     }
 
     &.day {
-      color: $violet-3;
+      color: $white;
       font-size: 20px;
       line-height: 20px;
     }

js/src/components/Event/EventCard.vue

@@ -138,8 +138,8 @@ export default class EventCard extends Vue {
 <style lang="scss" scoped>
 a.card {
   display: block;
-  background: $secondary;
-  color: #3c376e;
+  background: $backgrounds;
+  color: $violet;
 
   &:hover {
     // box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
@@ -185,14 +185,14 @@ a.card {
         display: block;
         font-size: 0.9em;
         line-height: 1.75em;
-        background-color: #e6e4f4;
-        color: #3c376e;
+        background-color: $backgrounds;
+        color: $violet;
       }
     }
   }
 
   div.card-image {
-    background: $secondary;
+    background: $chapril_blue;
 
     figure.image {
       background-size: cover;
@@ -218,7 +218,7 @@ a.card {
       font-size: 0.85rem;
       display: inline-flex;
       flex-wrap: wrap;
-      color: #3c376e;
+      color: $white;
 
       span {
         width: 14rem;