Fixed: Darker border for calendar

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
5 years ago · 3d0adf8a60
parent 593259b1c0
commit 3d0adf8a60
3 changed files with 5 additions and 4 deletions
--- a/frontend/src/Calendar/Day/CalendarDay.css
+++ b/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-left: 1px solid $borderColor;
+  border-bottom: 1px solid $calendarBorderColor;
+  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;
 }

--- a/frontend/src/Calendar/Day/CalendarDays.css
+++ b/frontend/src/Calendar/Day/CalendarDays.css
@ -1,6 +1,6 @@
 .days {
  display: flex;
-  border-right: 1px solid $borderColor;
+  border-right: 1px solid $calendarBorderColor;
 }

 .day,
--- a/frontend/src/Styles/Variables/colors.js
+++ b/frontend/src/Styles/Variables/colors.js
@ -176,6 +176,7 @@ module.exports = {
  // Calendar

  calendarTodayBackgroundColor: '#ddd',
+  calendarBorderColor: '#cecece',

  //
  // Table