CN115495188A - 混合开发app的主题颜色切换方法、装置、设备及介质 - Google Patents

Abstract

本申请涉及移动设备技术领域，特别涉及一种混合开发APP的主题颜色切换方法、装置、设备及介质，其中，方法包括：识别用户的主题切换意图；根据主题切换意图进入混合开发APP是网页视图，在网页视图中调用预设接口获取满足主题切换意图的颜色字符串，并将颜色字符串映射至目标class中；根据目标class修改混合开发APP的主题标签，以将混合开发APP的主题颜色切换为颜色字符串对应的颜色。由此，解决了相关技术中无法实现混合开发模式下的应用，导致的局限性、开发效率低下，降低用户使用体验等问题。

Description

混合开发APP的主题颜色切换方法、装置、设备及介质

技术领域

本申请涉及移动设备技术领域，特别涉及一种混合开发APP的主题颜色切换方法、装置、设备及介质。

背景技术

在开发APP(application，手机软件)时，为了满足用户的个性化需求，一般会提供APP的换肤功能，其中，换肤功能包括单不限于更改颜色、图片等；细化来说就是：要求APP中的不同控件能够在不同的主题下显示不同的样式，较为常见的主题有日间主题和夜间主题，主要是方便用户按照环境管线的强弱自动或是手动更换。

相关技术中，主要是针对原生开发的手机应用，可以通过原生的夜间模式实现换肤；或是通过遍历根布局来动态切换视图的皮肤；或是通过反射的方式重写系统的相关方式来实现换肤，但是均具有一定的局限性，对于不同的系统如Android(安卓)和IOS(苹果公司开发的移动操作系统)系统无法同时使用，浪费资源，开发效率较低，且无法在离线状态下切换皮肤，降低用户的使用体验。

发明内容

本申请提供一种混合开发APP的主题颜色切换方法、装置、设备及介质，以解决相关技术中无法实现混合开发模式下的应用，导致的局限性、开发效率低下，降低用户使用体验等问题。

本申请第一方面实施例提供一种混合开发APP的主题颜色切换方法，包括以下步骤：识别用户的主题切换意图；根据所述主题切换意图进入混合开发APP的网页视图，在所述网页视图中调用预设接口获取满足所述主题切换意图的颜色字符串，并将所述颜色字符串映射至目标class中；根据所述目标class修改所述混合开发APP的主题标签，以将所述混合开发APP的主题颜色切换为所述颜色字符串对应的颜色。

根据上述技术手段，本申请实施例通过识别用户的主题切换意图进入到混合开发APP模式下的网页视图，再从中调用接口获取满足主题的颜色字符串，并将其映射至目标class中，根据目标class修改混合开发APP的主题标签，以便将主题颜色切换成颜色字符串对应的颜色，实现了混合开发模式下的应用，使得应用更加广泛，提升了开发效率，提升用户使用体验。

进一步地，所述在所述网页视图中调用预设接口获取满足所述主题切换意图的颜色字符串，包括：通过所述预设接口与所述混合开发APP中的原生APP通信，以获取所述原生APP的主题的颜色字符串。

根据上述技术手段，本申请实施例通过接口与混合开发APP中的原生APP通信，以获取原生APP主题的颜色字符串，使得在混合开发模式下实现换肤并与原生主题保持一致，提升用户使用体验。

进一步地，在根据所述目标class修改所述混合开发APP的主题标签之前，包括：在所述混合开发APP的H5(HyperText Markup Language 5，超文本5.0)项目中建立less文件；建立css文件，并利用所述css文件指定主题，并利用css的变量功能分别制定主题颜色，得到主题色css文件，并在所述主题色css文件中不同的class中设定同一个变量名，并给变量名设置对应主题的颜色值；在所述less文件中引入所述主题色css文件，并给less变量设置对应的css变量，且给所述主题标签设置对应的class。

