@vtx/player 0.0.15 → 0.0.16

package/lib/live-player/demo/src/pages/test/components/map/VtxSearchMap/VtxSearchMap.css

@@ -0,0 +1,171 @@
+.vtx-ui-searchmap-searchmodal {
+  z-index: 1001;
+}
+.vtx-ui-searchmap-searchmodal .ant-modal {
+  width: calc(100% - 200px) !important;
+  min-width: 800px;
+  height: 70vh;
+}
+.vtx-ui-searchmap-searchmodal .ant-modal .ant-modal-title {
+  color: #1890ff;
+}
+.vtx-ui-searchmap-searchmodal .ant-modal .ant-modal-content {
+  width: 100%;
+  height: 100%;
+}
+.vtx-ui-searchmap-searchmodal .ant-modal .ant-modal-content .ant-modal-body {
+  width: 100%;
+  height: calc(100% - 108px) !important;
+  padding: 0px;
+  background-color: #fff;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap {
+  width: 100%;
+  height: 100%;
+  padding-top: 48px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-top,
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-bottom {
+  width: 100%;
+  height: 48px;
+  position: absolute;
+  left: 0px;
+  padding: 10px 15px;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-top button,
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-bottom button {
+  margin-left: 10px;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-top {
+  top: 0px;
+  border-bottom: 1px solid #d9d9d9;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-top .vtx-ui-searchmap-othermodal {
+  position: absolute;
+  right: 25px;
+  line-height: 28px;
+  display: inline-block;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-bottom {
+  bottom: 0px;
+  border-top: 1px solid #d9d9d9;
+  text-align: right;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  padding-left: 25px;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-show {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-hidden {
+  display: none;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-w_l {
+  width: 300px !important;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left {
+  width: 25px;
+  height: 100%;
+  display: inline-block;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: width;
+  transition-property: width;
+  vertical-align: top;
+  border-right: 1px solid #d9d9d9;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 10;
+  background-color: #fff;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-listtitle {
+  width: 100%;
+  height: 30px;
+  line-height: 30px;
+  border-bottom: 1px solid #d9d9d9;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-listtitle .vtx-ui-searchmap-title {
+  width: calc(100% - 30px);
+  display: inline-block;
+  padding-left: 15px;
+  font-size: 15px;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-listtitle .vtx-ui-searchmap-btn {
+  display: inline-block;
+  width: 30px;
+  text-align: center;
+  color: #1890ff;
+  height: 30px;
+  line-height: 30px;
+  cursor: pointer;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-lists {
+  width: 100%;
+  line-height: 35px;
+  border-bottom: 1px solid #d9d9d9;
+  font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: 0px 15px;
+  cursor: pointer;
+  color: #999;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-lists:hover {
+  background-color: #ECF6FD;
+  color: #1890ff;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-lists.vtx-ui-searchmap-select {
+  background-color: #ECF6FD;
+  color: #1890ff;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_left .vtx-ui-searchmap-scrollauto {
+  height: calc(100% - 30px);
+  overflow-y: auto;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-content_right {
+  width: 100%;
+  height: 100%;
+  display: inline-block;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-property: width;
+  transition-property: width;
+}
+.vtx-ui-searchmap-searchmodal .vtx-ui-searchmap-searchmap .vtx-ui-searchmap-content .vtx-ui-searchmap-btn {
+  text-align: center;
+  color: #1890ff;
+  height: 30px;
+  line-height: 30px;
+  cursor: pointer;
+}
+.vtx-ui-searchmap-showlabel {
+  margin-left: 0;
+  width: 100px;
+  line-height: 25px;
+  text-align: center;
+  position: relative;
+  left: -38px;
+  background-color: #222020;
+  opacity: 0.6;
+  border-radius: 5px;
+  color: #FFF;
+  padding: 2px 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-break: normal;
+  overflow: hidden;
+}
+.vtx-ui-searchmap-hiddenlabel {
+  display: none;
+}

package/lib/live-player/demo/src/pages/test/components/map/VtxSearchMap/VtxSearchMap.less

@@ -0,0 +1,171 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+
+.vtx-ui-searchmap-searchmodal{
+    z-index: 1001;
+    .ant-modal{
+        width: e('calc(100% - 200px)') !important;
+        min-width: 800px;
+        height: 70vh;
+        .ant-modal-title{
+            color: @primary-color;
+        }
+        .ant-modal-content{
+            width: 100%;
+            height: 100%;
+            .ant-modal-body{
+                width: 100%;
+                height: e('calc(100% - 108px)') !important;
+                padding: 0px;
+                background-color: @body-background;
+            }
+        }
+    }
+    .vtx-ui-searchmap-searchmap{
+        width: 100%;
+        height: 100%;
+        padding-top: 48px;
+        // padding-bottom: 48px;
+        box-sizing: border-box;
+        position: relative;
+        overflow: hidden;
+        .vtx-ui-searchmap-top,.vtx-ui-searchmap-bottom{
+            width: 100%;
+            height: 48px;
+            position: absolute;
+            left: 0px;
+            padding: 10px 15px;
+            button{
+                margin-left: 10px;
+            }
+        }
+        .vtx-ui-searchmap-top{
+            top: 0px;
+            border-bottom: 1px solid @border-color-base;
+            .vtx-ui-searchmap-othermodal{
+                position: absolute;
+                right: 25px;
+                line-height: 28px;
+                display: inline-block;
+            }
+        }
+        .vtx-ui-searchmap-bottom{
+            bottom: 0px;
+            border-top: 1px solid @border-color-base;
+            text-align: right;
+        }
+        .vtx-ui-searchmap-content{
+            width: 100%;
+            height: 100%;
+            position: relative;
+            padding-left: 25px;
+            .vtx-ui-searchmap-show{
+                display: inline-block;
+                width: 100%;
+                height: 100%;
+            }
+            .vtx-ui-searchmap-hidden{
+                display: none;
+            }
+            .vtx-ui-searchmap-w_l{
+                width: 300px !important;
+            }
+            .vtx-ui-searchmap-content_left{
+                width: 25px;
+                height: 100%;
+                display: inline-block;
+                -webkit-transition-duration: 0.3s;
+                -o-transition-duration: 0.3s;
+                transition-duration: 0.3s;
+                transition-property: width;
+                vertical-align: top;
+                border-right: 1px solid @border-color-base;
+                position: absolute;
+                top: 0px;
+                left: 0px;
+                z-index: 10;
+                background-color: @body-background;
+                .vtx-ui-searchmap-listtitle{
+                    width: 100%;
+                    height: 30px;
+                    line-height: 30px;
+                    border-bottom: 1px solid @border-color-base;;
+                    .vtx-ui-searchmap-title{
+                        width: e('calc(100% - 30px)');
+                        display: inline-block;
+                        padding-left: 15px;
+                        font-size: 15px;
+                    }
+                    .vtx-ui-searchmap-btn{
+                        display: inline-block;
+                        width: 30px;
+                        text-align: center;
+                        color: @primary-color;
+                        height: 30px;
+                        line-height: 30px;
+                        cursor: pointer;
+                    }
+                }
+                .vtx-ui-searchmap-lists{
+                    width: 100%;
+                    line-height: 35px;
+                    border-bottom: 1px solid @border-color-base;;
+                    font-size: 12px;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    padding:0px 15px;
+                    cursor: pointer;
+                    color: #999;
+                    &:hover{
+                        background-color: #ECF6FD;
+                        color: @primary-color;
+                    }
+                }
+                .vtx-ui-searchmap-lists.vtx-ui-searchmap-select{
+                    background-color: #ECF6FD;
+                    color: @primary-color;
+                }
+                .vtx-ui-searchmap-scrollauto{
+                    height: e('calc(100% - 30px)');
+                    overflow-y: auto;
+                }
+            }
+            .vtx-ui-searchmap-content_right{
+                width: 100%;
+                height: 100%;
+                display: inline-block;
+                -webkit-transition-duration: 0.3s;
+                -o-transition-duration: 0.3s;
+                transition-duration: 0.3s;
+                transition-property: width;
+            }
+            .vtx-ui-searchmap-btn{
+                text-align: center;
+                color: @primary-color;
+                height: 30px;
+                line-height: 30px;
+                cursor: pointer;
+            }
+        }
+    }
+}
+.vtx-ui-searchmap-showlabel{
+    margin-left: 0;
+    width: 100px;
+    line-height: 25px;
+    text-align: center;
+    position: relative;
+    left: -38px;
+    background-color: #222020;
+    opacity: 0.6;
+    border-radius: 5px;
+    color: #FFF;
+    padding: 2px 8px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-break: normal;
+    overflow: hidden;
+}
+.vtx-ui-searchmap-hiddenlabel{
+    display: none;
+}

package/lib/live-player/demo/src/pages/test/components/map/VtxSearchMap/VtxSearchMapAntd3.less

@@ -0,0 +1 @@
+@import (reference) '~antd/lib/style/themes/index.less';

package/lib/live-player/demo/src/pages/test/lib/be-input/style/index.css

@@ -0,0 +1,13 @@
+.be-input-textarea::after {
+  float: right;
+  color: rgba(0, 0, 0, 0.45);
+  white-space: nowrap;
+  content: attr(data-count);
+  pointer-events: none;
+}
+.ant-input-affix-wrapper .ant-input-suffix {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-input-affix-wrapper .ant-input:not(:last-child) {
+  padding-right: 48px;
+}

package/lib/live-player/demo/src/pages/test/lib/be-input/style/index.less

@@ -0,0 +1,16 @@
+.be-input-textarea {
+    &::after {
+        float: right;
+        color: rgba(0, 0, 0, 0.45);
+        white-space: nowrap;
+        content: attr(data-count);
+        pointer-events: none;
+    }
+}
+
+.ant-input-affix-wrapper .ant-input-suffix {
+    color: rgba(0, 0, 0, 0.45);
+}
+.ant-input-affix-wrapper .ant-input:not(:last-child) {
+    padding-right: 48px;
+}

package/lib/live-player/demo/src/pages/test/lib/theme/dark.css

@@ -0,0 +1,16 @@
+.vtx-business-modal-wrap.dark {
+  --bg-color: linear-gradient(0deg, #081e21cc, #000c);
+  --sub-bg-color: #ffffff0d;
+  --title-bg-color: #1a292bff;
+  --title-border: 1px solid transparent;
+  --title-color: white;
+  --sub-title-color: #82d3d0ff;
+  --label-color: #cafdffff;
+  --info-color: #e6e6e6ff;
+  --border-color: '#3C7073FF';
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #39cbc3ff;
+  --scroll-bar-track-bg: transparent;
+  --button-checked-color: linear-gradient(to bottom, #fff0, #fff4 50%, #fff0) 1 100%;
+  --button-color: #d4fcf2;
+}

package/lib/live-player/demo/src/pages/test/lib/theme/dark.less

@@ -0,0 +1,18 @@
+.vtx-business-modal-wrap {
+    &.dark {
+        --bg-color: linear-gradient(0deg, #081e21cc, #000c);
+        --sub-bg-color: #ffffff0d;
+        --title-bg-color: #1a292bff;
+        --title-border: 1px solid transparent;
+        --title-color: white;
+        --sub-title-color: #82d3d0ff;
+        --label-color: #cafdffff;
+        --info-color: #e6e6e6ff;
+        --border-color: '#3C7073FF';
+        --scroll-bar-bg: #39cbc3aa;
+        --scroll-bar-hover-bg: #39cbc3ff;
+        --scroll-bar-track-bg: transparent;
+        --button-checked-color: linear-gradient(to bottom, #fff0, #fff4 50%, #fff0) 1 100%;
+        --button-color: #d4fcf2;
+    }
+}

package/lib/live-player/demo/src/pages/test/lib/theme/default.css

@@ -0,0 +1,16 @@
+.vtx-business-modal-wrap {
+  --bg-color: white;
+  --sub-bg-color: #f3f3f380;
+  --title-bg-color: white;
+  --title-border: 1px solid #dbdbdbff;
+  --title-color: #222;
+  --sub-title-color: #222;
+  --label-color: #7f7f7f;
+  --info-color: #222;
+  --border-color: '#DADADAFF';
+  --scroll-bar-bg: #c0c0c0;
+  --scroll-bar-hover-bg: #adadad;
+  --scroll-bar-track-bg: #fafafa;
+  --button-checked-color: #1890ff;
+  --button-color: '#222';
+}

package/lib/live-player/demo/src/pages/test/lib/theme/default.less

@@ -0,0 +1,16 @@
+.vtx-business-modal-wrap {
+    --bg-color: white;
+    --sub-bg-color: #f3f3f380;
+    --title-bg-color: white;
+    --title-border: 1px solid #dbdbdbff;
+    --title-color: #222;
+    --sub-title-color: #222;
+    --label-color: #7f7f7f;
+    --info-color: #222;
+    --border-color: '#DADADAFF';
+    --scroll-bar-bg: #c0c0c0;
+    --scroll-bar-hover-bg: #adadad;
+    --scroll-bar-track-bg: #fafafa;
+    --button-checked-color: #1890ff;
+    --button-color: '#222';
+}

package/lib/live-player/demo/src/pages/test/lib/theme/global.css

@@ -0,0 +1,18 @@
+*::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+*::-webkit-scrollbar-track {
+  background: var(--scroll-bar-track-bg);
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-thumb {
+  background: var(--scroll-bar-bg);
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+*::-webkit-scrollbar-thumb:hover {
+  background: var(--scroll-bar-hover-bg);
+}

package/lib/live-player/demo/src/pages/test/lib/theme/global.less

@@ -0,0 +1,61 @@
+// @font-face {
+//     font-weight: normal;
+//     font-family: PingFangSC-Regular;
+//     font-style: normal;
+//     src: url('./fonts/pingfangsc-regular/PingFangSC.woff2') format('woff2');
+//     src: url('./fonts/pingfangsc-regular/PingFangSC.woff2') format('woff2'),
+//         url('./fonts/pingfangsc-regular/PingFangSC.woff') format('woff');
+//     font-display: swap;
+// }
+
+// @font-face {
+//     font-weight: bold;
+//     font-family: DIN-Bold;
+//     font-style: normal;
+//     src: url('./fonts/DIN/DIN-Bold.woff2') format('woff2'),
+//         url('./fonts/DIN/DIN-Bold.woff') format('woff');
+//     font-display: swap;
+// }
+
+// @font-face {
+//     font-weight: normal;
+//     font-family: DIN-Regular;
+//     font-style: normal;
+//     src: url('./fonts/DIN/DIN-Regular.woff2') format('woff2'),
+//         url('./fonts/DIN/DIN-Regular.woff') format('woff');
+//     font-display: swap;
+// }
+
+// @font-face {
+//     font-weight: 500;
+//     font-family: DIN-light;
+//     font-style: normal;
+//     src: url('./fonts/DIN/DIN-Medium.woff2') format('woff2'),
+//         url('./fonts/DIN/DIN-Medium.woff') format('woff');
+//     font-display: swap;
+// }
+
+* {
+    &::-webkit-scrollbar {
+        width: 10px;
+        height: 10px;
+    }
+
+    &::-webkit-scrollbar-track {
+        background: var(--scroll-bar-track-bg);
+        border-radius: 5px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: var(--scroll-bar-bg);
+        border-radius: 5px;
+    }
+
+    &::-webkit-scrollbar-corner {
+        background-color: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+        background: var(--scroll-bar-hover-bg);
+    }
+}

package/lib/live-player/demo/src/pages/test/lib/vm-car-history/style/index.css

@@ -0,0 +1,3 @@
+.modal-view-wrap .ant-modal-close {
+  color: #fff;
+}

package/lib/live-player/demo/src/pages/test/lib/vm-car-history/style/index.less

@@ -0,0 +1,5 @@
+.modal-view-wrap {
+    .ant-modal-close {
+        color: #fff;
+    }
+}

package/lib/live-player/demo/src/pages/test/lib/vm-chart/style/index.css

@@ -0,0 +1,9 @@
+.chart-title {
+  --color: #666;
+  color: var(--color);
+  font-weight: bold;
+  font-size: 14px;
+}
+.chart-title.dark {
+  --color: #95fff9ff;
+}

package/lib/live-player/demo/src/pages/test/lib/vm-chart/style/index.less

@@ -0,0 +1,10 @@
+.chart-title {
+    --color: #666;
+
+    &.dark {
+        --color: #95fff9ff;
+    }
+    color: var(--color);
+    font-weight: bold;
+    font-size: 14px;
+}

package/lib/live-player/demo/src/pages/test/lib/vm-filter/style/index.css

@@ -0,0 +1,112 @@
+.vm-range-picker {
+  --color: #222;
+  --border: 1px solid #dadadaff;
+  --hover-color: #40a9ff;
+  background-color: var(--bg-color) !important;
+  border: var(--border) !important;
+}
+.vm-range-picker.dark {
+  --color: #a9d5d3ff;
+  --border: 1px solid #3c7073ff;
+  --bg-color: #0d1a1b;
+  --hover-color: white;
+}
+.vm-range-picker.dark .ant-picker-active-bar {
+  background: #59ffe2;
+}
+.vm-range-picker .ant-picker-suffix {
+  color: var(--color);
+}
+.vm-range-picker:hover {
+  border-color: var(--hover-color);
+}
+.vm-range-picker:hover .ant-picker-suffix {
+  color: transparent;
+}
+.vm-range-picker .ant-picker-input input {
+  color: var(--color);
+}
+.vm-range-picker .ant-picker-separator {
+  color: var(--color);
+}
+.vm-range-picker .ant-picker-clear {
+  color: var(--color);
+  background: transparent;
+}
+.vm-select.dark .ant-select-selector {
+  background-color: #0d1a1b !important;
+  border: 1px solid #3c7073 !important;
+}
+.vm-select.dark .ant-select-selector .ant-select-selection-item {
+  color: #a9d5d3;
+}
+.vm-select.dark:hover .ant-select-selector {
+  border: 1px solid #6cc9ce !important;
+}
+.vm-select-dropdown.dark {
+  background: #0d1a1b;
+}
+.vm-select-dropdown.dark .ant-select-item {
+  color: white;
+}
+.vm-select-dropdown.dark .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+  background-color: #2d575a;
+}
+.vm-select-dropdown.dark .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+  background-color: #1c3436;
+}
+.vm-range-picker-dropdown.dark .ant-picker-range-arrow {
+  background: none;
+}
+.vm-range-picker-dropdown.dark .ant-picker-range-arrow::before {
+  background: #0d1a1be6;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container {
+  background: #0d1a1be6;
+  -webkit-box-shadow: 0 3px 6px -4px #ffffff1f, 0 6px 16px #ffffff14, 0 9px 28px 8px #5454540d;
+          box-shadow: 0 3px 6px -4px #ffffff1f, 0 6px 16px #ffffff14, 0 9px 28px 8px #5454540d;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-header button {
+  color: white;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-header button:hover {
+  color: #95fff9;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content th {
+  color: white;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-inner {
+  color: white;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
+  background: #6cff2340;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
+  background: #6cff2340;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
+  background: #52c41a;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
+  background: #f5f5f55e;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
+  border: 1px solid #52c41a;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
+  background: #52c41abb;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
+  background: #52c41abb !important;
+}