使用自定义 class for vmware clarity dark theme
Using custom class for vmware clarity dark theme
我正在使用深色主题在vmware清晰度的浅色和深色主题之间切换。
但问题是我的自定义 css class 没有应用深色主题，这很明显。
例如。我有一个自定义 class 设置内容的背景：
.custom-class {
背景：白色；
}
但是当应用深色主题时，我预计背景会发生变化。但是我不确定我该如何完成。
Stackblitz 试用：https://stackblitz.com/edit/clarity-theme-switcher-9mjqdm
为了解决问题，我尝试从 clarity.css 文件中找到现有的 class，该文件根据主题（例如卡片）具有不同的背景，但其中大部分都是额外的 css 属性 这扭曲了我的 UI。
还有像 bg-faded、bg-primary 等 bg-classes 没有相应的深色主题。任何人都可以帮助我至少解决这个问题。
听起来您正在 Clarity (Light/Dark) 提供的两个样式表之间切换。我们使用自定义属性（css 变量）从相同的 css 生成这两个主题，但最初只有 scss 个变量。
您可以用类似的方式为应用程序完成此操作。例如 - 为您的自定义 类 生成 light/dark 样式表。将 white 转换为 $custom-class-background 并生成两个样式表（一个用于 $custom-class-background:white 的浅色样式表，一个用于 $custom-class-background:black 的深色样式表。
然后，应用程序可以在执行 Clarity 主题时切换这些样式表。
我正在使用深色主题在vmware清晰度的浅色和深色主题之间切换。
但问题是我的自定义 css class 没有应用深色主题，这很明显。
例如。我有一个自定义 class 设置内容的背景：
.custom-class { 背景：白色； }
但是当应用深色主题时，我预计背景会发生变化。但是我不确定我该如何完成。
Stackblitz 试用：https://stackblitz.com/edit/clarity-theme-switcher-9mjqdm
为了解决问题，我尝试从 clarity.css 文件中找到现有的 class，该文件根据主题（例如卡片）具有不同的背景，但其中大部分都是额外的 css 属性 这扭曲了我的 UI。
还有像 bg-faded、bg-primary 等 bg-classes 没有相应的深色主题。任何人都可以帮助我至少解决这个问题。
听起来您正在 Clarity (Light/Dark) 提供的两个样式表之间切换。我们使用自定义属性（css 变量）从相同的 css 生成这两个主题，但最初只有 scss 个变量。
您可以用类似的方式为应用程序完成此操作。例如 - 为您的自定义 类 生成 light/dark 样式表。将 white 转换为 $custom-class-background 并生成两个样式表（一个用于 $custom-class-background:white 的浅色样式表，一个用于 $custom-class-background:black 的深色样式表。
然后，应用程序可以在执行 Clarity 主题时切换这些样式表。