web跟随系统暗黑模式

html-css09

web跟随系统暗黑模式,第1张

现代的系统windows/mocOS/IOS/Android/Linus等等几乎都支持了整个系统的暗黑色主题与亮色主题模式的选择切换, 现代web浏览器自然也都跟随着加入了这一功能. 那么如何将这些功能应用到我们的实际项目中呢?这里就涉及到新的css样式

当系统支持暗黑模式的时候就会应用到 @media (prefers-color-scheme: dark) 内部的样式

如果有独立分开的css样式文件,可使用js判断是否处于暗黑模式,然后再确定加载那个css样式即可, js获取media信息如下

通过监听matchMedia的change事件可判断用户是否切换了暗黑/亮色模式

效果如下

本文首先介绍了暗黑模式的css样式, 通过使用css的meida查询器设置系统的样式. 然后介绍了通过js查询系统的暗黑模式状态 , 最后介绍了使用js监听系统模式动态变化事件. 能用js控制自然会发挥js的能力,有了更多的可操控性.

black scale是一个来自美国的暗黑系潮牌,这个牌子的服装非常有特色,衣服的设计上面带有一些很神秘的宗教特色,非常特别。

black scale是什么牌子

BLACK SCALE于2007年由MICHAEL"MEGA"YABUT与ALFRED DE TAGLE创立,设计蕴含着神秘的宗教气息,这一暗黑美式街头风格,诠释了生命、社会、生活等领域的抽象概念与理解。刚接触潮流的朋友可能很多人都没听说过这个品牌,也许是为了符合品牌的暗黑气质,BLACK SCALE显得十分低调,国内很多人早期是通过A$AP Rocky 认识了这个带着神秘气质的品牌。

black scale服装风格

Black Scale 一直以其独特、标志性的设计为人所喜爱,品牌宣导任何事物皆有对面的看法,揉入宗教、政府、个性、死忙等元 素,以服装为载体,唤起每一个人寻找自己所坚信的真理的概念。black scale 给人一种独特气质的感觉,虽然是不折不扣的暗黑系,但是却总能表现的那么多元,宗教元素,异域民族风情,没有美式街牌的那种浮夸的感觉,尺度拿捏的很好。

black scale联名系列

虽说BLACK SCALE是个神秘的暗黑品牌,但它和别的品牌的关系却都非常亲密。2013年,来自东海岸的 Staple 创始人 jeffstaple 和 10.Deep 设计师 Scott Sasso,以及来自西海岸的 HUF 主理人 Keith Hufnagel 与 Black Scale 的 Michael “Mega” Yabut,四人首次联手,打造了一个绝无仅有的联名企划。

这个系列由棒球夹克和Mitchell &Ness 制作的 Snapback 帽子组成,两者都由 Melton 羊毛和PU皮革共同打造,全黑配色呈现,并绣有四大街头品牌的经典 Logo,表明合作身份,帽子上还绣有“The Youth Shall Inherit The Earth”字样。这个系列一出就惊艳四方,被粉丝视为BLACK SCALE的经典之作。

black scale新款推荐

来自美国加州的街头品牌Black Scale,一直以其独特、标志性的设计为人所喜爱。此次Black Scale推出的秋冬新款更是革新了潮牌的定义,首度将高级成衣的元素融入进美国潮牌街头风。此系列将主打虎纹迷彩图案,配以经典的rebel flag,一改潮牌仅有T-shirt的局限性,推出了夹克和外套系列,打造高端街头潮牌服装。

由于现在人们的接受范围越来越广泛,所以在生活中我们可以看到的越来越多的人都在尝试接受全新的风格,比如洛丽塔、汉服以及暗黑风。那么我们今天的话题就是暗黑系的穿搭,之前有人笼统的解释了一下说暗黑系穿搭全靠黑色服饰维系,其实这种说法是不全面的。暗黑系穿搭---暗黑系是从文学中衍生的一种艺术形式,主要以猩红,荒芜,昏暗为主体基调。暗黑系穿搭可以从字面上理解,在视觉上呈现的效果比较阴暗,避免用特别亮丽的颜色。

其实许多小姐姐对暗黑系不是一无所知,护目镜、发带、高筒靴、皮手套多种多样的搭配组合,加上暗黑、铆钉、紧身、不规则等元素。在街头众多美女中总有一个是这种风格,她们不同于传统女孩那般甜美温婉,坚持的是自己个性的时尚风格;宛如一朵艳丽的黑玫瑰,在鲜艳的花群中绽放自己张扬的美。

比如个性绑带裙,它的绑带元素吸睛十足,展现出性感的背部线条,增添了性感元素。短裙设计改善了身形比例,让你秒变大长腿;同时中和了暗黑系完全阴暗的风格,加入了俏皮感。再比如酒红色印花T恤,它的酒红色与黑色相比能见度稍高,红酒一般的色彩带有高雅气质,穿上它如同显赫家族中那个特立独行的大小姐。衣袖上的印花也有着鲜明的暗黑风格,整体设计游刃有余。

暗黑系种类繁多,但一定要搭配上合适妆容,这样才不会给人很突兀的感觉。有兴趣的小姐姐们可以去尝试,让自己在这个秋天里做整条街上最亮的崽。