三星Internet暗模式CSS

时间:2020-04-23 15:46:19

标签: css samsung-browser

有没有可能向Samsung Internet Dark Mode添加样式?

我们正在尝试在我们的网站上修改三星Internet浏览器在暗模式下默认设置的某些颜色。

当前,prefers-color-scheme is not supported在Samsung Internet上。但是,从2020年2月24日起,他们将拥有支持暗模式的集成浏览器。

        html, body{
            height: 100%;
        }
        .box{
            min-width: 100%;
            min-height: 100%;
            display: none;
        }
        .default {
            background-color: gray;
            display: block;
        }
        @media (prefers-color-scheme: light) {
            .light {
                background-color: #fff;
                color: #000;
                display: block;
            }
            .default{
                display: none;
            }
        }
        @media (prefers-color-scheme: dark) {
            .dark {
                background-color: #000;
                color: #fff;
                display: block;
            }
            .default{
                display: none;
            }
        }
<div class="box dark">Dark mode detected.</div>
<div class="box light">Light mode detected.</div>
<div class="box default">Default, no support for dark mode or light mode detected.</div>

0 个答案:

没有答案