根据上述技术手段，本申请实施例在混合开发APP的H5项目中新建一个css文件，再该文件中指定主题色，使用css的变量功能，分别制定主题的颜色，并在不同的class中设定同一个变量名，给变量名设置对应主题的颜色值；在less文件中引入主题色css文件，给less变量设置对应的css变量并给主题标签设置对应的class，以便于后续通过对class修改混合开发的主题标签，提升开发效率。

进一步地，所述根据所述目标class修改所述混合开发APP的主题标签，以将所述混合开发APP的主题颜色切换为所述颜色字符串对应的颜色包括：根据所述目标class修改所述主题标签对应的class；根据所述颜色字符串对应的颜色值匹配所述主题色css文件对应的class，根据所述主题色css文件对应的class匹配css变量，并基于所述css变量对应的less变量从所述less文件确定目标主题颜色；将所述混合开发APP的主题颜色切换为所述目标主题颜色。

根据上述技术手段，本申请实施例分局目标class修改主题标签对应的class，并根据颜色字符串匹配主题色css文件对应的class，匹配对应的css变量，并基于变量对应从less文件确定目标主题颜色，将混合开发APP的主题颜色切换为目标主题颜色，完成主题色的切换，更加方便快捷，提升了开发的效率。

本申请第二方面实施例提供一种混合开发APP的主题颜色切换装置，包括：识别模块，用于识别用户的主题切换意图；调用模块，用于根据所述主题切换意图进入混合开发APP的网页视图，在所述网页视图中调用预设接口获取满足所述主题切换意图的颜色字符串，并将所述颜色字符串映射至目标class中；切换模块，用于根据所述目标class修改所述混合开发APP的主题标签，以将所述混合开发APP的主题颜色切换为所述颜色字符串对应的颜色。

进一步地，所述调用模块进一步用于：通过所述预设接口与所述混合开发APP中的原生APP通信，以获取所述原生APP的主题的颜色字符串。

进一步地，所述切换模块进一步用于：在所述混合开发APP的H5项目中建立less文件；建立css文件，并利用所述css文件指定主题，并利用css的变量功能分别制定主题颜色，得到主题色css文件，并在所述主题色css文件中不同的class中设定同一个变量名，并给变量名设置对应主题的颜色值；在所述less文件中引入所述主题色css文件，并给less变量设置对应的css变量，且给所述主题标签设置对应的class。

进一步地，所述切换模块进一步用于：根据所述目标class修改所述主题标签对应的class；根据所述颜色字符串对应的颜色值匹配所述主题色css文件对应的class，根据所述主题色css文件对应的class匹配css变量，并基于所述css变量对应的less变量从所述less文件确定目标主题颜色；将所述混合开发APP的主题颜色切换为所述目标主题颜色。

本申请第三方面实施例提供一种电子设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序，以实现如上述实施例所述的混合开发APP的主题颜色切换方法。

本申请第四方面实施例提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行，以用于实现如上述实施例所述的混合开发APP的主题颜色切换方法。

由此，本申请至少具有如下有益效果：

(1)本申请实施例通过识别用户的主题切换意图进入到混合开发APP模式下的网页视图，再从中调用接口获取满足主题的颜色字符串，并将其映射至目标class中，根据目标class修改混合开发APP的主题标签，以便将主题颜色切换成颜色字符串对应的颜色，实现了混合开发模式下的应用，使得应用更加广泛，提升了开发效率，提升用户使用体验。

(2)本申请实施例通过接口与混合开发APP中的原生APP通信，以获取原生APP主题的颜色字符串，使得在混合开发模式下实现换肤并与原生主题保持一致，使其应用更加广泛。

(3)本申请实施例在混合开发APP的H5项目中新建一个css文件，再该文件中指定主题色，使用css的变量功能，分别制定主题的颜色，并在不同的class中设定同一个变量名，给变量名设置对应主题的颜色值；在less文件中引入主题色css文件，给less变量设置对应的css变量并给主题标签设置对应的class，以便于后续通过对class修改混合开发的主题标签，提升开发效率。

