角度离子型变化

我正在开发Ionic移动应用程序。当我用scss编写下面的代码时,

ion-content{
     background: rgba(15, 19, 31, 0.94) no-repeat;;
    width: 100%;
    height: 100%;
    display: table;
} 

我无法更改项目的背景。因为下面的代码阻止了它。“找不到它写在哪里。

:host {
    --background: var(--ion-background-color,#fff);
    --color: var(--ion-text-color,#000);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-start: 0px;
    --padding-end: 0px;
    --keyboard-offset: 0px;
    --offset-top: 0px;
    --offset-bottom: 0px;
    --overflow: auto;
    display: block;
    position: relative;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    margin: 0!important;
    padding: 0!important;
    font-family: var(--ion-font-family,inherit);
    contain: layout size style;
}

我怎样才能改变离子内容的背景。有一种方法可以在里面写div并赋予它风格。但我不想这么做。我想直接给项目赋予风格。

提前谢谢。