diff --git a/frontend/src/Calendar/Day/CalendarDay.css b/frontend/src/Calendar/Day/CalendarDay.css index 1c7694f0b..79eb67ae7 100644 --- 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; } diff --git a/frontend/src/Calendar/Day/CalendarDays.css b/frontend/src/Calendar/Day/CalendarDays.css index 22005e3e6..b6dd2100c 100644 --- 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, diff --git a/frontend/src/Calendar/Events/CalendarEvent.css b/frontend/src/Calendar/Events/CalendarEvent.css index 4ebc8bc12..5189a3aac 100644 --- a/frontend/src/Calendar/Events/CalendarEvent.css +++ b/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 + ); } } diff --git a/frontend/src/Styles/Variables/colors.js b/frontend/src/Styles/Variables/colors.js index 80d8910fd..c8de9c912 100644 --- a/frontend/src/Styles/Variables/colors.js +++ b/frontend/src/Styles/Variables/colors.js @@ -173,6 +173,7 @@ module.exports = { // Calendar calendarTodayBackgroundColor: '#ddd', + calendarBorderColor: '#cecece', // // Table