demo

.dark {

background-color: #363636;

filter: invert(100) hue-rotate(180deg);

}

.dark img {

filter: invert(100) hue-rotate(180deg);

}

Switch theme

一个第三方的 GMail 的 Web 客户端。

百度链接

var darkSwitch = false

document.getElementById('switch').addEventListener(

'click',

function() {

if (darkSwitch) {

document.querySelector('body').classList.remove('dark')

darkSwitch = false

} else {

document.querySelector('body').classList.add('dark')

darkSwitch = true

}

false

)

一键复制

编辑

Web IDE

原始数据

按行查看

历史

夜间模式html,夜间模式.html相关推荐

android官方夜间模式,Android夜间模式实践
前言由于项目需要,近段时间开发的夜间模式功能.主流的方案如下: 1.通过切换theme实现 2.通过resource id映射实现 3.通过Android Support Library的实现方案 ...
oppo计算机的夜间模式,oppo夜间模式如何打开
手机型号:OPPO R9 1.打开手机,在手机桌面找到设置选项,点击进入. 2.在设置界面中,找到显示与亮度选项,点击进入. 3.在现实与亮度界面中,找到夜间护眼选项,点击进入. 4.在夜间护眼界面中 ...
UiModeManager设置夜间模式和行车模式
本文来自:安卓航班网 Android在2.2时新增了一个实用的类UiModeManager可以方便的管理当前Android设备的夜间模式和行车模式,位于android.app.UiModeManage ...
android ios 夜间模式切换,iOS-夜间模式(换肤设置)
一.实现功能及主要思路实现功能: iOS 开发中有时候会有夜间模式(换肤设置)的需求, 其实主要是更改相关颜色操作.每次切换夜间/白天模式时,都会发出通知给所有ViewController,让它们 ...
如何使用Towify在小程序中实现夜间模式和日间模式的自由切换？
通过触发器中的执行其它触发器动态显示夜间模式和日光模式图标的显示和隐藏,同时使用组件切换器控制不同组件之间的切换效果展示具体步骤制作按钮切换模式制作切换图标创建开关切换触发器创建图标显示隐 ...
开源中国源码学习（五）——切换皮肤（日间模式和夜间模式）
在开源中国客户端源码的侧滑菜单栏里有一个模式切换的选项,可以完成夜间模式和日间模式的相互转换. 一.功能介绍在侧滑菜单栏里点击日间或者夜间后,客户端的皮肤可以发生变化,来达到保护眼睛的作用. 二.详 ...
如何让Windows 10每天夜间自动开启深色模式
正如大家所知道的,当在夜间使用Windows 10时,我们可以开启系统的"夜间模式",在这个模式下,Windows 10将呈现让眼睛感觉更加舒适的暖色调,以便尽可能地将对我们睡眠的 ...
Android开发黑白灰模式和夜间模式设置
接口数据来源鸿洋大神"玩安卓"网站:https://wanandroid.com/ 黑白灰正常模式和黑白灰夜间模式截图夜间模式与正常模式截图黑白灰与原色模式设置 ...
android自动夜间模式,Android 夜间模式初探
当下各种阅读类APP(如各种浏览器,某日头条等)都会有夜间模式,也顺应了大家的睡前必须玩一下手机的作息习惯.关于夜间模式的实现,有很多种方法.这篇日志学习一下最简单的实现方式,通过setTheme(i ...
android夜间模式护眼,长时间看开着护眼模式（夜间模式）玩手机，这样对人有影响吗？...
原标题:长时间看开着"护眼模式(夜间模式)"玩手机,这样对人有影响吗? 现在我们对手机的依赖越来越严重,安全感不再来自身边人,而是形影不离的手机.人们除了每天三分之一的时间花在睡觉 ...

夜间模式html,夜间模式.html

夜间模式html,夜间模式.html相关推荐

最新文章

热门文章