Как изменить собственный синий фон приложения SAPUI5

Question

Среда

Каркас: SAPUI5 V1.38.39
IDE: WebIDE

Проблема

В собственном приложении SAPUI5 нативный "фон" (я имею в виду, что страница находится в центре, а вокруг - синий фон, я указал их красным кружком на картинке): Я бы хотел бы изменить на цвет по своему выбору, в css, если возможно

Чтобы дублировать проблему:

в webIDE do: New> Project из шаблона, затем в версии SAPUI5 выберите SAPUI5 1.38 и выберите приложение SAPUI5. Вы окажетесь в том же виде с этим синим фоном

Что я пробовал:

В стиле файла. css:

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

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

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

Но ни одна из этих попыток не сработала: (
У кого-нибудь есть решение изменить этот фон на цвет по моему выбору?

Answer 1

Класс CSS, содержащий градиент цвета фона, называется sapMShellGlobalOuterBackground. В вашем styles.css добавьте:

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

Результат: