theme-color (en-US):表示当前页面的建议颜色,在自定义当前页面从或页面周围的用户界面的显示时,用户代理应当使用此颜色。 color-scheme: 指定与当前文档兼容的一种或多种配色方案。 <!-- color-scheme: normal | [light | dark]+ | only light --><metaname="color-scheme"content="dark light"> viewport...
{"name":"My PWA","icons":[{"src":"https://via.placeholder.com/144/00ff00","sizes":"144x144","type":"image/png"}],"start_url":"/theme-color-darkmode.html","display":"standalone","background_color":"hsl(24.3, 97.4%, 54.3%)","theme_color":"hsl(24.3, 97.4%, 54.3%)"} ...
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta name="color-scheme" content="light dark"> <base target="_blank"> <link rel="shortcut icon" href="icon.png"> <title>Refined GitHub options</title> <link rel="stylesheet" href="options.css"...
RGB is an additive color model that creates colors via a mixture of red, green, and blue light. This color system accepts three parametric values - red, green, and blue. Each value can be a number between 0 and 255, where 0 represents no color and 255 represents the maximum amount of ...
bt-group-v > a:last-child { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; border-bottom-style: solid; border-bottom-width: 0rem; } @media (prefers-color-scheme:dark) { body { background-color: #000; color: #fff; } .bt-group-v > a { background-color: #...
// 检测深色模式是否启用 if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { // 深色模式下的主题颜色 var darkThemeColor = "#000000"; // 创建一个新的meta标签 var metaTag = document.createElement('meta'); metaTag.name = 'theme-color'; metaTag.c...
<meta name="application-name" content="yacd" /> <meta name="description" content="Yet Another Clash Dashboard" /> <meta name="theme-color" content="#202020" media="(prefers-color-scheme: dark)" /> <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)...
<meta name="theme-color" content="var(--theme-ui-colors-primary)" media="(prefers-color-scheme: light)" /> <meta name="theme-color" content="var(--theme-ui-colors-background)" media="(prefers-color-scheme: dark)" />Take note that @theme-ui/core does not create CSS custom ...
Dark Meta Knight has a grayed-out color scheme, but otherwise has similar, yet different, attire to Meta Knight himself. "? ? ?" is the name that Dark Meta Knight had when he was disguised as Meta Knight. Dark Meta Knight later makes a reappearance as the penultimate boss. Once the ...
如果系统设置了深色模式，H5页面不做相应的处理，会出现背景色冲突、深色文字显示异常，深色图标显示异常等...