如何有效地使用用于暗模式的CSS来使用KSS？
假设我打算创建一个黑暗模式的网页。一个非常小的页面可能如下所示：
:root {
--fg-color: white;
--bg-color: black;
}
body {
color: var(--fg-color);
background-color: var(--bg-color);
}
.simple {
border: 1px solid;
text-align: center;
}<html>
<body>
<h2 class="simple">Hello world!</h2>
</body>
</html>
现在假设我想通过KSS记录它。我会在.module的规则集之前添加以下评论行(在中间留一行空行)：
/*
Simple
Markup:
<h2 class="simple">some text</h2>
Styleguide Simple.simple
*/
.simple {
border: 1px solid;
text-align: center;
}令我失望的是，文档化库采用的是color，而不是background-color，这导致了不可读的白对白，如下所示(蓝色是我用鼠标所做的选择)：
回答 2
Stack Overflow用户
发布于 2021-08-31 19:57:58
官方的KSS项目GitRepo是在2016年更新的。和大多数提交都是8年前的 2012-2013年。
2016年，更别提2013年了，早在CSS自定义属性被浏览器广泛支持之前，就不足为奇了，它令人窒息--尽管它似乎能识别color: var()，而不是background-color: var()，这很有趣。
我会叫它退出，只需手动记录你的CSS。这个项目似乎已经失败了。以及该项目的作者和维护者似乎对资助创新的食品生产系统更感兴趣。，而不是运行开源项目。
...or，您可以分叉它，并尝试更新它与过去8年的发展，以CSS，并停留在维护跑步机。
Stack Overflow用户
发布于 2021-09-01 17:02:38
另一个答案清楚地解释了当前的情况:这个项目已经失败了。
关于可能的解决办法
我发现了一种可行的方法:将color和background-color设置为:root而不是body会影响KSS文档页面，从而使库中的模块得到准确的表示。另一方面，KSS特有的东西也会因此受到负面影响。但是，我仍然发现这个结果比我在问题中描述的白色更好。
结果是，背景颜色适用于整个页面：
一个稍微好一点的方法是将color和background-color设置为body (而不是:root)和.kss-modifier__wrapper。
https://stackoverflow.com/questions/69004505
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号