一种网页端在线更新颜色主题的方法

1. 一种网页端在线更新颜色主题的方法，步骤包括：

步骤S100使用var来定义css样式文件中的颜色变量；

步骤S200创建颜色选择器组件，监听用户触发动作，获取所选主题色值，以计算出对应的系列主题颜色，来替换css样式文件中的颜色变量，获取新css样式文件内容；

步骤S300 将新css样式文件内容写入style标签中，覆盖原有样式内容以更新颜色主题。

1. 根据权利要求1所述的网页端在线更新颜色主题的方法，其中步骤100中定义css样式文件中的颜色变量的步骤包括：

步骤S110定义全局变量，全局使用var来盛放预设基色变量名，以替代原始主题色值，来定义css样式文件中的颜色变量。

1. 根据权利要求1所述的网页端在线更新颜色主题的方法，其中步骤200中计算对应系列主题颜色的步骤包括：

步骤S210根据所选主题色值，以getThemeCluster函数计算出对应的系列主题颜色。

1. 根据权利要求1所述的网页端在线更新颜色主题的方法，其中步骤S200中创建颜色选择器组件的步骤包括：

步骤S220使用预设标签input创建颜色选择器，通过设置type属性为color，以供用户选择主题颜色；建立selectColor方法，用于获取用户选择的主题色值；建立saveColor方法，用于保存用户选择的主题色值；定义一个数据属性theme来存储主题色值。

1. 根据权利要求4所述的网页端在线更新颜色主题的方法，其中步骤S200中用户触发动作，获取主题色值的步骤包括：

步骤S230使用input事件监听选择主题颜色行为，以触发selectColor方法获取所选主题色值，并调用saveColor方法将其赋值给theme，以保存到本地存储。

1. 根据权利要求1所述的网页端在线更新颜色主题的方法，其中步骤还包括：

步骤S400设置默认颜色主题，其步骤包括：加载原始主题，定义一个变量ORIGINAL_THEME，来保存原始主题色值；定义一个变量chalk用来保存原始主题内容，并供判断是否为首次加载，若判断为首次加载，则远程获取原始css样式文件，赋值给chalk。

1. 根据权利要求6所述的网页端在线更新颜色主题的方法，其中步骤S300中将新css样式文件内容写入style标签中，覆盖原有样式内容以更新颜色主题的步骤包括：

步骤S310创建style标签并缓存，通过setAttribute方法设置其元素属性id为chalk-style，使用appendChild方法将元素插入到head中；

步骤S320将原始css样式文件填入style标签中，以使innerText记载原始样式内容；

步骤S330 将新css样式文件内容写入innerText，以更新颜色主题。