当我在Chrome浏览器中输入“查看源代码”时，背景是白色，文本太小。所以我做了这个bookmarklet，它工作正常。它可以将任何HTML，CSS，JS页面的源代码转换为黑暗模式。只需在书签中尝试：
JavaScript：

document.querySelector('meta[name="color scheme"]').setAttribute("content", "dark");
if (document.querySelectorAll('pre').length > 0 {
    document.getElementsByTagName("pre")[0].style.fontSize = "18px";
}
if (document.querySelectorAll('table').length > 0) {
    document.querySelector('table').setAttribute("style", "font-size:18px");
}

字符串
如果你用检查器在Chrome中查看HTML源代码，你会看到查看源代码页面的HTML代码。将Meta标签<meta name="color-scheme" content="light dark">更改为<meta name="color-scheme" content="dark">，它会将页面变成一个漂亮的Dark模式！！
现在我想做一个Chrome浏览器扩展来自动完成它。它部分地与CSS和JS源代码一起工作，但不与HTML页面一起工作，因为它们的URL以“view-source”而不是“https”开头，我猜。所以我的bookmarklet可以做到这一点，但我的Chrome浏览器扩展不行。
manifest.json脚本：

{
    "short_name": "Dark",
    "name": "Medium Dark Mode",

    "background": {
        "scripts": ["darkmode.js"],
        "persistent": false
    },

    "icons": {
        "48": "icon.png"  
    },

    "permissions": [
        "activeTab",
        "tabs"
    ],

    "manifest_version": 2,

    "browser_action": {
        "default_title": "Dark Mode"
    },

    "version": "1.0"
}

型
darmode.js脚本：

document.querySelector('meta[name="color-scheme"]').setAttribute("content", "dark");

if (document.querySelectorAll('pre').length > 0) {
    document.getElementsByTagName("pre")[0].style.fontSize = "18px";
}

if (document.querySelectorAll('table').length > 0) {
    document.querySelector('table').setAttribute("style", "font-size:18px");
}

型
它不起作用：（