这里介绍创建 Hover Dark 主题的步骤,这个主题是默认 Hover 主题的暗色变体。使用此主题的示例应用程序可在 GitHub 上找到。
-
按照[web_theme_creation]部分中的说明在项目中创建新的 hover-dark 主题。
会在 web 模块中创建所需的文件结构。新建的
webThemesModule
模块及其配置将自动被添加到settings.gradle
和 build.gradle 文件中。 -
重新设置
hover-dark-defaults.scss
文件中的默认样式变量,比如,可以用以下变量值替换其中的变量:link:../../../../../../source/gui/themes/themes_45.scss[role=include]
-
使用 cuba.themeConfig 应用程序属性定义要在应用程序中使用的主题:
cuba.themeConfig = com/haulmont/cuba/hover-theme.properties /com/company/demo/web/hover-dark-theme.properties
于是,在应用程序中将有两个主题将可用:默认 Hover 主题及其暗色变体。