没有专门的暗模式类

开发
1

继续关于 如何为暗（或亮）模式添加特定的 body 类？ 的讨论：

情况还是这样吗？

我想在处理暗色主题时，为外部小部件（一个 Leaflet 地图）添加特定的 CSS，是否仍然无法仅使用 CSS 选择器来识别？

当然，我可以创建一个主题组件来应用更改，并假设管理员会将其添加到暗色方案中，但这不会自动切换……（这是当前的解决方案）

5 个赞
2

这能完成您需要的功能吗？这需要添加到 color_definitions.scss 中。

@if #{schemeType()} == dark {
    body {
        background: red;
    }
} @else {
     body {
        background: blue;
    }
}

不过，添加一个类确实会很有用，我们也许可以添加一个。

6 个赞
3

感谢您的建议。

是的，不一定需要是一个类，只要我能在 CSS 中区分它就行。

愚蠢的问题：我该如何从主题组件或插件中做到这一点？

3 个赞
4

您可以在远程主题或组件中创建一个文件 common/color_definitions.scss — 如果您想通过管理面板添加 CSS，那里有一个部分：

Screenshot 2023-02-13 at 10.55.17 AM
Screenshot 2023-02-13 at 10.55.17 AM677×136 9.83 KB

4 个赞
5

谢谢 @awesomerobot！

3 个赞
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.