fix(datepicker): remove hardcoded bg-light (#3351)

ng-bootstrap · Sep 6, 2019 · c7bc4d7 · c7bc4d7
1 parent 2bd3abc
commit c7bc4d7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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);
     }
 
     & + & {