首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    暗黑天使太空鹅设定

    暗黑天使寓意当初憨厚可爱的QQ企鹅也有酷酷的有态度的一面,表达QQ拥有年轻能力。...配色上,在整体暗黑化的同时,运用黄色和银色做设计点缀,使暗黑太空鹅整体设计看起来时尚且高级。...04 贴纸设计ㅣSticker Design 为了与高定限量太空鹅形成一系列,我们也为暗黑天使太空鹅设计了品牌logo贴纸,把太空鹅暗黑化的同时,贴纸也配套做出改变。...07 手办设计 | FIGURE DESIGN A.造型升级ㅣFigure Design 1.太空鹅全身暗黑化,黄色点缀细节;2.配件升级,新结构造型搭配;3.各个品牌的logo贴纸配合暗黑化升级;4....C.专属编号ㅣExclusive ID 每一只暗黑天使太空鹅的头盔背后都有其专属的编号。 D.关节结构ㅣJoint Structure 手办结构进行了调整,暗黑天使太空鹅的手臂和鹅脸都可以扭动。

    1.2K40

    用tailwindcss适配暗黑模式竟如此简单

    本文就以 引发作者探索暗黑模式的背景 -> 暗黑模式起源以及重要性 -> tailwindcss + vue3 实践暗黑模式的思路来进行讲解。...然后各大互联网APP进行适配「暗黑模式」,可以从下图看出来~(图来自优设),其实我们也有感受,自从那以后周围很多人的屏幕都变成了暗黑的主题。...因此夜间场景使用增长了大家对「暗黑模式」的需求,因此各大厂商为了吸引人们使用产品的欲望,自然要适配暗黑模式。这一模式不仅能够让我们不再眼瞎,并且能够带来视觉沉浸感。...第二步 在 tailwindcss 中如果需要支持暗黑模式,还需要在 variants 中增加配置,例如以下我们让背景色和文字颜色支持了暗黑模式。...感想 以上我们通过了 探索暗黑模式的背景 -> 暗黑模式起源以及重要性 -> tailwindcss + vue3 实践暗黑模式的思路向大家讲解了如何用 tailwindcss 适配 暗黑模式,最初的起源只是因为想找到一个文档站点

    1.7K30

    Android App Dark Theme(暗黑模式)适配指南

    在 2019 年的 Google I/O 和 Apple WWDC 上,新露面的 Android 10 和 iOS 13 都宣布将支持 Dark Theme 也就是我们常说的暗黑模式,并提供相关 API...那么,为什么我们需要暗黑模式?暗黑模式到底有什么好处?Android 开发者该如何适配暗黑模式呢?今天这篇文章就告诉你。 Why we need Dark Theme?...暗色主题的 App 比比皆是,但是让 Android 和 iOS 从系统层级支持暗黑模式还是头一次。也许是用户的呼声也许是工业的推动,发展得益于进步和反馈,暗黑模式就这样来到了你我的手机上。...所以,在如今使用 OLED 屏幕的手机上面,开启暗黑模式会大幅减少手机电量的消耗。关于其中更详细的作用原理以及好处,推荐阅读来自中科院物理所公众号的文章,点击下方查看。...切换主题 目前为止我们已经知道了如何适配暗黑模式,在完成适配之后,我们还需要为用户提供在运行时,切换主题的选项。

    5.1K20

    一行代码就实现 WordPress 博客暗黑模式

    暗黑模式是指把所有 UI 换成黑色或者深色的一个主题模式,现在主流的操作系统都已经支持暗黑模式了,比如 Mac 系统的暗黑模式: 如果用户的系统已经支持了暗黑模式,所以我们的网站最好也实现暗黑模式。...如何实现给网站实现网站暗黑模式,一般来说需要写一个暗黑模式下的 CSS。...一行代码就实现网站暗黑模式 比如「WordPress果酱」的博客页面,默认是: 我们可以给使用 CSS 3 的滤镜将页面的所有标签的颜色都反转: html{filter: invert(100%);}...效果: 厄,把图片也反转了,有点见了鬼的感觉,那图片再反转下: img{filter: invert(100%);} 效果: 感觉博客绿色变成紫色不好看,暗黑模式应该仅仅亮度反转,色相不应该反转,...html, img { filter: invert(1) hue-rotate(180deg); } img { opacity: .8; } 最终的效果: 最后一步,能不能系统在暗黑模式才启用这段

    33020

    WordPress添加暗黑模式并集成到主题教程

    Darkmode.Js – 网站支持炫酷暗黑模式/夜间模式 昨晚在网上逛时无意发现了轻松让网站实现暗黑模式的小工具Darkmode.js, Darkmode.js是一个开源JavaScript项目,只一段代码就能快速让你的网站支持深色模式...使用js控制切换,当切换至暗黑模式后class调用适配暗黑的css,由于css层级优先关系就达到了暗黑的效果,因此加入css样式时注意这点,不然无效。 3. 扩展:切换按钮和后台开关。...>"> 主要是cookie判断,判断如果你开启暗黑模式的cookie,如果有就输出night(达到暗黑效果),没有则空不开启。...切换按钮 虽然 22 点到 6 点自动切换成暗黑模式,但也许有人不喜欢暗黑模式,所以可以加个按钮来人工切换。...,如标准模式下按钮表示点击进入“暗黑”,而暗黑模式按钮要显示的为进入“标准”,很明显上面的那个按钮不管是在哪种模式下都显示“暗黑”,太过于单调了,于是我在此基础上做了一些修改: HTML <div class

    1K20

    几行代码,给自己的网站安排暗黑模式!

    作者:陌溪 陌溪的学习笔记:http://note.moguit.cn 大家好,我是 陌溪 最近,看到不少网站都有暗黑模式,能够让我们在夜晚浏览网站的时候保护双眼,所以花费了半天的时间研究了一下,给蘑菇安排上了...下面,先来几张蘑菇社区暗黑模式的图片,看看开启暗黑模式后的样子 首页 然后是文章详情页,可以看到效果还是不错的 博客详情页 下面,让我们一起来学习一下,如何通过几行代码,给自己的网站安排上暗黑模式...将使图像完全变黑;当值超过 100% 时图像将获得更高的对比度 因为我们都知道,蘑菇都是以白色作为主题色的,所以通过 invert 色相反转后,原来的白色就会变成黑色,而黑色的字体就会变成白色,从而实现了暗黑模式...上面的原理讲完了,下面我们就需要添加一个按钮,进行暗黑模式的切换了 changeDarkModel(darkModel){ if (darkModel == 1) { console.log...("切换暗黑模式") window.document.documentElement.setAttribute('data-theme', 'dark') } else {

    91920

    在python脚本中执行shell命令的方法

    os.system的方法 os.system("cmd") 我们在当前目录下面创建一个aaa.sql的文件,文件中的内容是aaa,然后我们来看测试过程 1[root@ /data ]$python 2Python...第二种方法是使用commands.getstatusoutput()方法 commands.getstatusoutput("cmd") 我们来看测试结果: 1[root@ /data]$python 2Python...的方法,可以得到一个脚本或者一个命令的返回值和执行结果,当然,我们也可以使用下面的方法来分别校验aaa.sql文件是否存在,以及查看aaa.sql的执行结果: 1[root@ /data]$python 2Python...第三种方法是使用popen函数 os.popen() 返回的是 file read 的对象,对其进行读取 read() 的操作可以看到执行的输出 1[root@ /data]$python 2Python

    5.3K00
    领券