如何在暗模式下制作 about:newtab（新标签页），而在 Firefox 69+ 中激活暗模式

Question

我有 firefox 69，当暗模式激活时，newtab 页面保持亮起。

我通过about:config?filter=browser.in-content.dark-mode（更改为true）激活了暗模式，但about:home/about:newtab保持亮起

Answer 1

这是解决方案：

1.打开 Firefox，并确保about:config?filter=toolkit.legacyUserProfileCustomizations.stylesheets设置为true。

2.打开您的 Firefox 配置文件夹（您可以通过 找到它about:profiles）。

3.进入chrome文件夹并编辑userContent.css（如果文件夹/文件不存在，则创建它们）

4.将以下代码展开/粘贴到userContent.css：

    @-moz-document url(chrome://browser/content/browser.xul), url(about:newtab), url(about:home)
        {
        body {
            --newtab-background-color: #2A2A2E !important;
            --newtab-border-primary-color: #4E4E4C !important;
            --newtab-border-secondary-color: #282824 !important;
            --newtab-card-background-color: #000 !important;
            --newtab-contextmenu-background-color: #060605 !important;
            --newtab-element-active-color: rgba(215, 215, 219, 0.6) !important;
            --newtab-element-hover-color: #12120F !important;
            --newtab-icon-primary-color: rgba(243, 243, 242, 0.8) !important;
            --newtab-inner-box-shadow-color: rgba(255, 255, 255, 0.1) !important;
            --newtab-modal-color: #000 !important;
            --newtab-overlay-color: rgba(18, 18, 15, 0.8) !important;
            --newtab-search-border-color: rgba(249, 249, 250, 0.02) !important;
            --newtab-search-dropdown-color: #000 !important;
            --newtab-search-dropdown-header-color: #060605 !important;
            --newtab-search-icon-color: rgba(243, 243, 242, 0.4) !important;
            --newtab-section-active-contextmenu-color: #F3F3F2 !important;
            --newtab-section-header-text-color: #8C8C8C !important;
            --newtab-section-navigation-text-color: #8C8C8C !important;
            --newtab-snippets-background-color: #000 !important;
            --newtab-text-conditional-color: #B5B5B0 !important;
            --newtab-text-primary-color: #F3F3F2 !important;
            --newtab-text-secondary-color: #8C8C8C !important;
            --newtab-textbox-background-color: #202023 !important;
            --newtab-textbox-border: rgba(243, 243, 242, 0.2) !important;
            --newtab-textbox-focus-boxshadow: 0 0 0 1px #0060DF, 0 0 0 4px rgba(10, 132, 255, 0.3) !important;
            --newtab-topsites-background-color: rgba(255, 255, 255, 0.6) !important;
            --newtab-topsites-label-color: #F3F3F2 !important;
            --trailhead-cards-background-color: #12120F !important;
            --trailhead-header-text-color: #D4DEA9 !important;
       }
    }

5. 重启/打开 Firefox

~ 之前：https : //i.stack.imgur.com/TxRuK.png

~ 之后：https : //i.stack.imgur.com/K0HOs.png

  

就是这样 ！享受。