From c7bc4d74d3c32e6ca514484901b05e23b5f4c5c9 Mon Sep 17 00:00:00 2001
From: gpolychronisAmadeus
 <54309994+gpolychronisAmadeus@users.noreply.github.com>
Date: Fri, 6 Sep 2019 14:25:37 +0200
Subject: [PATCH] fix(datepicker): remove hardcoded bg-light (#3351)

---
 src/datepicker/datepicker-month-view.scss | 2 ++
 src/datepicker/datepicker-month-view.ts   | 2 +-
 src/datepicker/datepicker.scss            | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

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: `
-    <div *ngIf="showWeekdays" class="ngb-dp-week ngb-dp-weekdays bg-light">
+    <div *ngIf="showWeekdays" class="ngb-dp-week ngb-dp-weekdays">
       <div *ngIf="showWeekNumbers" class="ngb-dp-weekday ngb-dp-showweek"></div>
       <div *ngFor="let w of month.weekdays" class="ngb-dp-weekday small" role="columnheader">
         {{ i18n.getWeekdayShortName(w) }}
diff --git a/src/datepicker/datepicker.scss b/src/datepicker/datepicker.scss
index eecef691c2..0cf3ef5619 100644
--- a/src/datepicker/datepicker.scss
+++ b/src/datepicker/datepicker.scss
@@ -22,6 +22,7 @@ ngb-datepicker {
     border-radius: .25rem .25rem 0 0;
     padding-top: .25rem;
     background-color: #f8f9fa;
+    background-color: var(--light);
   }
 
   &-months {
@@ -37,6 +38,7 @@ ngb-datepicker {
       line-height: 2rem;
       text-align: center;
       background-color: #f8f9fa;
+      background-color: var(--light);
     }
 
     & + & {