(4)本申请实施例分局目标class修改主题标签对应的class，并根据颜色字符串匹配主题色css文件对应的class，匹配对应的css变量，并基于变量对应从less文件确定目标主题颜色，将混合开发APP的主题颜色切换为目标主题颜色，完成主题色的切换，更加方便快捷，提升了开发的效率。

本申请附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本申请的实践了解到。

附图说明

本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1为根据本申请实施例提供的一种混合开发APP的主题颜色切换方法的流程图；

图2为根据本申请实施例的混合开发模式下内嵌H5换肤实现流程图；

图3为根据本申请实施例的混合开发APP的主题颜色切换装置的方框示意图；

图4为根据本申请实施例的电子设备的结构示意图。

具体实施方式

下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本申请，而不能理解为对本申请的限制。

用户体验是衡量一款APP质量的重要考核点，而换肤则是提升用户体验的重要一环，为了进一步提高用户体验，如今的主流APP都提供了换肤功能。

对于APP来说，随着近几年智能手机的飞速发展，APP开发需求也越来越多。其中，移动应用的混合开发模式是在一个应用程序中内嵌一个轻量级的浏览器，将一部分原生的功能改为HTML来开发，这部分功能不仅能够在不升级App的情况下动态更新，而且可以在Android系统或iOS系统上同时运行，可有效提升开发速度的同时，又可以节省开发资源。

相关技术(1)中，通过创建皮肤配置文件为UI框架在底层直接添加了支持皮肤的能力，当监听到换肤信号时，根据换肤信号及皮肤配置文件生成换肤通知，再根据换肤通知加载对应的皮肤资源，从而快速、自动改变APP的皮肤，但却仅仅是针对原生开发的手机应用，并未涉及本申请实施例的混合开发模式下手机的应用。

相关技术(2)中，通过创建皮肤资源，编写编译脚本，生成换肤文件并打包，将打包的皮肤文件加载到换肤框架中，需要换肤的UI组件经由UI适配层适配，并通过换肤框架自动加载相关资源从而达到换肤的目的。该相关技术也拥有同样的局限性，仅仅针对Android开发的手机应用，并未涉及本申请实施例的混合开发模式下的应用。

下面参考附图描述本申请实施例的混合开发APP的主题颜色切换方法、装置、设备及介质。

具体而言，图1为本申请实施例所提供的一种混合开发APP的主题颜色切换方法的流程示意图。

如图1所示，该混合开发APP的主题颜色切换方法包括以下步骤：

在步骤S101中，识别用户的主题切换意图。

可以理解的是，本申请实施例通过识别用户的主题切换意图了解用户的实际主题颜色切换需求，以便于后续实现主题颜色的切换。

在步骤S102中，根据主题切换意图进入混合开发APP的网页视图，在网页视图中调用预设接口获取满足主题切换意图的颜色字符串，并将颜色字符串映射至目标class中。

其中，预设接口可以是DSBridge接口，在此不作具体限定。

可以理解的是，本申请实施例根据用户的主题切换意图进入到混合开发APP模式下的网页视图，再从中调用接口获取满足主题的颜色字符串，并将其映射至目标class中，以便于后续直接通过目标class修改混合开发APP的主题标签，提升开发效率。

在本申请实施例中，在网页视图中调用预设接口获取满足主题切换意图的颜色字符串，包括：通过预设接口与混合开发APP中的原生APP通信，以获取原生APP的主题的颜色字符串。

其中，原生APP是指在原有的Android、IOS等移动平台上利用官方提供的开发语言、开发类库、开发工具进行App开发，在此不做具体限定。

可以理解的是，本申请实施例通过接口与混合开发APP中的原生APP通信，以获取原生APP主题的颜色字符串，使得在混合开发APP模式下实现换肤并与原生主题保持一致，使其应用更加广泛。

