角度添加主题scss以覆盖全局样式

Question

我正在使用Angular7。我所有的全局样式都在style.scss文件中。 我也有2个主题：dark.scss和light.scss。这两个文件位于路径上：

assets/css/dark.scss
assets/css/light.scss

我尝试通过两种方式将这些主题包含在我的应用程序中：

1）我在angular.json ::

中添加了主题样式

styles: [
     "src/styles.scss",       
     "src/assets/css/light.scss",
     "src/assets/css/dark.scss"             
],

2）我将它们导入了styles.scss文件：

@import 'assets/css/light.scss';
@import 'assets/css/dark.scss';

我在style.scss的开头和style.scss的结尾尝试了这种导入，

我尝试过的所有操作都将我的主题file.scss替换为style.scss。角度以某种方式将theme.scss放在style.scss之前。我的主题样式有什么方法可以覆盖style.scss吗？