feat 深色模式

ciaoca · Jun 2, 2022 · f91d397 · f91d397
1 parent 34faf6d
commit f91d397
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 10 deletions.
diff --git a/dist/css/cxcalendar.css b/dist/css/cxcalendar.css
@@ -532,10 +532,14 @@
     --cxcalendar-note-color: #888;
     --cxcalendar-now-bg: #333;
     --cxcalendar-set-bg: #8cc152;
+    --cxcalendar-range-bg: #29485d;
+    --cxcalendar-range-set-bg: #70a9ce;
     --cxcalendar-btn-color: #333;
     --cxcalendar-btn-bg: #ccc;
     --cxcalendar-confirm-bg: #4a89dc
   }
+  .cxcalendar.range .cxcalendar_bd ul li.selected.end,
+  .cxcalendar.range .cxcalendar_bd ul li.selected.start,
   .cxcalendar_acts .confirm,
   .cxcalendar_acts .confirm:hover,
   .cxcalendar_bd ul li.selected,
@@ -552,9 +556,6 @@
   .cxcalendar.range .cxcalendar_bd ul + ul:before {
     background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 35%,rgba(255,255,255,.1) 65%,rgba(255,255,255,0) 100%)
   }
-  .cxcalendar.range .cxcalendar_bd ul li.selected {
-    background-color: #29485d
-  }
   .cxcalendar.has_weeknum .cxcalendar_bd .days li[data-week-num]:before {
     background-color: rgba(255,255,255,.1);
     color: #888

diff --git a/dist/css/cxcalendar.min.css b/dist/css/cxcalendar.min.css
diff --git a/src/style.css b/src/style.css
@@ -611,6 +611,8 @@
 
     --cxcalendar-now-bg: #333;
     --cxcalendar-set-bg: #8cc152;
+    --cxcalendar-range-bg: #29485d;
+    --cxcalendar-range-set-bg: #70a9ce;
 
     --cxcalendar-btn-color: #333;
     --cxcalendar-btn-bg: #ccc;
@@ -624,7 +626,9 @@
   .cxcalendar_bd ul li.selected.sun,
   .cxcalendar_bd ul li.selected:hover,
   .cxcalendar_acts .confirm,
-  .cxcalendar_acts .confirm:hover {
+  .cxcalendar_acts .confirm:hover,
+  .cxcalendar.range .cxcalendar_bd ul li.selected.start,
+  .cxcalendar.range .cxcalendar_bd ul li.selected.end {
     color: #fff;
   }
 
@@ -634,9 +638,6 @@
   .cxcalendar.range .cxcalendar_bd ul + ul:before {
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 35%, rgba(255, 255, 255, 0.1) 65%, rgba(255, 255, 255, 0) 100%);
   }
-  .cxcalendar.range .cxcalendar_bd ul li.selected {
-    background-color: #29485d;
-  }
   .cxcalendar.has_weeknum .cxcalendar_bd .days li[data-week-num]:before {
     background-color: rgba(255, 255, 255, 0.1);
     color: #888;