diff --git a/src/style/index.scss b/src/style/index.scss
index 65b5cc65..417f1c29 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -262,7 +262,7 @@
   }
 
   .today {
-    color: mix(#fff, $primary-color, 10%);
+    color: $today-color;
   }
   .cell.not-current-month {
     color: #ccc;
diff --git a/src/style/var.scss b/src/style/var.scss
index 87328078..f4eb1eaf 100644
--- a/src/style/var.scss
+++ b/src/style/var.scss
@@ -1,6 +1,8 @@
 $default-color: #73879c !default;
 $primary-color: #1284e7 !default;
 
+$today-color: mix(#fff, $primary-color, 10%) !default;
+
 $input-border-color: #ccc !default;
 $input-color: #555 !default;
 $input-hover-border-color: #409aff !default;