+106
-23
@@ -15,3 +15,7 @@ "use strict"; | ||
| var defaultColor = "#00bcd4"; | ||
| var defaultColor2 = "#c6f0f5"; | ||
| var tenderColor = "#f42f75"; | ||
| var tenderColor2 = "#f497b8"; | ||
| var configJSON = { | ||
@@ -105,3 +109,3 @@ //默认主题 | ||
| borderColor: "#ccc", //边框颜色 | ||
| focusBorderColor: defaultColor, //鼠标点击的边框颜色 | ||
| disBorder: true, //禁用时 是否需要边框 | ||
@@ -114,2 +118,3 @@ disBorderColor: "#eee", //禁用时 边框的颜色 | ||
| valueColor: "#000", //表单值的颜色 | ||
| focusColor: defaultColor, //鼠标输入文字的颜色 input,textarea | ||
| disValueColor: "#eee", //禁用时 表单值的颜色 | ||
@@ -123,10 +128,8 @@ | ||
| dividingLine: true, | ||
| dividingLine: true, //是否需要分割的竖线 | ||
| inputSvgFill: defaultColor //下拉按钮 日期按钮 之类的 | ||
| inputSvgFill: defaultColor //下拉按钮的颜色 日期按钮 之类的 | ||
| }, | ||
| input: { | ||
| focusBorderColor: defaultColor, //input 鼠标点击的边框颜色 | ||
| focusColor: defaultColor //input 鼠标输入文字的颜色 | ||
| }, | ||
| input: {}, | ||
| textarea: {}, | ||
| radio: { | ||
@@ -140,5 +143,42 @@ svgFill: defaultColor, //单选按钮 选中的颜色 | ||
| }, | ||
| select: { | ||
| dialogTit: defaultColor, //下拉弹出框的标题颜色 | ||
| chooseItem: defaultColor //下拉选中某一栏的颜色 | ||
| }, | ||
| selectCheckbox: { | ||
| checkOn: defaultColor, //多选按钮 选中的颜色 | ||
| checkUp: defaultColor //多选按钮 未选中的颜色 | ||
| svgFill: defaultColor, //多选按钮颜色 | ||
| chooseItemBg: defaultColor2 //已选择在展示区的项item 背景 | ||
| }, | ||
| selectLenovo: { | ||
| dialogTit: defaultColor, //下拉弹出框的标题颜色 | ||
| chooseItem: defaultColor, //下拉选中某一栏的颜色 | ||
| searchSvgFill: defaultColor //下拉搜索svg的颜色 | ||
| }, | ||
| selectLenovoCheckbox: { | ||
| svgFill: defaultColor, //多选按钮颜色 | ||
| chooseItemBg: defaultColor2, //已选择在展示区的项item 背景 | ||
| searchSvgFill: defaultColor //下拉搜索svg的颜色 | ||
| }, | ||
| date: { | ||
| dateHeadBg: defaultColor, //日期头部背景颜色 | ||
| moveYear: defaultColor, //日期年份和月份下拉移动那一块的颜色 | ||
| contSvg: "#000", //上个月下个月按钮颜色 | ||
| todayColor: defaultColor, //今天字体颜色 | ||
| activeDayBg: defaultColor, //点击到那一天的背景颜色 | ||
| moveDayBg: defaultColor2 //移动到那一天的背景颜色 | ||
| }, | ||
| dateRange: { | ||
| dateHeadBg: defaultColor, //日期头部背景颜色 | ||
| moveYear: defaultColor, //日期年份和月份下拉移动那一块的颜色 | ||
| contSvg: "#000", //上个月下个月按钮颜色 | ||
| bothEndsDay: defaultColor, //开始和结束两端的选中日期背景颜色 | ||
| middleDay: defaultColor2 //开始日期中间段的日期背景色 | ||
| }, | ||
| dateWeek: { | ||
| dateHeadBg: defaultColor, //日期头部颜色 | ||
| moveYear: defaultColor, //日期年份和月份下拉移动那一块的颜色 | ||
| contSvg: "#000", //上个月下个月按钮颜色 | ||
| chooseSvg: defaultColor, //选中单行svg的颜色 | ||
| today: defaultColor, //今天的日期颜色 | ||
| chooseDayRows: defaultColor2 //选中的行背景色 | ||
| } | ||
@@ -249,3 +289,3 @@ } | ||
| borderColor: "#ccc", //边框颜色 | ||
| focusBorderColor: tenderColor, //鼠标点击的边框颜色 | ||
| disBorder: true, //禁用时 是否需要边框 | ||
@@ -258,2 +298,3 @@ disBorderColor: "#eee", //禁用时 边框的颜色 | ||
| valueColor: "#000", //表单值的颜色 | ||
| focusColor: tenderColor, //鼠标输入文字的颜色 input,textarea | ||
| disValueColor: "#eee", //禁用时 表单值的颜色 | ||
@@ -265,17 +306,58 @@ | ||
| boxShadow: true, //是否需要边框阴影 | ||
| boxShadowVal: "#ff4081", //边框阴影的颜色 | ||
| boxShadowVal: tenderColor, //边框阴影的颜色 | ||
| dividingLine: true | ||
| dividingLine: true, //是否需要分割的竖线 | ||
| inputSvgFill: tenderColor //下拉按钮的颜色 日期按钮 之类的 | ||
| }, | ||
| input: { | ||
| focusBorderColor: "#ff4081", //input 鼠标点击的边框颜色 | ||
| focusColor: "#ff4081" //input 鼠标输入文字的颜色 | ||
| }, | ||
| input: {}, | ||
| textarea: {}, | ||
| radio: { | ||
| svgFill: "#ff4081", //单选按钮 选中的颜色 | ||
| svgFill: tenderColor, //单选按钮 选中的颜色 | ||
| svgFillDis: "#ccc" //单选按钮 未选中的颜色 | ||
| }, | ||
| checkbox: { | ||
| svgFill: "#ff4081", //多选按钮 选中的颜色 | ||
| svgFill: tenderColor, //多选按钮 选中的颜色 | ||
| svgFillDis: "#ccc" //多选按钮 未选中的颜色 | ||
| }, | ||
| select: { | ||
| dialogTit: tenderColor, //下拉弹出框的标题颜色 | ||
| chooseItem: tenderColor //下拉选中某一栏的颜色 | ||
| }, | ||
| selectCheckbox: { | ||
| svgFill: tenderColor, //多选按钮颜色 | ||
| chooseItemBg: tenderColor2 //已选择在展示区的项item 背景 | ||
| }, | ||
| selectLenovo: { | ||
| dialogTit: tenderColor, //下拉弹出框的标题颜色 | ||
| chooseItem: tenderColor, //下拉选中某一栏的颜色 | ||
| searchSvgFill: tenderColor //下拉搜索svg的颜色 | ||
| }, | ||
| selectLenovoCheckbox: { | ||
| svgFill: tenderColor, //多选按钮颜色 | ||
| chooseItemBg: tenderColor2, //已选择在展示区的项item 背景 | ||
| searchSvgFill: tenderColor //下拉搜索svg的颜色 | ||
| }, | ||
| date: { | ||
| dateHeadBg: tenderColor, //日期头部背景颜色 | ||
| moveYear: tenderColor, //日期年份和月份下拉移动那一块的颜色 | ||
| contSvg: "#000", //上个月下个月按钮颜色 | ||
| todayColor: tenderColor, //今天字体颜色 | ||
| activeDayBg: tenderColor, //点击到那一天的背景颜色 | ||
| moveDayBg: tenderColor2 //移动到那一天的背景颜色 | ||
| }, | ||
| dateRange: { | ||
| dateHeadBg: tenderColor, //日期头部背景颜色 | ||
| moveYear: tenderColor, //日期年份和月份下拉移动那一块的颜色 | ||
| contSvg: "#000", //上个月下个月按钮颜色 | ||
| bothEndsDay: tenderColor, //开始和结束两端的选中日期背景颜色 | ||
| middleDay: tenderColor2 //开始日期中间段的日期背景色 | ||
| }, | ||
| dateWeek: { | ||
| dateHeadBg: tenderColor, //日期头部颜色 | ||
| moveYear: tenderColor, //日期年份和月份下拉移动那一块的颜色 | ||
| contSvg: "#000", //上个月下个月按钮颜色 | ||
| chooseSvg: tenderColor, //选中单行svg的颜色 | ||
| today: tenderColor, //今天的日期颜色 | ||
| chooseDayRows: tenderColor2 //选中的行背景色 | ||
| } | ||
@@ -286,13 +368,14 @@ } | ||
| personnel: { | ||
| checkboxOn: "#ff4081", //列表选择人员的checkbox | ||
| checkboxUp: "#ff4081" | ||
| checkboxOn: "#00bcd4", //列表选择人员的checkbox | ||
| checkboxUp: "#00bcd4" | ||
| }, | ||
| //分页 | ||
| page: { | ||
| currentNumBg: "#ff4081", //选中的分页的背景色 | ||
| currentNumBg: "#00bcd4", //选中的分页的背景色 | ||
| currentNum: "#fff", //选中的分页的字体颜色 | ||
| pagebtnBg: "#e2f9fc", //上下页按钮的背景色 | ||
| pagebtn: "#ff4081", //上下页按钮的字体颜色 | ||
| jumpBg: "#ff4081" //跳转按钮的颜色 | ||
| pagebtn: "#00bcd4", //上下页按钮的字体颜色 | ||
| jumpBg: "#00bdc4" //跳转按钮的颜色 | ||
| } | ||
| } | ||
@@ -299,0 +382,0 @@ |
+1
-1
| { | ||
| "name": "theme-y", | ||
| "version": "1.0.4", | ||
| "version": "1.0.5", | ||
| "description": "", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
20589
31.99%440
22.91%