如何更改 SAPUI5 应用程序的原生蓝色背景

How to change the native blue background of a SAPUI5 application

环境

框架:SAPUI5 V1.38.39
IDE : 网页IDE

问题

在本机 SAPUI5 应用程序 上本机 "background"(我的意思是页面在中心,周围是蓝色背景,我用红色圆圈表示它们一张照片): 我想根据我选择的颜色更改它,如果可能的话 css

要复制问题:

在 webIDE 中执行:从模板新建 > 项目,然后在 SAPUI5 版本 select SAPUI5 1.38 和 select SAPUI5 应用程序中。您将登陆与此蓝色背景相同的视图

我尝试了什么:

文件中 style.css :

body {
    background-color: #f0f0f5 !important;
}
.sapUiBody {
    background-color: #f0f0f5 !important;
}
#content{
    background-color: #f0f0f5 !important;
}

但是 none 的尝试奏效了 :(
有人有办法根据我选择的颜色更改此背景吗?

包含背景颜色渐变的CSSclass称为sapMShellGlobalOuterBackground。在您的 styles.css 中,添加:

.sapMShellGlobalOuterBackground {
    background-image: none;
    background-color: #4A412A;
}

结果: