@vtx/modals2 2.15.64 → 2.15.66

package/lib/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "VtxAreaModal", {
+  enumerable: true,
+  get: function get() {
+    return _vtxAreaModal["default"];
+  }
+});
 Object.defineProperty(exports, "VtxBaseModal", {
   enumerable: true,
   get: function get() {
@@ -129,5 +135,6 @@ var _vtxDeviceModal = _interopRequireDefault(require("./vtx-device-modal"));
 var _vtxCcCpModal = _interopRequireDefault(require("./vtx-cc-cp-modal"));
 var _vtxCcUnitModal = _interopRequireDefault(require("./vtx-cc-unit-modal"));
 var _vtxBaseModal = _interopRequireDefault(require("./vtx-base-modal"));
+var _vtxAreaModal = _interopRequireDefault(require("./vtx-area-modal"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_vtxHousingEstateModal","_interopRequireDefault","require","_vtxThrowPointModal","_vtxFacilityModal","_vtxDefaultModal","_vtxCarModal","_vtxStaffModal","_vtxCpModal","_vtxDfModal","_vtxRoadModal","_vtxWrModal","_vtxZgModal","_vtxKhModal","_vtxRestaurantModal","_vtxPumpModal","_vtxDeviceModal","_vtxCcCpModal","_vtxCcUnitModal","_vtxBaseModal","e","__esModule"],"sources":["index.js"],"sourcesContent":["export { default as VtxHousingEstateModal } from './vtx-housing-estate-modal';\nexport { default as VtxThrowPointModal } from './vtx-throw-point-modal';\nexport { default as VtxFacilityModal } from './vtx-facility-modal';\nexport { default as VtxDefaultModal } from './vtx-default-modal';\nexport { default as VtxCarModal } from './vtx-car-modal';\nexport { default as VtxStaffModal } from './vtx-staff-modal';\nexport { default as VtxCpModal } from './vtx-cp-modal';\nexport { default as VtxDfModal } from './vtx-df-modal';\nexport { default as VtxRoadModal } from './vtx-road-modal';\nexport { default as VtxWrModal } from './vtx-wr-modal';\nexport { default as VtxZgModal } from './vtx-zg-modal';\nexport { default as VtxKhModal } from './vtx-kh-modal';\nexport { default as VtxRestaurantModal } from './vtx-restaurant-modal';\nexport { default as VtxPumpModal } from './vtx-pump-modal';\nexport { default as VtxDeviceModal } from './vtx-device-modal';\nexport { default as VtxCcCpModal } from './vtx-cc-cp-modal';\nexport { default as VtxCcUnitModal } from './vtx-cc-unit-modal';\nexport { default as VtxBaseModal } from './vtx-base-modal';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,aAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,WAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,WAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,WAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,mBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,aAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,eAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,aAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,eAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,aAAA,GAAAlB,sBAAA,CAAAC,OAAA;AAA2D,SAAAD,uBAAAmB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_vtxHousingEstateModal","_interopRequireDefault","require","_vtxThrowPointModal","_vtxFacilityModal","_vtxDefaultModal","_vtxCarModal","_vtxStaffModal","_vtxCpModal","_vtxDfModal","_vtxRoadModal","_vtxWrModal","_vtxZgModal","_vtxKhModal","_vtxRestaurantModal","_vtxPumpModal","_vtxDeviceModal","_vtxCcCpModal","_vtxCcUnitModal","_vtxBaseModal","_vtxAreaModal","e","__esModule"],"sources":["index.js"],"sourcesContent":["export { default as VtxHousingEstateModal } from './vtx-housing-estate-modal';\nexport { default as VtxThrowPointModal } from './vtx-throw-point-modal';\nexport { default as VtxFacilityModal } from './vtx-facility-modal';\nexport { default as VtxDefaultModal } from './vtx-default-modal';\nexport { default as VtxCarModal } from './vtx-car-modal';\nexport { default as VtxStaffModal } from './vtx-staff-modal';\nexport { default as VtxCpModal } from './vtx-cp-modal';\nexport { default as VtxDfModal } from './vtx-df-modal';\nexport { default as VtxRoadModal } from './vtx-road-modal';\nexport { default as VtxWrModal } from './vtx-wr-modal';\nexport { default as VtxZgModal } from './vtx-zg-modal';\nexport { default as VtxKhModal } from './vtx-kh-modal';\nexport { default as VtxRestaurantModal } from './vtx-restaurant-modal';\nexport { default as VtxPumpModal } from './vtx-pump-modal';\nexport { default as VtxDeviceModal } from './vtx-device-modal';\nexport { default as VtxCcCpModal } from './vtx-cc-cp-modal';\nexport { default as VtxCcUnitModal } from './vtx-cc-unit-modal';\nexport { default as VtxBaseModal } from './vtx-base-modal';\nexport { default as VtxAreaModal } from './vtx-area-modal';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,aAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,WAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,WAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,WAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,mBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,aAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,eAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,aAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,eAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,aAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,aAAA,GAAAnB,sBAAA,CAAAC,OAAA;AAA2D,SAAAD,uBAAAoB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA","ignoreList":[]}

package/lib/vm-hooks/useSettings.js

@@ -23,7 +23,7 @@ var useSettings = function useSettings() {
   return {
     theme: theme,
     tabPosition: 'top',
-    isDark: theme === 'dark',
+    isDark: theme === 'dark' || theme === 'blue',
     chartFontColor: chartFontColor,
     chartColor: chartColor,
     startDate: startDate,

package/lib/vm-hooks/useSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSettings.js","names":["_react","require","_vtxThemeProvider","useSettings","_useContext","useContext","VtxThemeContext","theme","chartFontColor","chartColor","startDate","endDate","date","mapInfo","contentStyle","tabPosition","isDark","_default","exports"],"sources":["vm-hooks/useSettings.js"],"sourcesContent":["import { useContext } from 'react';\nimport { VtxThemeContext } from '../vtx-theme-provider';\n/**\n * 获取配置信息\n * @returns\n */\nconst useSettings = () => {\n    const { theme, chartFontColor, chartColor, startDate, endDate, date, mapInfo, contentStyle } = useContext(VtxThemeContext);\n    return {\n        theme,\n        tabPosition: 'top',\n        isDark: theme === 'dark',\n        chartFontColor,\n        chartColor,\n        startDate,\n        endDate,\n        date,\n        mapInfo,\n        contentStyle\n    };\n};\nexport default useSettings;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA;AACA;AACA;AACA;AACA,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EACtB,IAAAC,WAAA,GAA+F,IAAAC,iBAAU,EAACC,iCAAe,CAAC;IAAlHC,KAAK,GAAAH,WAAA,CAALG,KAAK;IAAEC,cAAc,GAAAJ,WAAA,CAAdI,cAAc;IAAEC,UAAU,GAAAL,WAAA,CAAVK,UAAU;IAAEC,SAAS,GAAAN,WAAA,CAATM,SAAS;IAAEC,OAAO,GAAAP,WAAA,CAAPO,OAAO;IAAEC,IAAI,GAAAR,WAAA,CAAJQ,IAAI;IAAEC,OAAO,GAAAT,WAAA,CAAPS,OAAO;IAAEC,YAAY,GAAAV,WAAA,CAAZU,YAAY;EAC1F,OAAO;IACHP,KAAK,EAALA,KAAK;IACLQ,WAAW,EAAE,KAAK;IAClBC,MAAM,EAAET,KAAK,KAAK,MAAM;IACxBC,cAAc,EAAdA,cAAc;IACdC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA,SAAS;IACTC,OAAO,EAAPA,OAAO;IACPC,IAAI,EAAJA,IAAI;IACJC,OAAO,EAAPA,OAAO;IACPC,YAAY,EAAZA;EACJ,CAAC;AACL,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cACaf,WAAW","ignoreList":[]}
+{"version":3,"file":"useSettings.js","names":["_react","require","_vtxThemeProvider","useSettings","_useContext","useContext","VtxThemeContext","theme","chartFontColor","chartColor","startDate","endDate","date","mapInfo","contentStyle","tabPosition","isDark","_default","exports"],"sources":["vm-hooks/useSettings.js"],"sourcesContent":["import { useContext } from 'react';\nimport { VtxThemeContext } from '../vtx-theme-provider';\n/**\n * 获取配置信息\n * @returns\n */\nconst useSettings = () => {\n    const { theme, chartFontColor, chartColor, startDate, endDate, date, mapInfo, contentStyle } = useContext(VtxThemeContext);\n    return {\n        theme,\n        tabPosition: 'top',\n        isDark: theme === 'dark' || theme === 'blue',\n        chartFontColor,\n        chartColor,\n        startDate,\n        endDate,\n        date,\n        mapInfo,\n        contentStyle\n    };\n};\nexport default useSettings;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA;AACA;AACA;AACA;AACA,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EACtB,IAAAC,WAAA,GAA+F,IAAAC,iBAAU,EAACC,iCAAe,CAAC;IAAlHC,KAAK,GAAAH,WAAA,CAALG,KAAK;IAAEC,cAAc,GAAAJ,WAAA,CAAdI,cAAc;IAAEC,UAAU,GAAAL,WAAA,CAAVK,UAAU;IAAEC,SAAS,GAAAN,WAAA,CAATM,SAAS;IAAEC,OAAO,GAAAP,WAAA,CAAPO,OAAO;IAAEC,IAAI,GAAAR,WAAA,CAAJQ,IAAI;IAAEC,OAAO,GAAAT,WAAA,CAAPS,OAAO;IAAEC,YAAY,GAAAV,WAAA,CAAZU,YAAY;EAC1F,OAAO;IACHP,KAAK,EAALA,KAAK;IACLQ,WAAW,EAAE,KAAK;IAClBC,MAAM,EAAET,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,MAAM;IAC5CC,cAAc,EAAdA,cAAc;IACdC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA,SAAS;IACTC,OAAO,EAAPA,OAAO;IACPC,IAAI,EAAJA,IAAI;IACJC,OAAO,EAAPA,OAAO;IACPC,YAAY,EAAZA;EACJ,CAAC;AACL,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cACaf,WAAW","ignoreList":[]}

package/lib/vm-sub-tabs/style/index.css

@@ -6,6 +6,7 @@
   --active-color: #1890ffff;
   --active-bg: transparent;
   min-width: 300px;
+  color: var(--color);
 }
 .vtx-sub-tabs img {
   margin: -2px 14px 0 0;
@@ -35,6 +36,9 @@
 .vtx-sub-tabs .tab-pane {
   padding: 18px 0;
 }
+.vtx-sub-tabs > .ant-tabs-content-holder {
+  color: var(--color);
+}
 .vtx-sub-tabs > .ant-tabs-nav::before {
   display: none;
 }

package/lib/vm-sub-tabs/style/index.less

@@ -1,179 +1,182 @@
-.vtx-sub-tabs {
-    --border: 1px solid #dadadaff;
-    --border-active: 1px solid #1890ffff;
-    --border-image: none;
-    --color: #222;
-    --active-color: #1890ffff;
-    --active-bg: transparent;
-    min-width: 300px;
-    img {
-        margin: -2px 14px 0 0;
-    }
-
-    &.ghost {
-        --border: 1px solid #4eadfb;
-
-        --color: #1890ff;
-        --active-color: #fff;
-        --active-bg: linear-gradient(180deg, #62c1fd 0%, #1890ff 100%);
-    }
-
-    &.dark {
-        --border: 1px solid #95fff933;
-        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
-        --border-active: 1px solid #95fff9ff;
-        --color: #8d9798ff;
-        --active-color: #95fff9ff !important;
-        --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
-    }
-    &.blue {
-        --border: 1px solid #1464a6;
-        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
-        --border-active: 1px solid #018aff;
-        --color: #fff;
-        --active-color: #fff !important;
-        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
-    }
-
-    .tab-pane {
-        padding: 18px 0;
-    }
-    > .ant-tabs-nav {
-        // margin-bottom: 0;
-
-        &::before {
-            display: none;
-        }
-
-        > .ant-tabs-nav-wrap {
-            > .ant-tabs-nav-list {
-                > .ant-tabs-tab {
-                    height: 32px;
-                    margin-left: 0 !important;
-                    color: var(--color);
-                    background-color: transparent;
-                    border: var(--border);
-                    border-radius: 2px;
-                }
-
-                > .ant-tabs-tab-active {
-                    background: var(--active-bg);
-                    border: var(--border-active);
-                    border-image: var(--border-image);
-
-                    .ant-tabs-tab-btn {
-                        color: var(--active-color);
-                        &:focus {
-                            color: var(--active-color);
-                        }
-                    }
-                }
-            }
-        }
-        .ant-tabs-tab-btn:active {
-            color: var(--border-active);
-        }
-    }
-
-    &.blue {
-        .tab-pane {
-            padding: 18px 0;
-        }
-        > .ant-tabs-nav {
-            // margin-bottom: 0;
-
-            &::before {
-                display: none;
-            }
-
-            > .ant-tabs-nav-wrap {
-                > .ant-tabs-nav-list {
-                    > .ant-tabs-tab {
-                        height: 32px;
-                        margin-left: 0 !important;
-                        color: var(--color);
-                        background-color: var(--active-bg);
-                        border: var(--border);
-                        border-radius: 2px;
-                    }
-
-                    > .ant-tabs-tab-active {
-                        background: var(--active-bg);
-                        border: var(--border-active);
-                        border-image: var(--border-image);
-
-                        .ant-tabs-tab-btn {
-                            color: var(--active-color);
-                            &:focus {
-                                color: var(--active-color);
-                            }
-                        }
-                    }
-                }
-            }
-            .ant-tabs-tab-btn:active {
-                color: var(--border-active);
-            }
-        }
-    }
-}
-
-.vtx-sub-tabs-line {
-    --border: 1px solid #dadadaff;
-    --border-active: 1px solid #1890ffff;
-    --border-image: none;
-    --color: #222;
-    --active-color: #1890ffff;
-    --active-bg: transparent;
-
-    &.dark {
-        --border: 1px solid #95fff933;
-        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
-        --border-active: 1px solid #95fff9ff;
-        --color: #8d9798ff;
-        --active-color: #95fff9ff !important;
-        --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
-    }
-
-    &.blue {
-        --border: 1px solid #95fff933;
-        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
-        --border-active: 1px solid #018aff !important;
-        --color: #ffffff;
-        --active-color: #1890ffff !important;
-        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
-    }
-    > .ant-tabs-nav {
-        // margin-bottom: 0;
-
-        &::before {
-            border-bottom: 1px solid rgba(102, 244, 251, 0.1);
-            content: '';
-        }
-
-        > .ant-tabs-nav-wrap {
-            > .ant-tabs-nav-list {
-                > .ant-tabs-tab {
-                    height: 32px;
-                    color: var(--color);
-                    background-color: transparent;
-                }
-
-                > .ant-tabs-tab-active {
-                    .ant-tabs-tab-btn {
-                        color: var(--active-color);
-                        &:focus {
-                            color: var(--active-color);
-                        }
-                    }
-                }
-                > .ant-tabs-ink-bar {
-                    background: var(--active-color);
-                }
-            }
-        }
-        .ant-tabs-tab-btn:active {
-            color: var(--border-active);
-        }
-    }
-}
+.vtx-sub-tabs {
+    --border: 1px solid #dadadaff;
+    --border-active: 1px solid #1890ffff;
+    --border-image: none;
+    --color: #222;
+    --active-color: #1890ffff;
+    --active-bg: transparent;
+    min-width: 300px;
+    img {
+        margin: -2px 14px 0 0;
+    }
+
+    &.ghost {
+        --border: 1px solid #4eadfb;
+
+        --color: #1890ff;
+        --active-color: #fff;
+        --active-bg: linear-gradient(180deg, #62c1fd 0%, #1890ff 100%);
+    }
+
+    &.dark {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #95fff9ff;
+        --color: #8d9798ff;
+        --active-color: #95fff9ff !important;
+        --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
+    }
+    &.blue {
+        --border: 1px solid #1464a6;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #018aff;
+        --color: #fff;
+        --active-color: #fff !important;
+        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+    }
+    color: var(--color);
+    .tab-pane {
+        padding: 18px 0;
+    }
+    > .ant-tabs-content-holder {
+        color: var(--color);
+    }
+    > .ant-tabs-nav {
+        // margin-bottom: 0;
+
+        &::before {
+            display: none;
+        }
+
+        > .ant-tabs-nav-wrap {
+            > .ant-tabs-nav-list {
+                > .ant-tabs-tab {
+                    height: 32px;
+                    margin-left: 0 !important;
+                    color: var(--color);
+                    background-color: transparent;
+                    border: var(--border);
+                    border-radius: 2px;
+                }
+
+                > .ant-tabs-tab-active {
+                    background: var(--active-bg);
+                    border: var(--border-active);
+                    border-image: var(--border-image);
+
+                    .ant-tabs-tab-btn {
+                        color: var(--active-color);
+                        &:focus {
+                            color: var(--active-color);
+                        }
+                    }
+                }
+            }
+        }
+        .ant-tabs-tab-btn:active {
+            color: var(--border-active);
+        }
+    }
+
+    &.blue {
+        .tab-pane {
+            padding: 18px 0;
+        }
+        > .ant-tabs-nav {
+            // margin-bottom: 0;
+
+            &::before {
+                display: none;
+            }
+
+            > .ant-tabs-nav-wrap {
+                > .ant-tabs-nav-list {
+                    > .ant-tabs-tab {
+                        height: 32px;
+                        margin-left: 0 !important;
+                        color: var(--color);
+                        background-color: var(--active-bg);
+                        border: var(--border);
+                        border-radius: 2px;
+                    }
+
+                    > .ant-tabs-tab-active {
+                        background: var(--active-bg);
+                        border: var(--border-active);
+                        border-image: var(--border-image);
+
+                        .ant-tabs-tab-btn {
+                            color: var(--active-color);
+                            &:focus {
+                                color: var(--active-color);
+                            }
+                        }
+                    }
+                }
+            }
+            .ant-tabs-tab-btn:active {
+                color: var(--border-active);
+            }
+        }
+    }
+}
+
+.vtx-sub-tabs-line {
+    --border: 1px solid #dadadaff;
+    --border-active: 1px solid #1890ffff;
+    --border-image: none;
+    --color: #222;
+    --active-color: #1890ffff;
+    --active-bg: transparent;
+
+    &.dark {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #95fff9ff;
+        --color: #8d9798ff;
+        --active-color: #95fff9ff !important;
+        --active-bg: linear-gradient(0deg, #1a606d, #192f3f);
+    }
+
+    &.blue {
+        --border: 1px solid #95fff933;
+        --border-image: linear-gradient(180deg, #356178, #51e0ff) 1 1;
+        --border-active: 1px solid #018aff !important;
+        --color: #ffffff;
+        --active-color: #1890ffff !important;
+        --active-bg: linear-gradient(180deg, #2a55e9 0%, #0dbafe 100%);
+    }
+    > .ant-tabs-nav {
+        // margin-bottom: 0;
+
+        &::before {
+            border-bottom: 1px solid rgba(102, 244, 251, 0.1);
+            content: '';
+        }
+
+        > .ant-tabs-nav-wrap {
+            > .ant-tabs-nav-list {
+                > .ant-tabs-tab {
+                    height: 32px;
+                    color: var(--color);
+                    background-color: transparent;
+                }
+
+                > .ant-tabs-tab-active {
+                    .ant-tabs-tab-btn {
+                        color: var(--active-color);
+                        &:focus {
+                            color: var(--active-color);
+                        }
+                    }
+                }
+                > .ant-tabs-ink-bar {
+                    background: var(--active-color);
+                }
+            }
+        }
+        .ant-tabs-tab-btn:active {
+            color: var(--border-active);
+        }
+    }
+}