Javascript 启用暗模式时更改浏览器选项卡图标
我有一个脚本,它的作用是:Javascript 启用暗模式时更改浏览器选项卡图标,javascript,css,darkmode,Javascript,Css,Darkmode,我有一个脚本,它的作用是: const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)'); darkModeMediaQuery.addListener((e) => { const darkModeOn = e.matches; console.log(`Dark mode is ${darkModeOn ? 'Yes, you don't need PHP here, but
const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
darkModeMediaQuery.addListener((e) => {
const darkModeOn = e.matches;
console.log(`Dark mode is ${darkModeOn ? 'Yes, you don't need PHP here, but you can do it with JavaScript.
Attach id to the element
<link rel="icon" href="images/icon_light.png" id="favicon-icon">
const darkModeMediaQuery=window.matchMedia('(首选颜色方案:深色)');
darkModeMediaQuery.addListener((e)=>{
const darkModeOn=e.matches;
log(`Dark mode是${darkModeOn?'是的,这里不需要PHP,但可以使用JavaScript
将id附加到元素
JS
const darkModeMediaQuery=window.matchMedia('(首选颜色方案:深色)');
darkModeMediaQuery.addListener((e)=>{
const darkModeOn=e.matches;
log(`Dark模式是${darkModeOn?'