css - Vaadin Flow 深色模式对话框

标签 css dialog vaadin vaadin-flow vaadin14

如何将对话框主题从浅色设置为深色? 当我做的时候

dialog.setAttribute("theme", Lumo.DARK);

然后对话框下的背景具有纯色,我看不到它下面的正常主题。我更改了 vaadin 官方页面上的对话框主题,但存在同样的问题。我正在使用 Vaadin 14.7.6。

enter image description here

最佳答案

没有专门针对 Dialog 的深色变体的开箱即用支持。不过,您可以将整个应用程序设置为使用深色主题。

如果你只想要一个深色主题的对话框,你需要做你已经做过的事情,但覆盖 <vaadin-dialog-overlay> 的背景颜色。元素。

关于css - Vaadin Flow 深色模式对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70170425/

相关文章:

android - 如何使用按钮 + 和 - 制作简单的日期选择器对话框?

android - 对话框显示两次

html - 当我在 chrome 开发工具中点击切换设备时,我不能让容器响应

javascript - 如何使用 javascript 和 CSS 将类似文本的元素插入到文档中?

javascript - 如何制作 jQuery 步进动画?

c++ - Windows C++ 对话框调整器类

瓦丁 14 : remove broadcast registration on page refresh

用于字符串数组的 vaadin-grid-filter 不起作用

browser - Vaadin 中的客户端浏览器检测

javascript - css 属性在 ngFor 上的 Angular 4 中使用 ngStyle 应用于错误的元素