diff --git a/src/datepicker/datepicker-month-view.scss b/src/datepicker/datepicker-month-view.scss index 6ce3259960..5ac47e299c 100644 --- a/src/datepicker/datepicker-month-view.scss +++ b/src/datepicker/datepicker-month-view.scss @@ -20,6 +20,8 @@ ngb-datepicker-month-view { &-weekdays { border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0; + background-color: #f8f9fa; + background-color: var(--light); } &-day, &-weekday, diff --git a/src/datepicker/datepicker-month-view.ts b/src/datepicker/datepicker-month-view.ts index 31217f1081..bc800df086 100644 --- a/src/datepicker/datepicker-month-view.ts +++ b/src/datepicker/datepicker-month-view.ts @@ -10,7 +10,7 @@ import {DayTemplateContext} from './datepicker-day-template-context'; encapsulation: ViewEncapsulation.None, styleUrls: ['./datepicker-month-view.scss'], template: ` -