在步骤S103中，根据目标class修改混合开发APP的主题标签，以将混合开发APP的主题颜色切换为颜色字符串对应的颜色。

可以理解的是，本申请实施例根据目标class修改混合开发APP的主题标签，以便将主题颜色切换成颜色字符串对应的颜色，实现了混合开发模式下的应用，使得应用更加广泛，提升了开发效率，提升用户使用体验。

在本申请实施例中，在根据目标class修改混合开发APP的主题标签之前，包括：在混合开发APP的H5项目中建立less文件；建立css文件，并利用css文件指定主题，并利用css的变量功能分别制定主题颜色，得到主题色css文件，并在主题色css文件中不同的class中设定同一个变量名，并给变量名设置对应主题的颜色值；在less文件中引入主题色css文件，并给less变量设置对应的css变量，且给主题标签设置对应的class。

可以理解的是，本申请实施例在混合开发APP的H5项目中新建一个css文件，再该文件中指定主题色，使用css的变量功能，分别制定主题的颜色，并在不同的class中设定同一个变量名，给变量名设置对应主题的颜色值；在less文件中引入主题色css文件，给less变量设置对应的css变量并给主题标签设置对应的class，以便于后续通过对class修改混合开发的主题标签，提升开发效率。

在本申请实施例中，根据目标class修改混合开发APP的主题标签，以将混合开发APP的主题颜色切换为颜色字符串对应的颜色包括：根据目标class修改主题标签对应的class；根据颜色字符串对应的颜色值匹配主题色css文件对应的class，根据主题色css文件对应的class匹配css变量，并基于css变量对应的less变量从less文件确定目标主题颜色；将混合开发APP的主题颜色切换为目标主题颜色。

可以理解的是，本申请实施例分局目标class修改主题标签对应的class，并根据颜色字符串匹配主题色css文件对应的class，匹配对应的css变量，并基于变量对应从less文件确定目标主题颜色，将混合开发APP的主题颜色切换为目标主题颜色，完成主题色的切换，更加方便快捷，提升了开发的效率。

根据本申请实施例提出的混合开发APP的主题颜色切换方法，通过识别用户的主题切换意图计入到混合开发APP模式下的网页视图，再从中调用接口获取满足主题的颜色字符串，并将其映射至目标class中，根据目标class修改混合开发APP的主题标签，以便将主题颜色切换成颜色字符串对应的颜色，实现了混合开发模式下的应用，应用更加广泛，提升了开发效率，提升用户使用体验。由此，解决了相关技术中无法实现混合开发模式下的应用，导致的局限性、开发效率低下，降低用户使用体验等问题。

下面将结合图2对混合开发APP的主题颜色切换方法进行详细阐述，具体如下：

1.在H5项目中新建一个less文件，统一管理项目中的less样式。

2.新建一个css文件，在该文件中指定主题色，再使用css的变量功能，分别制定主题的颜色，例如：

.theme_dark{

--background-color:#141B26；

}

.theme_light{

--background-color:#ffffff；

}

在不同的class中设定同一个变量名，给变量名设置对应主题的颜色值。

3.在less样式文件中引入该主题色css文件，给less变量设置对应的css变量，例如：@background-color:var(--background-color)，以此完成样式文件的编写。

4.给H5项目的html标签指定对应的class名，例如给app标签指定theme_dark的class名，这样theme_dark的主题色就会应用到less变量中，只需要通过修改app标签的class名就可以完成主题色的切换了。

5.通过DSBridge与原生app通信获取原生的主题色。

6.在进入webview时，调用对应的DSBridge接口获取到颜色字符串，然后映射到对应的class名，给app标签设置该class名，就能够实现用户在原生切换主题色后，内嵌的H5页面也跟原生主题色同步的效果了。

其次参照附图描述根据本申请实施例提出的混合开发APP的主题颜色切换装置。

