Update Calendar event style which makes use of color utilities

2 files changed, 4 insertions, 2 deletions

diff --git a/src/_calendars.scss b/src/_calendars.scss
index 891f84d..e94bb39 100644
--- a/src/_calendars.scss
+++ b/src/_calendars.scss
@@ -190,9 +190,7 @@
     }
 
     .calendar-event {
-      background: $secondary-color;
       border-radius: $border-radius;
-      color: $primary-color;
       font-size: $font-size-sm;
       display: block;
       margin: $unit-h auto;
diff --git a/src/_mixins.scss b/src/_mixins.scss
index 2402dc8..a565c3d 100644
--- a/src/_mixins.scss
+++ b/src/_mixins.scss
@@ -10,6 +10,10 @@
 @mixin bg-color-variant($name: ".bg-primary", $color: $primary-color) {
   #{$name} {
     background: $color;
+
+    @if (lightness($color) < 60) {
+      color: $light-color;
+    }
   }
 }