@ued_fpi/data-visual/dist/es/theme/data-visual-var.css.mjs

<br /> <br /> <div style="text-align:center"> <b style="font-size:30px">@ued_fpi/data-visual</b> <p>基于Vite4+TypeScript的Vue3大屏组件库开发框架</p> <img style="display:inline" src="https://img.shields.io/npm/v/@ued_fpi/data-visual" />

const dataVisualVars = "html {\n    /* shadow */\n    --dv-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.16);\n    --dv-box-shadow-dark: 0 8px 16px -8px rgba(0, 0, 0, 0.16), 0 12px 32px 0 rgba(0, 0, 0, 0.12), 0 16px 48px 16px rgba(0, 0, 0, 0.08);\n    --dv-box-shadow-light: 0 0 12px 0 rgba(0, 0, 0, 0.12);\n    --dv-box-shadow-lighter: 0 0 6px 0 rgba(0, 0, 0, 0.12);\n\n    /* background */\n    --dv-color-background-base: #fff;\n    --dv-color-background-overlay: #fff;\n    --dv-color-background-page: #f2f3f5;\n\n    /* border */\n    --dv-color-border-base: #dcdfe6;\n    --dv-color-border-dark: #d4d7de;\n    --dv-color-border-darker: #cdd0d6; /* 鼠标移上时边框 */\n    --dv-color-border-extra-light: #f2f6fc;\n    --dv-color-border-light: #e4e7ed;\n    --dv-color-border-lighter: #ebeef5;\n\n    /* danger */\n    --dv-color-danger: #ff4d4f;\n    --dv-color-danger-10: #fee;\n    --dv-color-danger-20: #ffdbdc;\n    --dv-color-danger-30: #ffc9ca;\n    --dv-color-danger-50: #ffa6a7;\n    --dv-color-danger-70: #ff8283;\n    --dv-color-danger-80: #ff7172;\n    --dv-color-danger-110: #cc3e3f;\n\n    /* fill */\n    --dv-color-fill-base: #f0f2f5;\n    --dv-color-fill-blank: #fff;\n    --dv-color-fill-dark: #ebedf0;\n    --dv-color-fill-darker: #e6e8eb;\n    --dv-color-fill-extra-light: #fafcff;\n    --dv-color-fill-light: #f5f7fa;\n    --dv-color-fill-lighter: #fafafa;\n\n    /* index */\n    --dv-color-index: #1677ff;\n    --dv-color-index-10: #e8f2ff;\n    --dv-color-index-20: #d0e4ff;\n    --dv-color-index-30: #b9d6ff;\n    --dv-color-index-50: #8bbbff;\n    --dv-color-index-70: #5ba0ff;\n    --dv-color-index-80: #4592ff;\n    --dv-color-index-110: #125fcc;\n\n    /* info */\n    --dv-color-info-10: #f4f4f5;\n    --dv-color-info-100: #909399;\n    --dv-color-info-20: #e9e9eb;\n    --dv-color-info-30: #dedfe0;\n    --dv-color-info-50: #c7c9cc;\n    --dv-color-info-70: #b1b3b8;\n    --dv-color-info-110: #73767a;\n\n    /* primary */\n    --dv-color-primary: #1677ff;\n    --dv-color-primary-10: #e8f2ff;\n    --dv-color-primary-20: #d0e4ff;\n    --dv-color-primary-30: #b9d6ff;\n    --dv-color-primary-50: #8bbbff;\n    --dv-color-primary-70: #5ba0ff;\n    --dv-color-primary-80: #4592ff;\n    --dv-color-primary-110: #125fcc;\n\n    /* success */\n    --dv-color-success: #52c41a;\n    --dv-color-success-10: #eef9e9;\n    --dv-color-success-20: #dcf3d1;\n    --dv-color-success-30: #cbedba;\n    --dv-color-success-50: #a9e28d;\n    --dv-color-success-70: #86d65e;\n    --dv-color-success-80: #75d048;\n    --dv-color-success-110: #429d15;\n\n    /* text */\n    --dv-color-text-disable: #c0c4cc; /* 不可用 */\n    --dv-color-text-placeholder: #a8abb2; /* 占位符 */\n    --dv-color-text-primary: #303133; /* 主要文字 */\n    --dv-color-text-regular: #606266; /* 常规文字 */\n    --dv-color-text-secondary: #909399; /* 次要文字 */\n\n    /* warning */\n    --dv-color-warning: #faad14;\n    --dv-color-warning-10: #fff7e8;\n    --dv-color-warning-20: #feefd0;\n    --dv-color-warning-30: #fde6b8;\n    --dv-color-warning-50: #fdd68a;\n    --dv-color-warning-70: #fbc55a;\n    --dv-color-warning-80: #fbbd43;\n    --dv-color-warning-110: #c88a10;\n\n    /* font-size ; */\n    --dv-text-headline1: 16px;\n    --dv-text-headline2: 14px;\n    --dv-text-headline3: 12px;\n    --dv-text-body1: 14px;\n    --dv-text-body2: 12px;\n    --dv-text-body3: 16px;\n    --dv-text-number1: 14px;\n    --dv-text-number2: 12px;\n    --dv-text-number3: 16px;\n    --dv-text-number4: 18px;\n    --dv-text-number5: 20px;\n    --dv-text-number6: 24px;\n    --dv-text-number7: 32px;\n    --dv-text-number8: 40px;\n    --dv-text-number9: 48px;\n    --dv-text-number10: 56px;\n\n    /* font-family */\n    --dv-font-family-number: Oswald;\n\n    /* text-shadow */\n    --dv-text-shadow: rgba(0, 0, 0, 0.5);\n}\n\nhtml.dark {\n    /* color */\n    --dv-box-shadow: 0 8px 20px 0 rgba(51, 135, 255, 0.72), 0 12px 32px 4px rgba(51, 135, 255, 0.36);\n    --dv-box-shadow-dark: 0 8px 16px -8px #3387ff, 0 12px 32px 0 #3387ff, 0 16px 48px 16px rgba(51, 135, 255, 0.72);\n    --dv-box-shadow-light: 0 0 12px 0 rgba(51, 135, 255, 0.72);\n    --dv-box-shadow-lighter: 0 0 6px 0 rgba(51, 135, 255, 0.72);\n    --dv-color-background-base: #000b1a;\n    --dv-color-background-overlay: #000b1a;\n    --dv-color-background-page: #000b1a;\n    --dv-color-border-base: rgba(68, 136, 208, 0.2); /* 基础边框 */\n    --dv-color-border-dark: rgba(68, 136, 208, 0.15);\n    --dv-color-border-darker: rgba(68, 136, 208, 0.15); /* 鼠标移上时边框 */\n    --dv-color-border-extra-light: rgba(68, 136, 208, 0.35);\n    --dv-color-border-light: rgba(68, 136, 208, 0.25);\n    --dv-color-border-lighter: rgba(68, 136, 208, 0.3); /* 表格边框色 */\n    --dv-color-danger: #f84439;\n    --dv-color-danger-10: #190706;\n    --dv-color-danger-20: #320e0b;\n    --dv-color-danger-30: #4a1411;\n    --dv-color-danger-50: #7c221c;\n    --dv-color-danger-70: #ae3028;\n    --dv-color-danger-80: #c6362e;\n    --dv-color-danger-110: #d15e58;\n    --dv-color-fill-base: rgba(68, 136, 208, 0.1); /* 基础填充 */\n    --dv-color-fill-blank: rgba(68, 136, 208, 0.1);\n    --dv-color-fill-dark: rgba(68, 136, 208, 0.05);\n    --dv-color-fill-darker: rgba(68, 136, 208, 0.05);\n    --dv-color-fill-extra-light: rgba(68, 136, 208, 0.25);\n    --dv-color-fill-light: rgba(68, 136, 208, 0.15);\n    --dv-color-fill-lighter: rgba(68, 136, 208, 0.2);\n    --dv-color-index: #00deff;\n    --dv-color-index-10: #001619;\n    --dv-color-index-20: #002c33;\n    --dv-color-index-30: #00434d;\n    --dv-color-index-50: #006f7f;\n    --dv-color-index-70: #009cb3;\n    --dv-color-index-80: #00b2cc;\n    --dv-color-index-110: #33e5ff;\n    --dv-color-info-10: #000b1a;\n    --dv-color-info-100: #0054cc;\n    --dv-color-info-20: #001533;\n    --dv-color-info-30: #001f4c;\n    --dv-color-info-50: #003580;\n    --dv-color-info-70: #0049b2;\n    --dv-color-info-dark: #0069ff;\n    --dv-color-primary: #0069ff;\n    --dv-color-primary-10: #000b1a;\n    --dv-color-primary-20: #001533;\n    --dv-color-primary-30: #001f4c;\n    --dv-color-primary-50: #003580;\n    --dv-color-primary-70: #0049b2;\n    --dv-color-primary-80: #0054cc;\n    --dv-color-primary-110: #3387ff;\n    --dv-color-success: #15f3a3;\n    --dv-color-success-10: #021a11;\n    --dv-color-success-20: #043322;\n    --dv-color-success-30: #064c33;\n    --dv-color-success-50: #0b8056;\n    --dv-color-success-70: #0fb277;\n    --dv-color-success-80: #11cc89;\n    --dv-color-success-110: #56e7b3;\n    --dv-color-text-disable: rgba(255, 255, 255, 0.6); /* 不可用 */\n    --dv-color-text-placeholder: rgba(255, 255, 255, 0.3); /* 占位符 */\n    --dv-color-text-primary: #fff; /* 主要文字 */\n    --dv-color-text-regular: #cfd3dc; /* 常规文字 */\n    --dv-color-text-secondary: rgba(255, 255, 255, 0.6); /* 次要文字 */\n    --dv-color-warning: #fdbd00;\n    --dv-color-warning-10: #1a1300;\n    --dv-color-warning-20: #332600;\n    --dv-color-warning-30: #4b3800;\n    --dv-color-warning-50: #7f5f00;\n    --dv-color-warning-70: #b18400;\n    --dv-color-warning-80: #ca9700;\n    --dv-color-warning-110: #ebbf3d;\n}\n";

export { dataVisualVars as default };