titles colors

js/src/common.scss

@@ -185,14 +185,21 @@ 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;
 
   h2 {
     display: inline;
-    background: $secondary;
+
     padding: 2px 7.5px;
     text-transform: uppercase;
     font-size: 1.25rem;
@@ -250,14 +257,24 @@ a {
   background-color: $chapril_blue_light !important;
 }
 
-.time.datetime-container span.month {
-  color: $primary-invert;
+.time.datetime-container{
+  color: $white;
+  background: $chapril_blue_light;
+  span.month {
+    color: $white;
+  }
 }
 
 /**
 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;

js/src/components/Event/EventListCard.vue

@@ -355,6 +355,7 @@ article.box {
   .list-card {
     display: flex;
     align-items: center;
+    padding: 0 1.5em;
 
     .actions {
       padding-right: 7.5px;

js/src/components/Event/EventMetadataBlock.vue

@@ -23,7 +23,6 @@ export default class EventMetadataBlock extends Vue {
 h2 {
   font-size: 1.8rem;
   font-weight: 500;
-  color: #f7ba30;
 }
 
 div.eventMetadataBlock {

js/src/components/Utils/Subtitle.vue

@@ -17,10 +17,8 @@ h2 {
   margin: 15px 0 30px;
 
   span {
-    background: $secondary;
     display: inline;
     padding: 3px 8px;
-    color: #3a384c;
     font-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
       serif;
     font-weight: 400;

js/src/views/Event/Edit.vue

@@ -350,7 +350,6 @@ h2.subtitle {
   span {
     padding: 5px 7px;
     display: inline;
-    background: $secondary;
   }
 }
 

js/src/views/Group/Group.vue

@@ -810,7 +810,6 @@ div.container {
 
           .media-content {
             h2 {
-              color: #3c376e;
               font-family: "Liberation Sans", "Helvetica Neue", Roboto,
                 Helvetica, Arial, serif;
               font-size: 1.5rem;

js/src/views/User/Register.vue

@@ -292,10 +292,9 @@ export default class Register extends Vue {
 }
 
 h2.title {
-  color: $primary;
+
   font-size: 2.5rem;
   text-decoration: underline;
-  text-decoration-color: $secondary;
   display: inline;
 }