@@ -1,9 +1,9 @@

 // Variables for colors and sizes

 $border-color: #ddd;

-$event-bg-color: #2591ad, #b61b56;

+$event-bg-color: #265573, #a7e4f2, #f2811d, #f24607, #a62508;

 $event-border-color: darken(nth($event-bg-color,1),20%);

 $event-border-width: 1px;

-$event-color: #fff;

+$event-color: #fff, #000, #fff, #fff, #fff;

 $hour-line-color: #999;

 $column-line-color: #e9e9e9;

 $time-color: #666;

@@ -127,7 +127,7 @@ $row-amount: 96;

       @include animate-zoom;

       &:nth-child(even) {

-        background-color: #f6f6ff;

+        background-color: #f7f7f7;

       }

       .cell-placeholder {

@@ -159,25 +159,34 @@ $row-amount: 96;

         box-sizing: border-box;

         border-radius: 5px;

         background-color: nth($event-bg-color, 1);

-        border: $event-border-color $event-border-width solid;

+        border: darken(nth($event-bg-color,1),20%) $event-border-width solid;

         padding: 3px;

-        color: $event-color;

+        color: nth($event-color, 1);

         font-size: 12px;

-        display: flex;

+        //display: flex;

       }

       .event-title {

+        margin: -3px -3px 5px;

+        padding: 0 3px;

         white-space: normal;

         overflow-wrap: break-word;

         word-wrap: break-word;

-        &:after {

+        /*&:after {

           content: ",";

           margin-inline-end: 4px;

-        }

+        }*/

       }

       @for $i from 1 through length($event-bg-color) {

         &:nth-child(#{length($event-bg-color)}n+#{$i}) .event-cell {

-          background: nth($event-bg-color, $i)

+          background: lighten(nth($event-bg-color, $i), 15%);

+          border-color: darken(nth($event-bg-color,$i),20%);

+          color: nth($event-color,$i);

+

+          .event-title {

+            background: nth($event-bg-color, $i);

+

+          }

         }

       }

     }