图3是本申请实施例的混合开发APP的主题颜色切换装置的方框示意图。

如图3所示，该混合开发APP的主题颜色切换装置10包括：识别模块100、调用模块200和切换模块300。

其中，识别模块100用于识别用户的主题切换意图；调用模块200用于根据主题切换意图进入混合开发APP的网页视图，在网页视图中调用预设接口获取满足主题切换意图的颜色字符串，并将颜色字符串映射至目标class中；切换模块300用于根据目标class修改混合开发APP的主题标签，以将混合开发APP的主题颜色切换为颜色字符串对应的颜色。

在本申请实施例中，调用模块200进一步用于：通过预设接口与混合开发APP中的原生APP通信，以获取原生APP的主题的颜色字符串。

在本申请实施例中，切换模块300进一步用于：在混合开发APP的H5项目中建立less文件；建立css文件，并利用css文件指定主题，并利用css的变量功能分别制定主题颜色，得到主题色css文件，并在主题色css文件中不同的class中设定同一个变量名，并给变量名设置对应主题的颜色值；在less文件中引入主题色css文件，并给less变量设置对应的css变量，且给主题标签设置对应的class。

在本申请实施例中，切换模块300进一步用于：根据目标class修改主题标签对应的class；根据颜色字符串对应的颜色值匹配主题色css文件对应的class，根据主题色css文件对应的class匹配css变量，并基于css变量对应的less变量从less文件确定目标主题颜色；将混合开发APP的主题颜色切换为目标主题颜色。

需要说明的是，前述对混合开发APP的主题颜色切换方法实施例的解释说明也适用于该实施例的混合开发APP的主题颜色切换装置，此处不再赘述。

根据本申请实施例提出的混合开发APP的主题颜色切换装置，通过识别用户的主题切换意图计入到混合开发APP模式下的网页视图，再从中调用接口获取满足主题的颜色字符串，并将其映射至目标class中，根据目标class修改混合开发APP的主题标签，以便将主题颜色切换成颜色字符串对应的颜色，实现了混合开发模式下的应用，应用更加广泛，提升了开发效率，提升用户使用体验。由此，解决了相关技术中无法实现混合开发模式下的应用，导致的局限性、开发效率低下，降低用户使用体验等问题。

图4为本申请实施例提供的电子设备的结构示意图。该电子设备可以包括：

存储器401、处理器402及存储在存储器401上并可在处理器402上运行的计算机程序。

处理器402执行程序时实现上述实施例中提供的混合开发APP的主题颜色切换方法。

进一步地，电子设备还包括：

通信接口403，用于存储器401和处理器402之间的通信。

存储器401，用于存放可在处理器402上运行的计算机程序。

存储器401可能包含高速RAM(Random Access Memory，随机存取存储器)存储器，也可能还包括非易失性存储器，例如至少一个磁盘存储器。

如果存储器401、处理器402和通信接口403独立实现，则通信接口403、存储器401和处理器402可以通过总线相互连接并完成相互间的通信。总线可以是ISA(IndustryStandard Architecture，工业标准体系结构)总线、PCI(Peripheral Component，外部设备互连)总线或EISA(Extended Industry Standard Architecture，扩展工业标准体系结构)总线等。总线可以分为地址总线、数据总线、控制总线等。为便于表示，图4中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

可选的，在具体实现上，如果存储器401、处理器402及通信接口403，集成在一块芯片上实现，则存储器401、处理器402及通信接口403可以通过内部接口完成相互间的通信。

处理器402可能是一个CPU(Central Processing Unit，中央处理器)，或者是ASIC(Application Specific Integrated Circuit，特定集成电路)，或者是被配置成实施本申请实施例的一个或多个集成电路。

本申请实施例还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上的混合开发APP的主题颜色切换方法。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不是必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或N个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本申请的描述中，“N个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更N个用于实现定制逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本申请的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本申请的实施例所属技术领域的技术人员所理解。

