Darker border for calendar

frontend/src/Calendar/Day/CalendarDay.css

@@ -2,8 +2,8 @@
   flex: 1 0 14.28%;
   overflow: hidden;
   min-height: 70px;
-  border-bottom: 1px solid $borderColor;
+  border-bottom: 1px solid $calendarBorderColor;
-  border-left: 1px solid $borderColor;
+  border-left: 1px solid $calendarBorderColor;
 }
 
 .isSingleDay {
@@ -12,7 +12,7 @@
 
 .dayOfMonth {
   padding-right: 5px;
-  border-bottom: 1px solid $borderColor;
+  border-bottom: 1px solid $calendarBorderColor;
   text-align: right;
 }
 

frontend/src/Calendar/Day/CalendarDays.css

@@ -1,6 +1,6 @@
 .days {
   display: flex;
-  border-right: 1px solid $borderColor;
+  border-right: 1px solid $calendarBorderColor;
 }
 
 .day,

frontend/src/Calendar/Events/CalendarEvent.css

@@ -57,7 +57,13 @@
   border-left-color: $gray !important;
 
   &:global(.colorImpaired) {
-    background: repeating-linear-gradient(45deg, $colorImpairedGradientDark, $colorImpairedGradientDark 5px, $colorImpairedGradient 5px, $colorImpairedGradient 10px);
+    background: repeating-linear-gradient(
+      45deg,
+      $colorImpairedGradientDark,
+      $colorImpairedGradientDark 5px,
+      $colorImpairedGradient 5px,
+      $colorImpairedGradient 10px
+    );
   }
 }
 
@@ -65,7 +71,13 @@
   border-left-color: $warningColor !important;
 
   &:global(.colorImpaired) {
-    background: repeating-linear-gradient(90deg, $colorImpairedGradientDark, $colorImpairedGradientDark 5px, $colorImpairedGradient 5px, $colorImpairedGradient 10px);
+    background: repeating-linear-gradient(
+      90deg,
+      $colorImpairedGradientDark,
+      $colorImpairedGradientDark 5px,
+      $colorImpairedGradient 5px,
+      $colorImpairedGradient 10px
+    );
   }
 }
 
@@ -74,7 +86,13 @@
 
   &:global(.colorImpaired) {
     border-left-color: color($dangerColor saturation(+15%)) !important;
-    background: repeating-linear-gradient(90deg, $colorImpairedGradientDark, $colorImpairedGradientDark 5px, $colorImpairedGradient 5px, $colorImpairedGradient 10px);
+    background: repeating-linear-gradient(
+      90deg,
+      $colorImpairedGradientDark,
+      $colorImpairedGradientDark 5px,
+      $colorImpairedGradient 5px,
+      $colorImpairedGradient 10px
+    );
   }
 }
 
@@ -82,6 +100,12 @@
   border-left-color: $primaryColor !important;
 
   &:global(.colorImpaired) {
-    background: repeating-linear-gradient(90deg, $colorImpairedGradientDark, $colorImpairedGradientDark 5px, $colorImpairedGradient 5px, $colorImpairedGradient 10px);
+    background: repeating-linear-gradient(
+      90deg,
+      $colorImpairedGradientDark,
+      $colorImpairedGradientDark 5px,
+      $colorImpairedGradient 5px,
+      $colorImpairedGradient 10px
+    );
   }
 }

frontend/src/Styles/Variables/colors.js

@@ -173,6 +173,7 @@ module.exports = {
   // Calendar
 
   calendarTodayBackgroundColor: '#ddd',
+  calendarBorderColor: '#cecece',
 
   //
   // Table