使用 scss 基本文件在 angular 中实现自定义暗模式

问：

我正在尝试在不使用材料或其他 css 框架的情况下在我的项目中实现深色模式。在颜色方面，我的项目有一个集中的资源。项目中使用的所有颜色都存储在一个通用的基本文件中，并跨多个组件使用。

我有一个预定义的浅色模式调色板。现在我需要在这个项目中实现深色模式，我正在寻找一种可以以最简约的方式做到这一点的方法。 以某种方式切换调色板，或在主题更改时使用不同的 SCSS 文件。我不确定这是否可能

https://stackblitz.com/edit/angular-dark-mode-test

这是我项目的极简主义版本。

我知道 scss 是一个 css 预处理器，并且在运行时从角度侧切换主题。如果调色板切换是不可能的，那么我可以遵循哪些替代方法来为这样一个具有非常大代码库的项目实现深色模式。

注意：我不打算使用任何外部包或材料主题等。