应当理解，本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，N个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。如，如果用硬件来实现和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列，现场可编程门阵列等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

尽管上面已经示出和描述了本申请的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本申请的限制，本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (10)

1.一种混合开发APP的主题颜色切换方法，其特征在于，包括以下步骤：

识别用户的主题切换意图；

根据所述主题切换意图进入混合开发APP的网页视图，在所述网页视图中调用预设接口获取满足所述主题切换意图的颜色字符串，并将所述颜色字符串映射至目标class中；

根据所述目标class修改所述混合开发APP的主题标签，以将所述混合开发APP的主题颜色切换为所述颜色字符串对应的颜色。

2.根据权利要求1所述的方法，其特征在于，所述在所述网页视图中调用预设接口获取满足所述主题切换意图的颜色字符串，包括：

通过所述预设接口与所述混合开发APP中的原生APP通信，以获取所述原生APP的主题的颜色字符串。

3.根据权利要求1所述的方法，其特征在于，在根据所述目标class修改所述混合开发APP的主题标签之前，包括：

在所述混合开发APP的H5项目中建立less文件；

建立css文件，并利用所述css文件指定主题，并利用css的变量功能分别制定主题颜色，得到主题色css文件，并在所述主题色css文件中不同的class中设定同一个变量名，并给变量名设置对应主题的颜色值；

在所述less文件中引入所述主题色css文件，并给less变量设置对应的css变量，且给所述主题标签设置对应的class。

4.根据权利要求3所述的方法，其特征在于，所述根据所述目标class修改所述混合开发APP的主题标签，以将所述混合开发APP的主题颜色切换为所述颜色字符串对应的颜色包括：

根据所述目标class修改所述主题标签对应的class；

根据所述颜色字符串对应的颜色值匹配所述主题色css文件对应的class，根据所述主题色css文件对应的class匹配css变量，并基于所述css变量对应的less变量从所述less文件确定目标主题颜色；

将所述混合开发APP的主题颜色切换为所述目标主题颜色。

5.一种混合开发APP的主题颜色切换装置，其特征在于，包括：

识别模块，用于识别用户的主题切换意图；

调用模块，用于根据所述主题切换意图进入混合开发APP的网页视图，在所述网页视图中调用预设接口获取满足所述主题切换意图的颜色字符串，并将所述颜色字符串映射至目标class中；

切换模块，用于根据所述目标class修改所述混合开发APP的主题标签，以将所述混合开发APP的主题颜色切换为所述颜色字符串对应的颜色。

6.根据权利要求5所述的装置，其特征在于，所述调用模块进一步用于：

通过所述预设接口与所述混合开发APP中的原生APP通信，以获取所述原生APP的主题的颜色字符串。

7.根据权利要求5所述的装置，其特征在于，所述切换模块进一步用于：

在所述混合开发APP的H5项目中建立less文件；

建立css文件，并利用所述css文件指定主题，并利用css的变量功能分别制定主题颜色，得到主题色css文件，并在所述主题色css文件中不同的class中设定同一个变量名，并给变量名设置对应主题的颜色值；

在所述less文件中引入所述主题色css文件，并给less变量设置对应的css变量，且给所述主题标签设置对应的class。

8.根据权利要求7所述的装置，其特征在于，所述切换模块进一步用于：

根据所述目标class修改所述主题标签对应的class；

根据所述颜色字符串对应的颜色值匹配所述主题色css文件对应的class，根据所述主题色css文件对应的class匹配css变量，并基于所述css变量对应的less变量从所述less文件确定目标主题颜色；

将所述混合开发APP的主题颜色切换为所述目标主题颜色。

9.一种电子设备，其特征在于，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序，以实现如权利要求1-4任一项所述的混合开发APP的主题颜色切换方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行，以用于实现如权利要求1-4任一项所述的混合开发APP的主题颜色切换方法。

Images