如何轻松更改CUBA应用程序中的整体主题？

Question

我想知道将CUBA studio主题复制到我的应用程序是多么容易？例如，默认情况下它使用光环主题但是想知道是否还有其他主题。

Answer 1

使CUBA看起来像CUBA Studio：

1. 使用“项目属性”部分
中的“创建主题扩展”操作为光环创建主题扩展
2. 转到IDE
3. 在modules / web / themes / halo
中查找文件
4. 打开halo-ext-defaults.scss
5. 为valo变量添加覆盖：

$v-background-color: #333333;
$v-panel-background-color: #333333;

$v-textfield-background-color: #252526;
$v-textfield-background-color--readonly: #333333;

$v-font-size: 13px;
$v-font-weight: 400;

$v-border: 1px solid #1E1E1E;

$v-layout-margin-top: 6px;
$v-layout-margin-right: 6px;
$v-layout-margin-bottom: 6px;

$v-layout-margin-left: 6px;    
$v-focus-color: #679ED2;

$v-link-text-decoration: none;    
$v-panel-border: 0 solid transparent;
$v-notification-title-color: #252526;

$cuba-scrollbars-style-enabled: true;

1. 重新启动您的应用

有些组件无法使用此变量进行样式设置，看起来像Studio组件，因为Studio主题包含Buttons / Combobox /等的自定义CSS。

Answer 2

此manual包含有关如何自定义CUBA应用程序的默认主题的详细说明。如果更改颜色就足够了（请参阅手册中的修改常用参数部分），这不是很耗时。