(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210812977.8 (22)申请日 2022.07.11 (71)申请人 北京金堤科技有限公司 地址 100086 北京市海淀区知春路6 5号院1 号楼B座20层20 01号 (72)发明人 马丽　 (74)专利代理 机构 北京工信联合知识产权代理 有限公司 1 1266 专利代理师 姜丽楼 (51)Int.Cl. G06F 9/451(2018.01) (54)发明名称 页面样式切换方法、 装置以及 存储介质和电 子设备 (57)摘要 本发明实施例公开了一种页面样式切换方 法、 装置以及存储介质和电子设备， 其中方法包 括： 对前端页面中的页面元素进行全局变量设 置； 响应目标页面下由第一背景模式切换至第二 背景模式的操作， 确定第二背景模式下各全局变 量值； 基于确定的全局变量确定第二背景模式下 的页面样式信息； 根据确定的第二背景模式的页 面样式信息， 加载所述目标页面的页面元 素。 权利要求书2页 说明书10页 附图2页 CN 115269076 A 2022.11.01 CN 115269076 A 1.一种页面样式切换 方法， 包括以下步骤： 对前端页面中的页面元 素进行全局变量设置； 响应目标页面下由第 一背景模式切换至第 二背景模式的操作， 确定第 二背景模式下各 全局变量 值； 基于确定的全局变量确定第二背景模式下的页面样式信息； 根据确定的第二背景模式的页面样式信息， 加载 所述目标页面的页面元 素。 2.如权利要求1所述的页面样式切换方法， 其特征在于， 在所述对前端页面中的页面元 素进行全局变量设置的步骤中， 设置三大类型主题颜色全局变量， 包括背 景色全局变量、 颜 色全局变量以及纯色图标颜色全局变量， 并将各全局变量值默认赋值为第一背景模式或第 二背景模式下对应的值。 3.如权利要求2所述的页面样式切换方法， 其特征在于： 在所述对前端页面中的页面元 素进行全局变量设置的步骤中， 通过CSS原生变量在页面的样 式表中声明两种模式下 的全 局变量。 4.如权利要求2所述的页面样式切换方法， 其特征在于： 在所述响应目标页面下由第 一 背景模式切换至第二背景模式的操作， 确定第二背景模式下各全局变量值步骤中， 通过媒 体查询判断当前模式， 根据确定的模式确定全局变量 值。 5.如权利要求2所述的页面样式切换方法， 其特征在于， 所述基于确定的全局变量确定 第二背景模式下的页面样式信息步骤 包括： 对所述目标页面中的文字颜色样式信息， 引用所确定的颜色全局变量； 对目标页面中的背景色样式信息， 引用所确定的背景色全局变量； 对所述目标页面中的纯色图标， 引用所确定的纯色图标颜色全局变量。 6.如权利要求5所述的页面样式切换 方法， 其特 征在于， 所述方法还 包括： 对于目标页面中的非纯色图标或图片， 通过设置反相色与色相旋转实现两种 模式下图 片视觉效果的适配。 7.如权利要求6所述的页面样式切换方法， 其特征在于， 所述对于目标页面中的非纯色 图标或图片， 通过设置反相色与色相旋转实现两种模式下图片视 觉效果的适配步骤 包括： 通过第一类滤镜功能， 将所述目标页面中的非纯色图标或图片设置为反相色； 通过第二类滤镜功能， 对设置反相色后的非纯色图标或图片执行色相旋转， 以消除第 一类滤镜功能对非纯色图标或图片的原 始彩色主题的影响。 8.一种页面样式切换装置， 包括： 全局变量设置模块， 用于对前端页面中的页面元 素进行全局变量设置； 背景模式确定模块， 用于响应目标页面下由第一背景模式切换至第二背景模式的操 作， 确定第二背景模式下 各全局变量 值； 页面样式信息确定模块， 用于基于确定的全局变量确定第二背景模式的页面样式信 息； 切换加载模块， 用于根据确定的第二背景模式的页面样式信息， 加载所述目标页面的 页面元素。 9.一种存储介质， 其上存储有计算机程序， 其特征在于， 所述计算机程序被处理器执行 时实现如权利要求1至7任意 一项所述页面样式切换 方法的步骤。权　利　要　求　书 1/2 页 2 CN 115269076 A 210.一种电子设备， 包括存储器、 处理器及存储在所述存储器上并可在所述处理器上运 行的计算机程序， 其特征在于， 所述处理器执行所述计算机程序时实现如权利要求1至7任 意一项所述页面样式切换 方法的步骤。权　利　要　求　书 2/2 页 3 CN 115269076 A 3