精华内容
参与话题
问答
  • mac dark模式One of the best professional decisions I ever made was switching to a dark text editor theme. I suffered from horrible headaches for years, partially caused by late night coding sessions ...

    mac dark模式

    One of the best professional decisions I ever made was switching to a dark text editor theme. I suffered from horrible headaches for years, partially caused by late night coding sessions with blindingly bright computer screens. Recently Apple implemented a dark OS theme which helps my eyes, and thinking in a command line state of mind, I was wondering if there was a way to change dark or light mode via command line...and I found out how!

    我做出的最好的专业决定之一就是切换到深色文本编辑器主题。 多年以来,我一直在经历着令人头疼的头痛,部分原因是由于深夜的编码会议以及令人眼花bright乱的计算机屏幕。 最近,Apple实施了一个黑暗的OS主题,该主题可帮助我的眼睛,并以命令行的状态进行思考,我想知道是否存在通过命令行更改黑暗或明亮模式的方法……我发现了!

    Switching between light and dark mode via command line is done via a boolean flag:

    通过布尔值标志通过命令行在亮和暗模式之间切换:

    sudo defaults write /Library/Preferences/.GlobalPreferences.plist _HIEnableThemeSwitchHotKey -bool true
    
    

    The good news is that switching between color preferences can be done with one command; the bad news is that you need to restart your machine for the new theme to take effect.

    好消息是,可以使用一个命令在颜色首选项之间进行切换。 坏消息是您需要重新启动计算机才能使新主题生效。

    For years I switched to dark themes on iPhone apps and text editors; I'm so thankful that Apple has afforded us this feature on laptops and desktops. Your eyes are important -- protect them!

    多年以来,我一直在iPhone应用程序和文本编辑器上使用深色主题。 非常感谢Apple在笔记本电脑和台式机上为我们提供了此功能。 您的眼睛很重要-保护它们!

    翻译自: https://davidwalsh.name/mac-dark-mode

    mac dark模式

    展开全文
  • 来自用户空间用于Cypress test runner的Dark模式
  • 聊聊微信的Dark模式

    2020-03-13 11:45:00
    这里是Z哥的个人公众号每周五11:45 按时送达当然了,也会时不时加个餐~我的第「133」篇原创敬上大家好,我是Z哥。这周微信公布了一个我期待已久的好消...

    这里是Z哥的个人公众号

    每周五11:45 按时送达

    当然了,也会时不时加个餐~

    我的第「133」篇原创敬上

    大家好,我是Z哥。

    这周微信公布了一个我期待已久的好消息。周一的时候对外公布说,已经完成了iOS版本的Dark模式开发,可能会在下一个版本上线。

    ▲截图来源于微博,版权归原作者所有

    真的是千呼万唤使出来,很多人期待这个功能很久了。(安卓版本在去年12月份就上线了)

    不知从何时起,Dark模式的UI风格逐渐成为一种潮流。

    比如,在办公室里的电脑端上开启Dark模式后,一眼望去黑黑的界面,在其他人都是白色界面的人群中,看起来格外显眼。

    以上描绘的这个景象便出现在我前几年的编程工作中。那个时候Dark模式刚开始在一小部分程序上运用,给人一种酷酷的感觉,满足我们的装X心理。

    如今,Dark模式已经席卷了各大主流App,连iOS官方、微信都推出了Dark模式。我在想,会不会像当初的微软带起扁平化风格的UI设计一样,掀起一个新的风潮。(可能微软不是真正第一个推出者,但一定是得以如此普及的最大推动力)

    Dark模式,被大家广泛认为的作用就是夜间看手机的时候减少对眼睛的刺激。但是我们为什么要在夜间看手机呢?这个习惯恐怕是由这两年的短视频风潮带动起来的。

    根据QuestMobile在去年10月份发布的《2019中国移动互联网“夜间经济”报告》来看,目前手机网民的活跃时段晚间明显高于白天,在20~22点达到顶峰。

    ▲图片来源于《2019中国移动互联网“夜间经济”报告》,版权归原作者所有

    而其中,排名靠前的几个应用分类是,即时通讯、在线视频、综合电商和短视频。其中,短视频晚上打开率相比白天增长最为显著。

    ▲图片来源于《2019中国移动互联网“夜间经济”报告》,版权归原作者所有

    所以,曾经说为了让大家早点睡觉,所以不增加Dark模式的微信也不得不下场干了。

    ▲图片来源于网络,版权归原作者所有

    其实,互联网经济更多体现在国民的注意力上,因为注意力就是流量,卖流量就是在卖注意力。所以说互联网经济就是国民注意力经济也不为过。

    而总的国民注意力恰好等于一个简单的公式: 总国民注意力 = 总上网人数 * 每个人的平均上网时长。

    所以,这是在大家下沉到3线以下城市捞取增量用户之余,面对一、二线城市的增量用户,最有效的办法了。这是在时间维度上的竞争。

    微信作为一个超大型综合App,自然会有很多夜间使用的场景。哪怕微信自己不需要,里面的一些公众号号主、小程序的商家们需要吧。

    如果微信的土壤没调整好,自然长不出适合夜间场景使用的小程序,这会大大影响微信与字节跳动之间的用户时间争夺战。

    所以,微信推出Dark模式,是必然之举。

    微信在国内的影响力,比iOS可大的多了。所以,后面会有多少App跟风推出Dark模式,我们可以拭目以待。

    推荐阅读:

    原创不易,如果你觉得这篇文章还不错,就「在看」或者「分享」一下吧。鼓励我的创作 :)

    如果你有关于软件架构、分布式系统、产品、运营的困惑

    可以试试点击「阅读原文

    展开全文
  • 【Android dark模式 初体验】 在 2019 年的 Google I/O 和 Apple WWDC 上,新露面的 Android 10 和 iOS 13 都宣布将支持 Dark Theme 也就是我们常说的暗黑模式,并提供相关 API 供开发者适配。 为什么我们需要深色...

    【Android dark模式 初体验】

    在 2019 年的 Google I/O 和 Apple WWDC 上,新露面的 Android 10 和 iOS 13 都宣布将支持 Dark Theme 也就是我们常说的暗黑模式,并提供相关 API 供开发者适配。

    为什么我们需要深色模式?

    可大幅减少耗电量(具体取决于设备的屏幕技术)。
    为弱视以及对强光敏感的用户提高可视性。
    让所有人都可以在光线较暗的环境中更轻松地使用设备。
    深色主题背景同时适用于 Android 系统界面和在设备上运行的应用。

    我们该怎样启动深色模式?

    在 Android 10 (API 级别 29) 及更高版本中,您可以通过以下三种方法启用深色主题背景:
    使用系统设置(Settings -> Display -> Theme)启用深色主题背景。
    使用“快捷设置”图块,从通知托盘中切换主题背景(启用后)。 在 Pixel
    设备上,选择“省电模式”将同时启用深色主题背景。其他原始设备制造商 (OEM) 不一定支持这种行为。

    为你的Android App适配深色模式

    适配的方式主要有三种:自动适配、自定义适配、使用 Material Design Components 进行适配.在这里,我使用了一个实例demo来展示各种方法的效果。

    未适配前效果
    在这里插入图片描述
    在这里插入图片描述

    自动适配 Force dark

    Android 10 提供 Force Dark 功能。一如其名,此功能可让开发者快速实现深色主题背景,而无需明确设置 DayNight 主题背景。

    使用方法是在style.xml的资源文件中其主题背景中设置 android:forceDarkAllowed=“true”

    在这里插入图片描述

    运行效果
    在这里插入图片描述
    在这里插入图片描述
    使用forceDarkAllowed自动适配十分简单粗暴,整体上看效果也基本上能让人满意,适配工作全是系统自己做的。

    自定义适配

    自定义适配的关键在于,避免一切硬编码的颜色值,建立 light 、night 两份 colors,通过定义相同的名字,在不同模式下显示不同的颜色。

    确保当前 App 使用的主题继承自 AppCompat 或 MaterialComponents,并将之前默认的 Light 主题修改为 DayNight

    两份colors资源
    在这里插入图片描述
    修改style的父类
    在这里插入图片描述
    适配效果
    在这里插入图片描述
    因为我修改了 colors-nigh文件t中状态栏和标题栏的颜色为黑色,所以这里在深色模式下也相应的变成了黑色。

    展开全文
  • 作为极客爱好者,炫酷的开发工具是我们所喜欢的,现在推荐一个设置chrome浏览器的调试工具为dark模式的方法: 设置成功后的效果图: 看到效果图后是不是很惊喜,很意外,现告诉方法如下: 1、在chrome插件...

    作为极客爱好者,炫酷的开发工具是我们所喜欢的,现在推荐一个设置chrome浏览器的调试工具为dark模式的方法:

    设置成功后的效果图:

    看到效果图后是不是很惊喜,很意外,现告诉方法如下:

    1、在chrome插件商店下载devtools-theme-zero-dark插件,

    地址为:https://chrome.google.com/webstore/detail/devtools-theme-zero-dark/bomhdjeadceaggdgfoefmpeafkjhegbo?hl=zh-CN

    网络原因下载不了,自行想办法,作为IT专业人士你懂的。

    2、安装好插件后,浏览器输入:

    chrome://flags/#enable-devtools-experiments

    然后选择Enable Developer Tools experiments. 在浏览器底部会有Relaunch Now提示,重启浏览器即可。

    3、打开 developer tools 【settings】, set Theme mode to 'Dark'

    4、在settings中选择Experiments页签并勾选'Allow custom UI themes'

    5、F12重新载入调试工具

     

    展开全文
  • <div><h1>编辑模式 请选择你遇到问题时使用的编辑模式(把正常情况模式删掉): <ul><li><code>wysiwyg</code> 所见即所得模式</li><li><code>ir</code> 即时渲染模式</li><li><code>sv</code> ...
  • Chrome 73/74版本更新中最大的改善就是Dark模式,而在Chrome 75中就没有太多值得关注的新功能/特性了,而在今天发布的Chrome 76 Beta版本中我们可以一窥新版本中的那些新功能了。虽然Adobe Flash的“死期”要等到...
  • 导读: Material Design & iOS 13 黑暗模式总结探索 暗黑模式苹果开发文档 ...苹果官方强烈建议适配暗黑模式Dark Mode)此功能也是为了开发者能慢慢将应用适配暗黑模式,所以想通过此功能不进行适配暗黑...
  • Flutter适配深色模式DarkMode)

    千次阅读 2019-10-13 12:25:49
    也不知道写点什么,本来想写写Flutter的集成测试。因为前一阵子给flutter_deer写了一套,不过感觉也没啥,写不了几句话就放弃了...没错,就是文章标题提到的适配深色模式DarkMode),也可以说是实现夜间模式的功能。
  • ios 暗黑模式 Dark Mode

    2020-01-15 18:17:18
    *ios 暗黑模式 Dark Mode 一、UITraitCollection 为表征 size class 而生,用来区分设备。你可以在它身上获取到足以区分所有设备的特征 API: (1)判断当前设备时 iPhone/iPad/tv/carPlay 的配置 + ...
  • iOS 13 DarkMode 暗黑模式

    千次阅读 2019-10-10 10:22:15
    iOS 13终于引来了暗黑模式。 每当新特性的到来,iOS开发者们既紧张又有点小兴奋,怀揣着被虐的心态,让我们来看看暗黑模式到底是...模拟器启动后,在“设置”-“开发者”中打开“Dark Appearance”后,你的项目就自...
  • 将同一个资源,创建出两种模式的样式。系统根据当前选择的样式,自动获取该样式的资源。 每次系统更新样式时,应用会调用当前所有存在的元素调用对应的一些重新方法,进行重绘视图,可以在对应的方法做相应的改动 ...
  • Dark Reader - 是一款支持Chrome浏览器进入夜间模式的插件,非常好用,推荐给大家,Chrome浏览器夜间模式插件
  • Android 暗黑模式dark mode,demo源码。我们介绍了如何在Android上实现暗黑模式,也介绍了APP自主控制是否使用dark的方式
  • 支持 Dark Mode的四大原则 最大支持原则 尽一切努力在您的应用程序中采用浅色和深色外观。如果支持一种外观对于整个应用程序或部分应用程序都没有意义 最小代价原则 颜色更换代码尽量简洁高效 尊重用户原则 请始终...

空空如也

1 2 3 4 5 ... 20
收藏数 539
精华内容 215
关键字:

dark模式